Home Version 16 Page Code
Click to preview the Home Version 16 demo. View demo
Preview:

Email: [email protected] Monday to Friday (HeaderPane)
Code:
html
<div class="home16-infotext"><span class="fa fa-envelope-o"></span> Email: [email protected] <span class="fa fa-clock-o"></span> Monday to Friday</div>HeaderPaneB Section (HeaderPaneB)
Code:
html
<div class="home16-social02">
<a href="#"><span class="fa fa-facebook-square color-1"></span> </a>
<a href="#"><span class="fa fa-twitter-square color-2"></span> </a>
<a href="#"><span class="fa fa-linkedin-square color-3"></span> </a>
</div>Banner Section (BannerBoxPane)
This section uses the DNNGo LayerGallery Pro module.
Add the slides (images, text, links) manually in the module — see LayerGallery Pro.
WHAT WE PROVIDE? (TopPane)
Code:
html
<p class="pb-20" style="text-align: center;margin-bottom:0;">DNNGo wins a fame with its ultra-responsive skins, flexible modules and professional services. If you want to quickly and easily start on your next awesome project, nothing could be more suitable than DNNGo.</p>
<div class="home16-ibox row pb-30 animation">
<div class="col-sm-4">
<div class="cont animation_item scaleUp delay1">
<div class="icon"><span>1</span></div>
<h3>Web & Skin Design </h3>
<p>Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget commodo ligula dolor. </p>
<p>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">More Information</a>
</p>
</div>
<div class="visible-xs pb-50"></div>
</div>
<div class="col-sm-4">
<div class="cont animation_item scaleUp delay2">
<div class="icon"><span>2</span></div>
<h3>Develop Dnn Skin</h3>
<p>Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget commodo ligula dolor. </p>
<p>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">More Information</a>
</p>
</div>
<div class="visible-xs pb-50"></div>
</div>
<div class="col-sm-4">
<div class="cont animation_item scaleUp delay3">
<div class="icon"><span>3</span></div>
<h3>Add The Content</h3>
<p>Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget commodo ligula dolor. </p>
<p>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">More Information</a>
</p>
</div>
</div>
</div>ECOMMERCE SHOPS (Full_Screen_PaneB · 1)
Code:
html
<div class="home16-cont"> <div class="cont-left"><img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic06.jpg" /></div> <div class="cont-right"> <div class="home16-title02 animation fadeInLeft pt-10">Commerce Website Development</div> <p class="pb-20 animation fadeInLeft" style="margin-bottom:0;">Our dedicated eCommerce team is comprised of outstanding designers who are experienced with designing.</p> <ul class="home16-list03 animation fadeInLeft"> <li><span class="fa fa-hourglass-end"></span> <h6>ECOMMERCE SHOPS</h6> <p>Designers who are experienced with designing hundreds.</p> </li> <li><span class="fa fa-files-o"></span> <h6>SKIN DEVELOPERS</h6> <p>Designers who are experienced with designing.</p> </li> <li><span class="fa fa-cubes"></span> <h6>MODULE DEVELOPMENT</h6> <p>Designers who are experienced with designing hundreds of eCommerce.</p> </li> </ul> <p class="animation fadeInLeft"> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="home16-btn02">BUY FROM HERE</a> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="home16-btn02">READ MORE INFO</a> </p> </div> </div>Buy this theme now Donec in ut odio libero, at vul (Full_Screen_PaneB · 2)
Code:
html
<div class="home16-bg05 pt-60 pb-60" style="text-align: center;"> <div class="container animation scaleUp"> <div class="home16-tilte03">Buy this theme now</div> <p style="text-align: center;margin-bottom:0;" class="color-white pb-20">Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim.</p> <p style="text-align: center;"> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="home16-btn03">READ MORE INFO</a> </p> </div> </div>Latest Products (Full_Screen_PaneB · 3)
Code:
html
<div class=" pt-60 pb-60 home16-bg"> <div class="container pt-10 pb-10"> <div class="home16-title"> <h3>Latest Products</h3> </div> <div class="carousel home16-carousel animation zoomIn" data-pagination="false" data-items="4" data-autoheight="false"> <div class="item"> <div class="photo_box ico_zoom"> <a class="LightBox_image_gallery3" href="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic07.jpg"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic07.jpg" /> <div class="ico"><span class="fa fa-search-plus "></span> <span class="fa fa-link "></span> </div> <div class="shade"></div> </div> </a> <div class="text"> <h3>Skin Features</h3> <p> Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus. </p> </div> </div> </div> <div class="item"> <div class="photo_box ico_zoom"> <a class="LightBox_image_gallery3" href="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic08.jpg"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic08.jpg" /> <div class="ico"><span class="fa fa-search-plus "></span> <span class="fa fa-link "></span> </div> <div class="shade"></div> </div> </a> <div class="text"> <h3>Page Samples</h3> <p> Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus. </p> </div> </div> </div> <div class="item"> <div class="photo_box ico_zoom"> <a class="LightBox_image_gallery3" href="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic09.jpg"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic09.jpg" /> <div class="ico"><span class="fa fa-search-plus "></span> <span class="fa fa-link "></span> </div> <div class="shade"></div> </div> </a> <div class="text"> <h3>Create Website</h3> <p> Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus. </p> </div> </div> </div> <div class="item"> <div class="photo_box ico_zoom"> <a class="LightBox_image_gallery3" href="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic10.jpg"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic10.jpg" /> <div class="ico"><span class="fa fa-search-plus "></span> <span class="fa fa-link "></span> </div> <div class="shade"></div> </div> </a> <div class="text"> <h3>DNN Modules</h3> <p> Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus. </p> </div> </div> </div> <div class="item"> <div class="photo_box ico_zoom"> <a class="LightBox_image_gallery3" href="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic07.jpg"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic07.jpg" /> <div class="ico"><span class="fa fa-search-plus "></span> <span class="fa fa-link "></span> </div> <div class="shade"></div> </div> </a> <div class="text"> <h3>Unlimited Colors</h3> <p> Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus. </p> </div> </div> </div> <div class="item"> <div class="photo_box ico_zoom"> <a class="LightBox_image_gallery3" href="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic08.jpg"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic08.jpg" /> <div class="ico"><span class="fa fa-search-plus "></span> <span class="fa fa-link "></span> </div> <div class="shade"></div> </div> </a> <div class="text"> <h3>Skin Design</h3> <p> Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus. </p> </div> </div> </div> <div class="item"> <div class="photo_box ico_zoom"> <a class="LightBox_image_gallery3" href="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic09.jpg"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic09.jpg" /> <div class="ico"><span class="fa fa-search-plus "></span> <span class="fa fa-link "></span> </div> <div class="shade"></div> </div> </a> <div class="text"> <h3>Responsive Web</h3> <p>Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus. </p> </div> </div> </div> <div class="item"> <div class="photo_box ico_zoom"> <a class="LightBox_image_gallery3" href="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic10.jpg"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic10.jpg" /> <div class="ico"><span class="fa fa-search-plus "></span> <span class="fa fa-link "></span> </div> <div class="shade"></div> </div> </a> <div class="text"> <h3>Professional Work</h3> <p> Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus. </p> </div> </div> </div> </div> </div> </div>Why Choose Our Products ? (Full_Screen_PaneB · 4)
Code:
html
<div class="home16-bg02 pt-60 pb-60"> <div class="container pt-20 pb-20 xs-pt-0"> <div class="row home16-flexrow"> <div class="col-md-6 col-sm-12 animation fadeInLeft home16-img"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic01.png" /><div class="visible-xs pb-50"></div></div> <div class="col-md-6 col-sm-12 animation fadeInRight" style="text-align: left;"> <h3>Why Choose Our Products ?</h3> <p>Donec consectetur diam ac nibh auctor ultricies. Integer mauris lacus, consequat in luctus id, semper sed felis. Cum sociis natoque penatibus et magnis. Fugiat dapibus, tellus ac cursus commodo.</p> <ul class="home16-list"> <li><span class="ico"></span>Major Browsers Compatible </li> <li><span class="ico"></span>Responsive Web</li> <li><span class="ico"></span>SEO Friendly & Optimized</li> <li><span class="ico"></span>Unlimited Colors or Themes</li> <li><span class="ico"></span>Full & Boxed Layout</li> <li><span class="ico"></span>5 Main Layout Sample Styles</li> <li><span class="ico"></span>New Header & Footer Styles</li> <li><span class="ico"></span>Customized Settings </li> </ul> <div> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="home16-btn" target="blank">Learn More</a> </div> </div> </div> </div> </div>What Others Say About Us ? (ContentPane)
Code:
html
<div class="pt-30 pb-30 xs-pt-0"> <div class="home16-title03"> <h3>What Others Say About Us ?</h3> <div class="line"></div> </div> <div class="home16-ibox04 animation"> <div class="personnel"> <div class="personnel_box animation_item scaleUp delay1"> <div class="personnel_pic"><img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic02.jpg" /></div> <div class="personnel_info"> <p> We have used dnngo.net for a number of DotNetNuke skin projects. Their work and attention to detail have been at a very high level. In each instance, we have found them very responsive and professional. We highly recommend dnngo.net.</p> <a href="#">Andrea Arkov -- Designer</a></div> </div> <div class="personnel_box animation_item scaleUp delay2"> <div class="personnel_pic"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic03.jpg" /></div> <div class="personnel_info"> <p> We have used dnngo.net for a number of DotNetNuke skin projects. Their work and attention to detail have been at a very high level. In each instance, we have found them very responsive and professional. We highly recommend dnngo.net.</p> <a href="#">Harra Halloy -- Developer</a></div> </div> <div class="clear"></div> </div> <div class="personnel"> <div class="personnel_box animation_item scaleUp delay3"> <div class="personnel_pic"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic04.jpg" /></div> <div class="personnel_info"> <p> We have used dnngo.net for a number of DotNetNuke skin projects. Their work and attention to detail have been at a very high level. In each instance, we have found them very responsive and professional. We highly recommend dnngo.net.</p> <a href="#">John Smith -- Programmer</a></div> </div> <div class="personnel_box animation_item scaleUp delay4 xs-mb-0"> <div class="personnel_pic"><img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-pic05.jpg" /> </div> <div class="personnel_info"> <p> We have used dnngo.net for a number of DotNetNuke skin projects. Their work and attention to detail have been at a very high level. In each instance, we have found them very responsive and professional. We highly recommend dnngo.net.</p> <a href="#">Bela Chrisis -- Manager</a></div> </div> <div class="clear"></div> </div> </div> </div>Learn about our skills (Full_Screen_PaneE · 1)
Code:
html
<div class=" pt-60 pb-60 home16-bg03 "> <div class="container pt-10"> <div class="home16-title03"> <h3>Learn about our skills</h3> <div class="line"></div> </div> <p class=" pb-20 text-center">We have been specialized in designing and developing DNN skins since 2008. We help you build strong online presence for your business by creating interactive, modern, eye-catching websites.</p> <div class="home16-chart row animation"> <div class="col-sm-3 animation_item scaleUp delay1"> <div data-percent="50" class="home16-percentage"> <div class="percentage_inner"><span>0</span>%</div> </div> <h2> Web Design</h2> <p>Duis autem vel eum iriure dolor in dolore eu feugiat nulla facilisis at vero eros et accumsan.</p> </div> <div class="col-sm-3 animation_item scaleUp delay2"> <div data-percent="90" class="home16-percentage"> <div class="percentage_inner"><span>0</span>%</div> </div> <h2> HTML5 & CSS3</h2> <p>Duis autem vel eum iriure dolor in dolore eu feugiat nulla facilisis at vero eros et accumsan.</p> </div> <div class="col-sm-3 animation_item scaleUp delay3"> <div data-percent="74" class="home16-percentage"> <div class="percentage_inner"><span>0</span>%</div> </div> <h2>Javascript</h2> <p>Duis autem vel eum iriure dolor in dolore eu feugiat nulla facilisis at vero eros et accumsan.</p> </div> <div class="col-sm-3 animation_item scaleUp delay4"> <div data-percent="68" class="home16-percentage"> <div class="percentage_inner"><span>0</span>%</div> </div> <h2> Programme</h2> <p class="xs-pb-0">Duis autem vel eum iriure dolor in dolore eu feugiat nulla facilisis at vero eros et accumsan.</p> </div> </div> </div> </div>Amazing Features (Full_Screen_PaneE · 2)
Code:
html
<div class=" pt-60 pb-60 home16-bg04"> <div class="container pt-20 pb-10"> <div class="home16-title04"> <h3>Amazing Features</h3> </div> <div class="home16_slidecarousel"> <div class="carousel_nav animation"> <div class="item"><span class="fa fa-anchor animation_item scaleUp delay1"></span></div> <div class="item"><span class="fa fa-shopping-cart animation_item scaleUp delay2"></span></div> <div class="item"><span class="fa fa-automobile animation_item scaleUp delay3"></span></div> <div class="item"><span class="fa fa-glass animation_item scaleUp delay4"></span></div> <div class="item"><span class="fa fa-search animation_item scaleUp delay5"></span></div> <div class="item"><span class="fa fa-bell-o animation_item scaleUp delay6"></span></div> </div> <div class="carousel_main"> <div class="item"> <div class="cont"> <div class="pt-30 pb-30"> <p>Suspendisse libero odio, rhoncus nec blandit eget, semper nec mi. Fusce dapibus tellus eu interdum varius. Quisque Integer fringilla blandit diam, quis tempus ligula. Sed vel ultricies lacus, in facilisis leo. </p> </div> <div class="btn-grp"> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="home16-btn04" target="blank">LEARN MORE</a> <a href="https://www.dnngo.net/DNNStore/tabid/58/ProductID/1647/Default.aspx" class="home16-btn04">SUBMIT A TICKET</a> </div> </div> </div> <div class="item"> <div class="cont"> <div class="pt-30 pb-30"> <p>Suspendisse libero odio, rhoncus nec blandit eget, semper nec mi. Fusce dapibus tellus eu interdum varius. Quisque Integer fringilla blandit diam, quis tempus ligula. Sed vel ultricies lacus, in facilisis leo. </p> </div> <div class="btn-grp"> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="home16-btn04" target="blank">Learn More</a> <a href="https://www.dnngo.net/DNNStore/tabid/58/ProductID/1647/Default.aspx" class="home16-btn04">Submit A Ticket</a> </div> </div> </div> <div class="item"> <div class="cont"> <div class="pt-30 pb-30"> <p>Suspendisse libero odio, rhoncus nec blandit eget, semper nec mi. Fusce dapibus tellus eu interdum varius. Quisque Integer fringilla blandit diam, quis tempus ligula. Sed vel ultricies lacus, in facilisis leo. </p> </div> <div class="btn-grp"> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="home16-btn04" target="blank">Learn More</a> <a href="https://www.dnngo.net/ContactUs.aspx" class="home16-btn04">Submit A Ticket</a> </div> </div> </div> <div class="item"> <div class="cont"> <div class="pt-30 pb-30"> <p>Suspendisse libero odio, rhoncus nec blandit eget, semper nec mi. Fusce dapibus tellus eu interdum varius. Quisque Integer fringilla blandit diam, quis tempus ligula. Sed vel ultricies lacus, in facilisis leo. </p> </div> <div class="btn-grp"> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="home16-btn04" target="blank">Learn More</a> <a href="https://www.dnngo.net/ContactUs.aspx" class="home16-btn04">Submit A Ticket</a> </div> </div> </div> <div class="item"> <div class="cont"> <div class="pt-30 pb-30"> <p>Suspendisse libero odio, rhoncus nec blandit eget, semper nec mi. Fusce dapibus tellus eu interdum varius. Quisque Integer fringilla blandit diam, quis tempus ligula. Sed vel ultricies lacus, in facilisis leo. </p> </div> <div class="btn-grp"> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="home16-btn04" target="blank">Learn More</a> <a href="https://www.dnngo.net/ContactUs.aspx" class="home16-btn04">Submit A Ticket</a> </div> </div> </div> <div class="item"> <div class="cont"> <div class="pt-30 pb-30"> <p>Suspendisse libero odio, rhoncus nec blandit eget, semper nec mi. Fusce dapibus tellus eu interdum varius. Quisque Integer fringilla blandit diam, quis tempus ligula. Sed vel ultricies lacus, in facilisis leo. </p> </div> <div class="btn-grp"> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="home16-btn04" target="blank">Learn More</a> <a href="https://www.dnngo.net/ContactUs.aspx" class="home16-btn04">Submit A Ticket</a> </div> </div> </div> </div> </div> </div> </div>Contact Us (Full_Screen_PaneE · 3)
Code:
html
<div class="dnn_layout pt-60">
<div class="content_mid pt-10">
<div class="home16-title05">
<h3>Contact Us</h3> </div>
<div class="row">
<div class="col-sm-4">
<div class="home16-ibox03">
<div class="icon"> <span class="fa fa-envelope"></span>
<div class="bg"><span></span></div>
<div class="bg2"><span></span></div>
</div>
<p>Email: [email protected]</p>
<h6>EMAIL US</h6> </div><div class="visible-xs pb-50"></div>
</div>
<div class="col-sm-4">
<div class="home16-ibox03">
<div class="icon"> <span class="fa fa-skype"></span>
<div class="bg"><span></span></div>
<div class="bg2"><span></span></div>
</div>
<p>Skype: dnngo-linda</p>
<h6>THROUGH SKYPE</h6> </div><div class="visible-xs pb-50"></div>
</div>
<div class="col-sm-4">
<div class="home16-ibox03">
<div class="icon"> <span class="fa fa-phone"></span>
<div class="bg"><span></span></div>
<div class="bg2"><span></span></div>
</div>
<p>Phone: (+086)-123-456</p>
<h6>CALL US</h6> </div>
</div>
</div>
<p class="pt-40 text-center" style="margin-bottom: 0;">Pellentesque consequat viverra ipsum, sed placerat ligula aliquam eu. Nam sapien eros enatis at dapibus facilisis, lacinia sagittis purus. Ut tuismod aliquet enim, nec semper mi posuere nec lor nam nunc est.</p>
</div>
</div>Form Section (RowSeventeen_Grid6_Pane1)
This section uses the DNNGo PowerForms module — see PowerForms.
RowSeventeen_Grid6_Pane2 Section (RowSeventeen_Grid6_Pane2)
Code:
html
<div id="gmap01" class="animation fadeInRight"></div>BottomOutPane Section (BottomOutPane · 1)
Code:
html
<div class="pb-30"></div>Let’s Start Our Business, Are You Ready ? (BottomOutPane · 2)
Code:
html
<div class=" pt-60 pb-60 home16-bg"> <div class="container animation zoomIn pt-10 pb-10"> <div class="home16-text">Let’s Start Our Business, Are You Ready ?</div> </div> </div>About Us (FootPaneD)
Code:
html
<div class="animation fadeInLeft"><img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-logo.png" /> <p class="pt-20 pb-10">Nam sapien eros enatis at dapibus facilis islacinia sagittis purus. Ut tuismod aliquet enim, nec semper mi posuere nec lor nam nunc est, faucibus iaculis varius vitae, eius modi tempora incidunt placerat quis felis labore et dolore magna.</p> <div class="home16-social"><a href="#"><span class="fa fa-facebook"></span> </a> <a href="#"> <span class="fa fa-twitter"></span> </a> <a href="#"> <span class="fa fa-linkedin"></span> </a> <a href="#"> <span class="fa fa-dribbble"></span> </a></div> </div>Photo Gallery (FootPaneE)
Code:
html
<ul class="home16-photolist clearfix animation fadeInDown">
<li>
<div class="photo_box img_zoom"> <a href="http://demo8.dnngo.net/portals/13/Home16-Images/home16-photo01-big.jpg" class="LightBox_image_gallery5">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-photo01.jpg" />
<div class="shade"></div>
</div>
</a> </div>
</li>
<li>
<div class="photo_box img_zoom"> <a href="http://demo8.dnngo.net/portals/13/Home16-Images/home16-photo02-big.jpg" class="LightBox_image_gallery5">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-photo02.jpg" />
<div class="shade"></div>
</div>
</a> </div>
</li>
<li>
<div class="photo_box img_zoom"> <a href="http://demo8.dnngo.net/portals/13/Home16-Images/home16-photo03-big.jpg" class="LightBox_image_gallery5">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-photo03.jpg" />
<div class="shade"></div>
</div>
</a> </div>
</li>
<div class="row-fluid">
<li>
<div class="photo_box img_zoom"> <a href="http://demo8.dnngo.net/portals/13/Home16-Images/home16-photo04-big.jpg" class="LightBox_image_gallery5">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-photo04.jpg" />
<div class="shade"></div>
</div>
</a> </div>
</li>
<li>
<div class="photo_box img_zoom"> <a href="http://demo8.dnngo.net/portals/13/Home16-Images/home16-photo05-big.jpg" class="LightBox_image_gallery5">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-photo05.jpg" />
<div class="shade"></div>
</div>
</a> </div>
</li>
<li>
<div class="photo_box img_zoom"> <a href="http://demo8.dnngo.net/portals/13/Home16-Images/home16-photo06-big.jpg" class="LightBox_image_gallery5">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-photo06.jpg" />
<div class="shade"></div>
</div>
</a> </div>
</li>
</div>
<div class="row-fluid">
<li>
<div class="photo_box img_zoom"> <a href="http://demo8.dnngo.net/portals/13/Home16-Images/home16-photo07-big.jpg" class="LightBox_image_gallery5">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-photo07.jpg" />
<div class="shade"></div>
</div>
</a> </div>
</li>
<li>
<div class="photo_box img_zoom"> <a href="http://demo8.dnngo.net/portals/13/Home16-Images/home16-photo08-big.jpg" class="LightBox_image_gallery5">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-photo08.jpg" />
<div class="shade"></div>
</div>
</a> </div>
</li>
<li>
<div class="photo_box img_zoom"> <a href="http://demo8.dnngo.net/portals/13/Home16-Images/home16-photo09-big.jpg" class="LightBox_image_gallery5">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home16-Images/home16-photo09.jpg" />
<div class="shade"></div>
</div>
</a> </div>
</li>
</div>
</ul>Archives (FootPaneF)
Code:
html
<div class="home16-list02 animation fadeInUp">
<ul>
<li><span class="fa fa-navicon"></span>Modules Development</li>
<li><span class="fa fa-navicon"></span>DNN Store Sellers</li>
<li><span class="fa fa-navicon"></span>Unlimited Colors/Styles</li>
<li><span class="fa fa-navicon"></span>Boxed & Wide Layout</li>
<li><span class="fa fa-navicon"></span>Hundreds of Google Fonts</li>
</ul>
</div>Twitter Feed (FootPaneG)
Code:
html
<div class="home16-ibox02 animation fadeInRight">
<div class="ibox-cont"> <span class="fa fa-twitter"> </span>
<div class="i-right">
<p>
<a href="#">@DNNGOBUYER</a> Eodem modo typi, qui nunc nobis videntur.</p> 20 mins ago </div>
</div>
<div class="ibox-cont"> <span class="fa fa-twitter"> </span>
<div class="i-right">
<p>
<a href="#">@DNNGOBUYER</a> Eodem modo typi, qui nunc nobis videntur.</p> 20 mins ago </div>
</div>
<div class="ibox-cont"> <span class="fa fa-twitter"> </span>
<div class="i-right">
<p>
<a href="#">@DNNGOBUYER </a>Eodem modo typi, qui nunc nobis videntur.</p> 20 mins ago </div>
</div>
</div>App Site | Recent Post | Comments (FooterPane)
Code:
html
<a href="#">App Site</a> | <a href="#">Recent Post</a> | <a href="#">Comments</a>