Social Icons Change Background View Style 1 Style 2 Style 3 Style 4 Style 5 Yoo Icons GET CODE <ul class="jf_social_icons style1 jf_tipsy_e" title="style 1"> <li class="facebook"><a class="jf_tipsy_s" href="http://www.facebook.com/JoomForest" target="_blank" title="facebook"> </a></li> <li class="twitter"><a class="jf_tipsy_s" href="http://twitter.com/#!/JoomForest" target="_blank" title="twitter"> </a></li> <li [...]
BOOTSTRAP - BUTTONS Simple Default Primary Info Success Warning Danger Link Link Button GET CODE <button class="jf_bs_btn" type="button">Simple</button> <button class="jf_bs_btn btn-default" type="button">Default</button> <button class="jf_bs_btn btn-primary" type="button">Primary</button> <button class="jf_bs_btn btn-info" type="button">Info</button> <button class="jf_bs_btn btn-success" type="button">Success</button> <button class="jf_bs_btn btn-warning" type="button">Warning</button> <button class="jf_bs_btn btn-danger" type="button">Danger</button> <button class="jf_bs_btn btn-link" type="button">Link</button> <a class="jf_bs_btn" href="#">Link</a> <button class="jf_bs_btn" type="submit">Button</button> <input [...]
BOOTSTRAP - CAROUSEL First 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. Second Thumbnail label Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi [...]
BOOTSTRAP - POPOVER Popover on top Popover on right Popover on bottom Popover on left GET CODE <a href="#" class="jf_typo_button white size3" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." title="Popover on top">Popover on top</a> <a href="#" class="jf_typo_button white size3" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum [...]
BOOTSTRAP - DROPDOWN Within a navbar Toggle navigation Project Name Dropdown Action Another action Something else here Separated link Dropdown 2 Action Another action Something else here Separated link Dropdown 3 Action Another action Something else here Separated link GET CODE Toggle navigation Project Name Dropdown Action Another action Something else here Separated [...]
BOOTSTRAP - MODAL Modal - Style 1 Modal Heading Text in a modal Nunc elementum hac purus mus ut nisi penatibus. Platea mid augue nunc! Adipiscing facilisis mus nunc vel duis cursus ridiculus! Nascetur? Arcu purus scelerisque? Cum proin! Enim augue lorem ridiculus, rhoncus amet enim non vel montes, cum vel urna ultricies [...]
VIDEO FRAMES GET CODE <div class="jf_image_block"> <span class="jf_blog_image"> <div class="jf_image"> <img src="images/jf/gallery/image_4.jpg"> </div> <div class="jf_zoom play"> <a class="pirobox_gall2" rel="iframe-640-360" href="http://www.youtube.com/embed/Qjnc0H8utks" title="What is Joomla"> </a> </div> </span> <div class="clr"></div> </div> GET CODE <div class="jf_image_block style2"> <span class="jf_blog_image"> <div class="jf_image"> <img src="images/jf/gallery/image_4.jpg"> </div> <div class="jf_zoom play"> <a class="pirobox_gall2" rel="iframe-640-360" href="images/jf/gallery/image_4.jpg"> </a> </div> [...]
TOOLTIPS Northwest North Northeast West East Southwest South Southeast GET CODE <div class="jf_col grid_4 jf_tipsy_nw" title="Northwest">Northwest</div> <div class="jf_col grid_4 jf_tipsy_n" title="North">North</div> <div class="jf_col grid_4 last-column jf_tipsy_ne" title="Northeast">Northeast</div> <div class="jf_col grid_4 jf_tipsy_w" title="West">West</div> <div class="jf_col grid_4"> </div> <div class="jf_col grid_4 last-column jf_tipsy_e" title="East">East</div> <div class="jf_col grid_4 jf_tipsy_sw" title="Southwest">Southwest</div> <div class="jf_col grid_4 jf_tipsy_s" title="South">South</div> <div [...]
IMAGE STYLES GET CODE <div class="jf_image_block"> <span class="jf_blog_image"> <div class="jf_image"> <img src="images/jf/gallery/image_4.jpg"> </div> <div class="jf_zoom"> <a class="pirobox_gall" rel="gallery" title="Sample Title" href="images/jf/gallery/image_4.jpg"> </a> </div> </span> <div class="clr"></div> </div> GET CODE <div class="jf_image_block style2"> <span class="jf_blog_image"> <div class="jf_image"> <img src="images/jf/gallery/image_4.jpg"> </div> <div class="jf_zoom"> <a class="pirobox_gall" rel="gallery" title="Sample Title" href="images/jf/gallery/image_4.jpg"> </a> </div> </span> [...]
PRICING TABLES Basic $20/month Item One Description Item Two Description Item Three Description Item Four Description Item Five Description Purchase Advanced $40/month Item One Description Item Two Description Item Three Description Item Four Description Item Five Description Purchase Expert $60/month Item One Description Item Two Description Item Three Description Item Four Description Item Five [...]
