Search
Menu
  1. Home
    1. OnePage
      1. Home
      2. About Us
      3. Testimonials
      4. Prices
      5. Our Team
      6. Contact
    2. Home Page 2
    3. Home Page 3
    4. Home Page 4
    5. Home Page 5
    6. Home Page 6
    7. Home Page 7
  2. Blog
    1. Blog 1
    2. Blog 2
    3. Events
    4. Events 2
    5. Events with maps
    6. Masonry
    7. Catalog
    8. Documents&FAQ
    9. Classifieds
      1. Real Estates
      2. Classifieds with maps
      3. Cars
    10. More examples
      1. Masonry layout 1
      2. Masonry layout 2
      3. Masonry layout 3
      4. Tabs layout
      5. Gallery Slideshow
      6. Multiarticle 1
      7. Multiarticle 2
      8. Simple 1
      9. Simple 2
      10. Simple 3
      11. Accordion 1
      12. Accordion 2
      13. Timeline
  3. Gallery
    1. Gravity gallery 1
    2. Gravity gallery 2
    3. Chameleon
    4. Portfolio 1
    5. Portfolio 2
  4. Groups
  5. Features
    1. Typography
      1. Typography Elements
      2. Tables
      3. Buttons
      4. Responsive Images
      5. Glyphicons
      6. Font Awesome
      7. Boxes
      8. Forms
      9. Content Layout
      10. Info Messages
      11. Progress Bar
      12. Alerts
      13. Labels and Badges
      14. Jumbotron
      15. Dividers
      16. Wells
      17. List Group
      18. List Style
      19. Responsive embed
    2. Short Codes
      1. Pricing
      2. Testimonials
      3. Tabs
      4. Accordions
      5. Flipbox
      6. Counters
      7. Animated Thumbnails
      8. Animations
      9. Dropdowns
      10. Alert Messages
      11. Collapse
      12. Carousel
      13. Affix
      14. Font Icon
      15. Side Menu
      16. Circular menu
      17. Floating menus
    3. Skin Layout
      1. Panes
        1. Home
        2. Inside
        3. Social
      2. Containers
  6. Pages
    1. Full Width
    2. Boxed
    3. FAQ
    4. 404 Error Page
    5. Our Services
    6. Our Team
    7. Testimonials
    8. Pricing
    9. Contact us
  7. Contact us
Search

Responsive Images

FeaturesTypographyResponsive Images

RESPONSIVE IMAGES 

<img src="/portals/2/..." class="img-responsive" alt="Responsive image">

Image shapes

   

<img alt="" src="/portals/2/Images/image.png" style="margin-right: 20px;" class="img-rounded" />
  <img alt="" src="/portals/2/Images/image.png" style="margin-right: 20px;" class="img-circle" />
  <img alt="" src="/portals/2/Images/image.png" class="img-thumbnail"  style="margin-right: 20px;" />
  <img alt="" src="/portals/2/Images/image.png" class="img-circle-thumbnail" />

Thumbnails

<a class="thumbnail" href="#"><img alt="" src="/portals/2/Images/image370180.png" class="img-responsive"></a>
<a class="eds_thumbnail" href="#"><img alt="" src="/portals/2/Images/image.png" class="img-responsive"></a>
<a class="eds_thumbnail eds_edsCircleThumbnail" href="#"><img alt="" src="/portals/2/Images/image.png" class="img-responsive"></a>

Custom content

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

View Code 
<div class="row">
      <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
          <img alt="" src="/portals/2/Images/image370180.png" class="img-responsive">
          <div class="caption">
            <h3>Thumbnail label</h3>
            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            <p><a role="button" class="btn btn-primary" href="#">Button</a> <a role="button" class="btn btn-default" href="#">Button</a></p>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
          <img alt="" src="/portals/2/Images/image370180.png" class="img-responsive">
          <div class="caption">
            <h3>Thumbnail label</h3>
            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            <p><a role="button" class="btn btn-primary" href="#">Button</a> <a role="button" class="btn btn-default" href="#">Button</a></p>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
          <img alt="" src="/portals/2/Images/image370180.png" class="img-responsive">
          <div class="caption">
            <h3>Thumbnail label</h3>
            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            <p><a role="button" class="btn btn-primary" href="#">Button</a> <a role="button" class="btn btn-default" href="#">Button</a></p>
          </div>
        </div>
      </div>
    </div>

EasyDNNstyleWizard

RECENT COMMENTS

"It's minimal not just sleek!
"Mission accomplished. It's classic!"

Libero donec, quam in etiam nulla enim eu, pharetra nulla.

RECENT PROJECTS

Check out our carefully crafted products and let us exceed your expectations.

CONTACT US

Feel free to contact us and find out more about pur products.

EDS GALORE SKIN

Galore skin is a unique skin that will satisfy all your needs regarding your webpage. Start at the very beginning or simply use our existing presets. With a few clicks you can lift your webpage to a completely higher level and feel the power of the Galore skin.

Copyright 2024 by DNN Corp Terms Of Use Privacy Statement
Back To Top