Menu

Images

Text/HTML

Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam.

Text/HTML

Image Shape Style

140x140 140x140 140x140
  1. <img src="..." class="img-rounded">
  2. <img src="..." class="img-circle">
  3. <img src="..." class="img-polaroid">

Heads up! .img-rounded and .img-circle do not work in IE7-8 due to lack of border-radius support.

Text/HTML

<div class="animation fadeInRight">
<div class="fancybox_style">
<ul>
    <li><a data-fancybox-group="group" class="fancybox" title="Exciting Title!" href="/Portals/0/fancy01.jpg"><img alt="" src="/portals/0/fancy01_thum.jpg" /> <span class="img-overlay"></span> </a></li>
    <li>
    <a data-fancybox-group="group" class="fancybox" title="Yup, More Text.." href="/Portals/0/fancy02.jpg"><img alt="" src="/portals/0/fancy02_thum.jpg" />
    <span class="img-overlay"></span>
    </a>
    </li>
    <li><a data-fancybox-group="group" class="fancybox" title="Yelf Up." href="/Portals/0/fancy03.jpg"><img alt="" src="/portals/0/fancy03_thum.jpg" />
    <span class="img-overlay"></span>
    </a></li>
    <li><a data-fancybox-group="group" class="fancybox" title="Bonjour!!" href="/Portals/0/fancy04.jpg"><img alt="" src="/portals/0/fancy04_thum.jpg" />
    <span class="img-overlay"></span>
    </a></li>
    <li><a data-fancybox-group="group" class="fancybox" title="Exciting Title!" href="/Portals/0/fancy05.jpg"><img alt="" src="/portals/0/fancy05_thum.jpg" />
    <span class="img-overlay"></span>
    </a></li>
    <li><a data-fancybox-group="group" class="fancybox" title="Yup, More Text.." href="/Portals/0/fancy06.jpg"><img alt="" src="/portals/0/fancy06_thum.jpg" />
    <span class="img-overlay"></span>
    </a></li>
</ul>
</div>
</div>