<div class="jf_CanvasText">
<nav class="nav-circlepop">
<a class="ip-nav-left"><span class="icon-wrap"> </span></a>
<a class="ip-nav-right"><span class="icon-wrap"> </span></a>
</nav>
<div class="ip-slideshow"> </div>
</div>Our template is based on Gantry Framework, so it has colors changer function. You can change and create your custom unlimited color skins, please read gantry documentation - http://gantry-framework.org/documentation/joomla/configure/presets.md
<ul class="jf_typo_gallery">
<li>
<a class="jf_image_block" rel="prettyPhoto[pp_gal]" href="/images/jf/gallery/image_1.jpg">
<img src="/images/jf/gallery/image_1.jpg" alt="Consectetur Adipiscing Elit">
<div class="zoom"><i class="fa fa-search"> </i></div>
</a>
</li>
<li>
<a class="jf_image_block style2" rel="prettyPhoto[pp_gal]" href="/images/jf/gallery/image_2.jpg" style="float:none">
<img src="/images/jf/gallery/image_2.jpg" alt="Consectetur Adipiscing Elit">
<div class="descr">
<span>
<div>Dolor Sit Amet</div>
<i>In Porttitor Porta</i>
</span>
</div>
</a>
</li>
<li>
<a class="jf_image_block" rel="prettyPhoto[pp_gal]" href="/images/jf/gallery/image_3.jpg">
<img src="/images/jf/gallery/image_3.jpg" alt="Consectetur Adipiscing Elit">
<div class="zoom"><i class="fa fa-search"> </i></div>
</a>
</li>
<li>
<a class="jf_image_block style2" rel="prettyPhoto[pp_gal]" href="/images/jf/gallery/image_4.jpg" style="float:none">
<img src="/images/jf/gallery/image_4.jpg" alt="Consectetur Adipiscing Elit">
<div class="descr">
<span>
<div>Dolor Sit Amet</div>
<i>In Porttitor Porta</i>
</span>
</div>
</a>
</li>
<li>
<a class="jf_image_block" rel="prettyPhoto[pp_gal]" href="/images/jf/gallery/image_5.jpg">
<img src="/images/jf/gallery/image_5.jpg" alt="Consectetur Adipiscing Elit">
<div class="zoom"><i class="fa fa-search"> </i></div>
</a>
</li>
<li>
<a class="jf_image_block style2" rel="prettyPhoto[pp_gal]" href="/images/jf/gallery/image_6.jpg" style="float:none">
<img src="/images/jf/gallery/image_6.jpg" alt="Consectetur Adipiscing Elit">
<div class="descr">
<span>
<div>Dolor Sit Amet</div>
<i>In Porttitor Porta</i>
</span>
</div>
</a>
</li>
<li>
<a class="jf_image_block" rel="prettyPhoto[pp_gal]" href="/images/jf/gallery/image_7.jpg">
<img src="/images/jf/gallery/image_7.jpg" alt="Consectetur Adipiscing Elit">
<div class="zoom"><i class="fa fa-search"> </i></div>
</a>
</li>
<li>
<a class="jf_image_block style2" rel="prettyPhoto[pp_gal]" href="/images/jf/gallery/image_8.jpg" style="float:none">
<img src="/images/jf/gallery/image_8.jpg" alt="Consectetur Adipiscing Elit">
<div class="descr">
<span>
<div>Dolor Sit Amet</div>
<i>In Porttitor Porta</i>
</span>
</div>
</a>
</li>
<li>
<a class="jf_image_block" rel="prettyPhoto[pp_gal]" href="/images/jf/gallery/image_9.jpg">
<img src="/images/jf/gallery/image_9.jpg" alt="Consectetur Adipiscing Elit">
<div class="zoom"><i class="fa fa-search"> </i></div>
</a>
</li>
<li>
<a class="jf_image_block style2" rel="prettyPhoto[pp_gal]" href="/images/jf/gallery/image_10.jpg" style="float:none">
<img src="/images/jf/gallery/image_10.jpg" alt="Consectetur Adipiscing Elit">
<div class="descr">
<span>
<div>Dolor Sit Amet</div>
<i>In Porttitor Porta</i>
</span>
</div>
</a>
</li>
</ul><a rel="prettyPhoto" href="/images/jf/gallery/image_1.jpg" title="This is the description">
<img src="/images/jf/gallery/image_1.jpg" width="300" height="190" alt="This is the title">
</a><ul class="jf_typo_gallery">
<li>
<a rel="prettyPhoto[pp_gal]" href="/images/jf/gallery/image_1.jpg" title="This is the description">
<img src="/images/jf/gallery/image_1.jpg" alt="This is the title">
</a>
</li>
<li>
<a rel="prettyPhoto[pp_gal]" href="/images/jf/gallery/image_2.jpg" title="This is the description">
<img src="/images/jf/gallery/image_2.jpg" alt="This is the title">
</a>
</li>
<li>
<a rel="prettyPhoto[pp_gal]" href="/images/jf/gallery/image_3.jpg" title="This is the description">
<img src="/images/jf/gallery/image_3.jpg" alt="This is the title">
</a>
</li>
<li>
<a rel="prettyPhoto[pp_gal]" href="/images/jf/gallery/image_4.jpg" title="This is the description">
<img src="/images/jf/gallery/image_4.jpg" alt="This is the title">
</a>
</li>
</ul><ul class="jf_typo_gallery">
<li>
<a rel="prettyPhoto[pp_gal_slide]" href="/images/jf/gallery/image_1.jpg" title="This is the description">
<img src="/images/jf/gallery/image_1.jpg" alt="This is the title">
</a>
</li>
<li>
<a rel="prettyPhoto[pp_gal_slide]" href="/images/jf/gallery/image_2.jpg" title="This is the description">
<img src="/images/jf/gallery/image_2.jpg" alt="This is the title">
</a>
</li>
<li>
<a rel="prettyPhoto[pp_gal_slide]" href="/images/jf/gallery/image_3.jpg" title="This is the description">
<img src="/images/jf/gallery/image_3.jpg" alt="This is the title">
</a>
</li>
<li>
<a rel="prettyPhoto[pp_gal_slide]" href="/images/jf/gallery/image_4.jpg" title="This is the description">
<img src="/images/jf/gallery/image_4.jpg" alt="This is the title">
</a>
</li>
</ul><a class="jf_typo_button white size2" href="http://jquery.com?iframe=true&width=500&height=250" rel="prettyPhoto[iframes]" title="Sample Title">Iframe</a>
<a class="jf_typo_button white size2" href="http://jquery.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]" title="Sample Title">iframe % of window size</a>
<a class="jf_typo_button red size2" rel="prettyPhoto" href="http://www.youtube.com/watch?v=Qjnc0H8utks" title="Sample Title">YouTube</a>
<a class="jf_typo_button blue size2" rel="prettyPhoto" href="http://vimeo.com/65474257" title="Sample Title">Vimeo</a>
<a class="jf_typo_button green size2" rel="prettyPhoto" href="#inline" title="Sample Title">Inline Content</a>
<div id="inline" style="display:none">
Habitasse sociis nisi sit augue elementum, diam sed sociis non nunc nec cum quis? Dolor ac ut. In, elit odio dignissim pellentesque porttitor phasellus elit porta lectus placerat rhoncus vel tortor massa parturient non urna etiam, massa et nunc et. Odio arcu, vel massa sed odio cum dis, et rhoncus mauris velit, cursus nunc, scelerisque ut, sed porta ac sociis, habitasse porttitor placerat? Adipiscing a auctor porta etiam sagittis vut et mattis! Arcu odio integer cursus sed, lacus sociis ac ultricies, amet tempor, est. Aliquet diam urna dapibus! Non tortor, sit. Nisi! Rhoncus massa enim quis. Duis lectus eu? Tortor placerat porta turpis nunc aliquam proin! Pulvinar duis nisi nascetur! Augue ultricies? Aliquet in? Augue etiam ultrices pulvinar? Ultricies lundium.
</div>