Home Version 39 Page Code
Click to preview the Home Version 39 demo. View demo
Preview:
Banner Section (BannerPane)
This section uses the DNNGo LayerGallery Pro module.
Add the slides (images, text, links) manually in the module — see LayerGallery Pro.
Welcome ! (Full_Screen_PaneA)
Code:
html
<div class="container pb-60"> <div class="row pb-10"> <div class="col-sm-6"> <div class="home39-cont animation fadeInLeft"> <h3 class="home39-title02">Welcome !</h3> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse purus nec placerat bibendbibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed ut perspiciatis unde omnis accusantium.</p> <p>Fusce dapibus, tellus ac cursus commodo, tortor mauri Lorem ipsum dolor sit amet, cons ecte tuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.</p> <a class="dg-btn-4 radius-3px btn-accent size-xl" href="#">MORE DETAIL</a> </div> </div> <div class="col-sm-6 animation fadeInRight"> <div class="panel-group home39-accordion" id="dg-acc17"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"><a data-parent="#dg-acc17" data-toggle="collapse" href="#dg-17-1"><span class="arrow"></span>Who We Are</a></h4> </div> <div class="panel-collapse collapse in" id="dg-17-1"> <div class="panel-body"> <p>Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conub nostra, per inceptos himenaeos. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantore veritatis quasi architecto beatae vitae dicta parturie.</p> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"><a class="collapsed" data-parent="#dg-acc17" data-toggle="collapse" href="#dg-17-2"><span class="arrow"></span>What We Do</a></h4> </div> <div class="panel-collapse collapse" id="dg-17-2"> <div class="panel-body"> <p>Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conub nostra, per inceptos himenaeos. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantore veritatis quasi architecto beatae vitae dicta parturie.</p> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"><a class="collapsed" data-parent="#dg-acc17" data-toggle="collapse" href="#dg-17-3"><span class="arrow"></span>How We Work</a></h4> </div> <div class="panel-collapse collapse" id="dg-17-3"> <div class="panel-body"> <p>Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conub nostra, per inceptos himenaeos. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantore veritatis quasi architecto beatae vitae dicta parturie.</p> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"><a class="collapsed" data-parent="#dg-acc17" data-toggle="collapse" href="#dg-17-4"><span class="arrow"></span>Why Choose Us</a></h4> </div> <div class="panel-collapse collapse" id="dg-17-4"> <div class="panel-body"> <p>Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conub nostra, per inceptos himenaeos. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantore veritatis quasi architecto beatae vitae dicta parturie.</p> </div> </div> </div> </div> </div> </div> </div> <div class="home39-bg pt-60"> <div class="container pt-10"> <div class="row"> <div class="col-sm-12"> <div class="home39-title01 pb-30"> <h2 class="title">The Amazing Theme</h2> <div class="icon"><span class="fa fa-lightbulb-o"></span></div> <p class="home39-textpad text-center">Doren orciac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conub nostra, per inceptos himenaeos. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p> </div> <div class="animation fadeInUp text-center"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img01.jpg" /></div> </div> </div> </div> </div> <div class="container pt-60 pb-60"> <div class="row pt-10 pb-10"> <div class="col-sm-6 animation fadeInLeft"> <div class="home39-iconbox "> <h3 class="home39-title02">Information</h3> <p>Tortor mauri Lorem ipsum dolor sit amet, cons ecte tuer adipiscing elit. Aenean commodo ligula eget dolor. nascetur ridiculus mus. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> <ul> <li><span class="fa fa-briefcase"></span> <h5>ENGAGED PRODUCTS</h5> <p>Sed ut perspiciatis unde omnis iste natus error accusantium doloremque laudantium, totam rem aperiam eaque ipsa.</p> <a href="#">More Information ></a> </li> <li><span class="fa fa-desktop"></span> <h5>CLEAAN DESIGN</h5> <p>Sed ut perspiciatis unde omnis iste natus error accusantium doloremque laudantium, totam rem aperiam eaque ipsa.</p> <a href="#">More Information ></a> </li> </ul> </div> </div> <div class="col-sm-6 animation fadeInRight"> <h3 class="home39-title02">Our Skills</h3> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse purus lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos.</p> <div class="home39-load"> <p>Web Design</p> <div class="progress progress-striped active"> <div class="progress-bar animation animationwidth" data-width="90%"> </div> </div> <p>HTML/CSS</p> <div class="progress progress-striped active"> <div class="progress-bar animation animationwidth" data-width="95%"> </div> </div> <p>Graphic Design</p> <div class="progress progress-striped active"> <div class="progress-bar animation animationwidth" data-width="89%"> </div> </div> <p>DNN</p> <div class="progress progress-striped active"> <div class="progress-bar animation animationwidth" data-width="92%"> </div> </div> </div> </div> </div> </div> <div class="home39-bg02 pt-60"> <div class="container pt-10"> <div class="home39-title01 pb-30"> <h2 class="title">Our Recent Works</h2> <div class="icon"><span class="fa fa-keyboard-o"></span></div> <p class="home39-textpad text-center">Doren orciac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conub nostra, per inceptos himenaeos. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p> </div> </div> <div class="home39-cont02 animation zoomIn"> <ul class="clearfix"> <li> <div class="photo_box img_zoom ico_zoom"> <div class="pic_box"> <a href="#"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img02.jpg" /> </a> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"> <a href="#"><span class="fa fa-expand"></span></a> </div> <h3><a href="#">Unlimited Colors</a></h3> <p> <a href="#">April 12th,2014</a> </p> </div> </div> </div> <a href="#"> </a> <div class="shade"> </div> <a href="#"> </a> </div> </div> </li> <li> <div class="photo_box img_zoom ico_zoom"> <div class="pic_box"> <a href="#"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img03.jpg" /> </a> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"> <a href="#"><span class="fa fa-expand"></span></a> </div> <h3><a href="#">Unlimited Colors</a></h3> <p> <a href="#">April 12th,2014</a> </p> </div> </div> </div> <a href="#"> </a> <div class="shade"> </div> <a href="#"> </a> </div> </div> </li> <li> <div class="photo_box img_zoom ico_zoom"> <div class="pic_box"> <a href="#"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img04.jpg" /> </a> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"> <a href="#"><span class="fa fa-expand"></span></a> </div> <h3><a href="#">Unlimited Colors</a></h3> <p> <a href="#">April 12th,2014</a> </p> </div> </div> </div> <a href="#"> </a> <div class="shade"> </div> <a href="#"> </a> </div> </div> </li> <li> <div class="photo_box img_zoom ico_zoom"> <div class="pic_box"> <a href="#"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img05.jpg" /> </a> <div class="content"> <div class="vertical_center_1"> <div class="vertical_center_2"> <div class="ico"> <a href="#"><span class="fa fa-expand"></span></a> </div> <h3><a href="#">Unlimited Colors</a></h3> <p> <a href="#">April 12th,2014</a> </p> </div> </div> </div> <a href="#"> </a> <div class="shade"> </div> <a href="#"> </a> </div> </div> </li> </ul> </div> </div> <div class="home39-bg03"> <div class="container"> <div class="home39-boxes animation lightSpeedIn"> <h1>Develop interactive, engaging and satisfying website</h1> <div class="but"> <a class="dg-btn-2 radius-3px btn-white size-xl" href="#">PURCHASE THIS THEME</a> </div> </div> </div> </div> <div class="container pt-60 pb-60"> <div class="row pt-10 pb-10"> <div class="col-sm-12"> <div class="home39-title01 pb-30"> <h2 class="title">Featured Products</h2> <div class="icon"><span class="fa fa-suitcase"></span></div> <p class="home39-textpad text-center">Doren orciac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conub nostra, per inceptos himenaeos. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p> </div> </div> <div class="col-sm-6"> <div class="animation fadeInLeft clearfix text-center"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img06.jpg" /></div> </div> <div class="col-sm-6"> <ul class="home39-iconbox02 animation"> <li class="animation_item scaleUp delay1"> <h4><span class="fa fa-database"></span>Amazing Themes</h4> <p>Nunc nibh diam, blandit vitae vehicula dapibus. Fusce et ornare sapien, non euis mod felis. Integer et risus quis sedeu placerat ligula aliquam. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p> </li> <li class="animation_item scaleUp delay2"> <h4><span class="fa fa-paw"></span>Customized Services</h4> <p>Nunc nibh diam, blandit vitae vehicula dapibus. Fusce et ornare sapien, non euis mod felis. Integer et risus quis sedeu placerat ligula aliquam. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p> </li> <li class="animation_item scaleUp delay3"> <h4><span class="fa fa-copy"></span>18+ Portfolio Layouts</h4> <p>Nunc nibh diam, blandit vitae vehicula dapibus. Fusce et ornare sapien, non euis mod felis. Integer et risus quis sedeu placerat ligula aliquam. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p> </li> <li class="animation_item scaleUp delay5"> <h4><span class="fa fa-comments-o"></span>Dnn Data Charts</h4> <p>Nunc nibh diam, blandit vitae vehicula dapibus. Fusce et ornare sapien, non euis mod felis. Integer et risus quis sedeu placerat ligula aliquam. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p> </li> </ul> </div> </div> </div> <div class="home39-bg04 pt-60 pb-60"> <div class="container animation zoomIn pt-10 pb-10"> <div class="home39-title01"> <h1 class="title">What Others Say</h1> <div class="icon"><span class="fa fa-comments-o"></span></div> </div> <ul class="Testimonials_tab home39-Testimonials" data-autoheight="false" data-autoplay="3000" data-display-arrows="false" data-height-auto="false" data-position="roll-left"> <li> <blockquote> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore mque laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nibh diam, blandit vitae vehicula dapibus. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu.</p> <small>David Smith <span>dnngo buyer</span></small></blockquote> </li> <li> <blockquote> <p>Nunc nibh diam, blandit vitae vehicula dapibus. Fusce et ornare sapien, non euis mod felis. Integer et risus quis sedeu placerat ligula aliquam. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p> <small>Andy Weeks President <span>dnngo buyer</span></small></blockquote> </li> <li> <blockquote> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore mque laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nibh diam, blandit vitae vehicula dapibus. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu.</p> <small>Michal Cyrus<span>dnngo buyer</span></small></blockquote> </li> </ul> </div> </div> <div class="container pt-60 pb-30"> <div class="home39-title01 pb-30 animation fadeInUp pt-10"> <h2 class="title">Our Services</h2> <div class="icon"><span class="fa fa-cog"></span></div> <p class="home39-textpad text-center" style="margin-bottom: 0;">Doren orciac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conub nostra, per inceptos himenaeos. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p> </div> <div class="horizontalTab_Top home39-horizontalTab animation fadeInUp"> <ul class="resp-tabs-list clearfix"> <li class="ht7_a"><span>Features</span></li> <li class="ht7_b"><span>Teams</span></li> <li class="ht7_c"><span>Services</span></li> </ul> <div class="resp-tabs-container"> <div class="resp_container"> <div class="resp_margin"> <div class="row home39-horizontalTabA"> <div class="col-sm-4 animation_item scaleUp delay1"> <div class="home39-iconbox03"> <div class="icon"><span class="fa fa-glass"></span></div> <h4>Top Sellers</h4> <p>Fusce et ornare sapien, non euis mod felis. Integer et risus quis sedeu placerat ligula aliqu Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p> </div> </div> <div class="col-sm-4 animation_item scaleUp delay2"> <div class="home39-iconbox03"> <div class="icon"><span class="fa fa-expand"></span></div> <h4>Compatible</h4> <p>Fusce et ornare sapien, non euis mod felis. Integer et risus quis sedeu placerat ligula aliqu Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p> </div> </div> <div class="col-sm-4 animation_item scaleUp delay3"> <div class="home39-iconbox03"> <div class="icon"><span class="fa fa-cloud-download"></span></div> <h4>Free Download</h4> <p>Fusce et ornare sapien, non euis mod felis. Integer et risus quis sedeu placerat ligula aliqu Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p> </div> </div> </div> </div> </div> <div class="resp_container"> <div class="resp_margin"> <div class="row home39-horizontalTabB home39-ourteam"> <div class="col-sm-6 col-md-3 animation_item scaleUp delay1"> <div class="photo_box ico_right_enter"> <div class="pic_box"> <a href="#"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img07.jpg" /> <span class="shade"></span> </a> </div> <div class="text_sytle_1"> <h6>Merry Smith</h6> <h4>Designer</h4> </div> </div> </div> <div class="col-sm-6 col-md-3 animation_item scaleUp delay3"> <div class="photo_box ico_right_enter"> <div class="pic_box"> <a href="#"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img07-02.jpg" /> <span class="shade"></span> </a> </div> <div class="text_sytle_1"> <h6>Harro Holloy</h6> <h4>Developer</h4> </div> </div> </div> <div class="col-sm-6 col-md-3 animation_item scaleUp delay3"> <div class="photo_box ico_right_enter"> <div class="pic_box"> <a href="#"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img07-03.jpg" /> <span class="shade"></span> </a> </div> <div class="text_sytle_1"> <h6>Steven Doe</h6> <h4>Programmer</h4> </div> </div> </div> <div class="col-sm-6 col-md-3 animation_item scaleUp delay4"> <div class="photo_box ico_right_enter"> <div class="pic_box"> <a href="#"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img07-04.jpg" /> <span class="shade"></span> </a> </div> <div class="text_sytle_1"> <h6>David Bomme</h6> <h4>CEO</h4> </div> </div> </div> </div> </div> </div> <div class="resp_container"> <div class="resp_margin"> <div class="home39-horizontalTabC text-center"> <div class="row"> <div class="col-sm-12"> <h6>Customization services ensure what exactly you want</h6> <p>Fusce dapibus, tellus ac cursus commodo, tortor mauri Lorem ipsum dolor sit amet, consecte tuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div> </div> <div class="home39-chart row pt-30"> <div class="col-md-2 col-sm-6 animation_item scaleUp delay1"> <div class="list-percentage39" data-percent="95"> <div class="percentage_inner"><span>0</span>%</div> </div> <p>Dnn Skin</p> </div> <div class="col-md-2 col-sm-6 animation_item scaleUp delay2"> <div class="list-percentage39" data-percent="97"> <div class="percentage_inner"><span>0</span>%</div> </div> <p>Dnn Module</p> </div> <div class="clearfix visible-sm"></div> <div class="col-md-2 col-sm-6 animation_item scaleUp delay3"> <div class="list-percentage39" data-percent="95"> <div class="percentage_inner"><span>0</span>%</div> </div> <p>Template</p> </div> <div class="col-md-2 col-sm-6 animation_item scaleUp delay4"> <div class="list-percentage39" data-percent="86"> <div class="percentage_inner"><span>0</span>%</div> </div> <p>Skin Pack</p> </div> <div class="col-md-2 col-sm-6 animation_item scaleUp delay5"> <div class="list-percentage39" data-percent="89"> <div class="percentage_inner"><span>0</span>%</div> </div> <p>Dnn Store</p> </div> <div class="col-md-2 col-sm-6 animation_item scaleUp delay6"> <div class="list-percentage39" data-percent="92"> <div class="percentage_inner"><span>0</span>%</div> </div> <p>Photoshop</p> </div> </div> </div> </div> </div> </div> </div> </div>About (FootPaneD)
Code:
html
<div class="home39-footera animation delay1 zoomInDown">
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore mque laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi et quasi architecto beatae.</p>
<p class="mt-20 mb-20">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="footer-social"><a href="#"><em class="fa fa-facebook"></em></a> <a href="#"> <em class="fa fa-dribbble"></em></a> <a href="#"> <em class="fa fa-twitter"></em></a> <a href="#"> <em class="fa fa-google-plus"></em></a> <a href="#"> <em class="fa fa-share-alt"></em></a> <a href="#"> <em class="fa fa-rss"></em></a></div>
</div>Photos (FootPaneE)
Code:
html
<div class="home39-footerb row animation delay2 zoomInLeft">
<div class="col-sm-4 col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img08.jpg" title="Image Gallery"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img08.jpg" />
<span class="shade"> </sapn></a>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img08-02.jpg" title="Image Gallery"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img08-02.jpg" />
<span class="shade"> </span></a>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img08-03.jpg" title="Image Gallery"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img08-03.jpg" />
<span class="shade"> </span></a>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img08-04.jpg" title="Image Gallery"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img08-04.jpg" />
<span class="shade"> </span></a>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img08-05.jpg" title="Image Gallery"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img08-05.jpg" />
<span class="shade"> </span></a>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img08-06.jpg" title="Image Gallery"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img08-06.jpg" />
<span class="shade"> </span></a>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img08-07.jpg" title="Image Gallery"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img08-07.jpg" />
<span class="shade"> </span></a>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img08-08.jpg" title="Image Gallery"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img08-08.jpg" />
<span class="shade"> </span></a>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img08-09.jpg" title="Image Gallery"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home39-Images/home39-img08-09.jpg" />
<span class="shade"> </span></a>
</div>
</div>
</div>
</div>Categories (FootPaneF)
Code:
html
<ul class="home39-footerc animation delay3 zoomInRight">
<li><a href="#"><span class="fa fa-list-ul"></span>Modules Development</a></li>
<li><a href="#"><span class="fa fa-list-ul"></span>Responsive Web</a></li>
<li><a href="#"><span class="fa fa-list-ul"></span>Dnn Xblog Module</a></li>
<li><a href="#"><span class="fa fa-list-ul"></span>Unlimited-Colors Skin</a></li>
<li><a href="#"><span class="fa fa-list-ul"></span>Create New Website</a></li>
</ul>Contact (FootPaneG)
This section uses the DNNGo PowerForms module — see PowerForms.
App Site | Recent Post | Comments (FooterPane)
Code:
html
<a href="#">App Site</a> | <a href="#">Recent Post</a> | <a href="#">Comments</a>