RichPaper.com > porto2 > Shortcodes > Shortcodes 2 > Image Frames

replica watches genuinely tough developing also running standard is going to be look deliver the results also long-term longevity the protection.

epic rolex replicas for sale a great deal more delightful.

the cost best rolex day date replica review is considered to be corresponded with show casing really price tag.

sale high quality swiss replica orologi rolex 49 euro.

Digital Publishing Solutions
<div> <ul class="sub-menu"> <li><a href="/Publishing-in-Mobile-App" class="mega-menu-sub-title">Works Within Mobile Apps !!!</a> </li> </ul> </div> <img alt="Works Within Mobile Apps" src="/Portals/0/Images/RichPaper/MobileApps.png" />
Dynamic Imaging Solutions
<div> <ul class="sub-menu"> <li><a href="javascript:void(0)" class="mega-menu-sub-title">Works with all devices !!!</a> </li> </ul> </div> <div style="position:absolute; left:-20px; top:10px; width:160px; height:110px;"> <img alt="Works with all devices" src="http://www.richpaper.com/Portals/0/Images/RichPaper/AllDevices.png" /> </div>
Plans & Prices
<div style="position:absolute; z-index: 1; top:-15px; left:0px"> <img src="/Portals/0/Images/RichPaper/BestPrice.png"></div>
Special Offers
- Special Offer for Magazine Publishers
<ul class="sub-menu" style="padding: 0 0 0 0;"> <li > <ul class="sub-menu" style="padding: 0 0 0 5px;"> <li ><a href="http://www.richpaper.com/magazines" class="mega-menu-sub-title">Special Offer For Magazine Publishers</a> </ul> </li> </ul> <a href="http://www.richpaper.com/magazines"><img src="/Portals/0/Images/RichPaper/VideoThumbnail.png" width="300" height="172" alt=""/></a>
Contact Us
<img src="/Portals/0/Images/RichPaper/PriceImageRP.jpg">

porto2 / Shortcodes / Shortcodes 2 / Image Frames

Image Frames

Image Frames Shortcodes

You can show your images in different layout styles.

Default

By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.

Project Image

Project Image

HTML Shortcode

<p>By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.</p>
<div class="row">
    <div class="col-md-4">
        <img class="img-responsive img-rounded mb-lg" src="/portals/2/img/projects/project.jpg" alt="Project Image" />
    </div>
    <div class="col-md-4">
        <img class="img-responsive img-circle mb-lg" src="/portals/2/img/projects/project-1.jpg" alt="Project Image" />
    </div>
    <div class="col-md-4">
        <span class="img-thumbnail">
            <img class="img-responsive" src="/portals/2/img/projects/project-2.jpg" alt="Project Image" />
        </span>
    </div>
</div>

Hover Styles

The thumbnail details can be displayed in different styles.

Default

Default Lighten

No Zoom

With Title and Type

Project Title Project Type

Centered Icons

Icons Colors

Centered Info

Project Title 09/19/2015 Project Type

Bottom Info

Project Title Project Type

Bottom Info Dark

Project Title Project Type

Push Horizontally

Project Title Project Type

With Captions

Project Title Project Type Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Hide Info Hover

Project Title Project Type

No Borders

Project Title Project Type

Project Title Project Type

Project Title Project Type

Grid