Home Version 11 Page Code
Home Version 11 is a One Page version — see One Page for how the anchor mechanism works.
Click to preview the Home Version 11 demo. View demo
Preview:
Banner Section (BannerPane · 1)
Code:
html
<div class="anchorTag" data-title="PAGE TOP" data-menuanchor="true"> </div>Banner Section (BannerPane)
This section uses the DNNGo LayerGallery Pro module.
Add the slides (images, text, links) manually in the module — see LayerGallery Pro.
0 SUPPORTERS 0 HAPPY LIKERS 0 PORFOLIOSS 0 SUBSCRI (BannerPane · 3)
Code:
html
<div class="container">
<div class="home11-bannerbtm">
<div class="row">
<div class="col-sm-3">
<div class="home11-ibox"><span class="fa fa-thumbs-o-up"></span><span class="animation number" data-number="1080">0</span>
<p>SUPPORTERS</p>
</div>
</div>
<div class="col-sm-3">
<div class="home11-ibox"><span class="fa fa-heart-o"></span><span class="animation number" data-number="2400">0</span>
<p>HAPPY LIKERS</p>
</div>
</div>
<div class="col-sm-3">
<div class="home11-ibox"><span class="fa fa-camera"></span><span class="animation number" data-number="520">0</span>
<p>PORFOLIOSS</p>
</div>
</div>
<div class="col-sm-3">
<div class="home11-ibox"><span class="fa fa-share-alt"></span> <span class="animation number" data-number="7630">0</span>
<p>SUBSCRIBERS</p>
</div>
</div>
</div>
</div>
</div>ABOUT US (TopPane)
Code:
html
<div class="home11-title">
<div data-title="ABOUT US" class="anchorTag" data-offset="-60" data-scrollshownav="true" data-menuanchor="true"> </div>
<h3 class="animation scaleUp">ABOUT US</h3>
<span class="number animation scaleUp">01</span> </div>
<p class=" pb-40 big-size animation scaleUp" style="text-align: center; margin-bottom: 0px;">Sed sollicitudin mi quis sem consequat vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
Vivamus quis lorem neque sit amet vestibulum nibh malesuada.</p>
<div class="row animation scaleUp pb-20 xs-pb-0">
<div class="col-sm-4">
<div class="home11-ibox02">
<div class="icoBox color-1"><span class="fa fa-html5"></span> </div>
<h3>HTML5 Code</h3>
<p>Quisque tortor odio, feugiat vitae velit at, feugiat euis mod nunc. Morbi lectus neque, mollis quis tellus eget, euismod et metus non pulvinar. </p>
</div>
</div>
<div class="col-sm-4">
<div class="home11-ibox02">
<div class="icoBox color-2"><span class="fa fa-css3"></span> </div>
<h3>CSS3 Stylesheet</h3>
<p>Quisque tortor odio, feugiat vitae velit at, feugiat euis mod nunc. Morbi lectus neque, mollis quis tellus eget, euismod et metus non pulvinar. </p>
</div>
</div>
<div class="col-sm-4">
<div class="home11-ibox02 xs-mb-0">
<div class="icoBox color-3"><span class="fa fa-github"></span> </div>
<h3>JQuery Animations</h3>
<p class="xs-mb-0">Quisque tortor odio, feugiat vitae velit at, feugiat euis mod nunc. Morbi lectus neque, mollis quis tellus eget, euismod et metus non pulvinar. </p>
</div>
</div>
</div>DNN SKIN (Full_Screen_PaneB · 1)
Code:
html
<div class="home11-bg pt-60 pb-60 xs-pb-0">
<div class="container pt-50 pb-40 xs-pt-0">
<div class="row animation">
<div class="col-sm-12 col-md-5 animation_item fadeInLeft delay1" style="text-align: center;"> <img alt="" class="img-responsive mb-20" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-pic01.png" style="text-align: center;" /> </div>
<div class="col-sm-12 col-md-7">
<div class="visible-xs pt-40"></div>
<div class="home11-title02 animation_item fadeInRight delay2">WHAT WE CAN DO</div>
<p class="pt-10 pb-40 animation_item fadeInRight delay3"> Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit curabitur eu metus commodo ac lectus nec facilisis. </p>
<div class="row pb-40 animation_item fadeInRight delay4">
<div class="col-sm-6">
<div class="home11-ibox03"> <span class="fa fa-bug"></span>
<h3>DNN SKIN</h3>
<p>Lorem ipsum dolor sit amet, consectetu adipiscing elit. Fusce at risus at lacuser laoreet mollis sed id elit. </p>
</div>
</div>
<div class="col-sm-6">
<div class="home11-ibox03"> <span class="fa fa-crop"></span>
<h3>DNN MODULE</h3>
<p>Lorem ipsum dolor sit amet, consectetu adipiscing elit. Fusce at risus at lacuser laoreet mollis sed id elit. </p>
</div>
</div>
</div>
<div class="home11-loadlist animation_item fadeInRight delay5">
<p>Web Design</p>
<div class="progress">
<div class="bar animation animationwidth a_bg_c" data-width="94%"> <span></span> </div>
</div>
<p>HTML5 & CSS3</p>
<div class="progress">
<div class="bar animation animationwidth a_bg_c" data-width="96%"> <span></span> </div>
</div>
<p>Javascript</p>
<div class="progress">
<div class="bar animation animationwidth a_bg_c" data-width="92%"> <span></span> </div>
</div>
<p>Programme</p>
<div class="progress">
<div class="bar animation animationwidth a_bg_c" data-width="95%"> <span></span> </div>
</div>
</div>
</div>
</div>
</div>
</div>RECENT WORKS (Full_Screen_PaneB · 2)
Code:
html
<div class="container pt-60">
<div class="home11-title">
<div data-offset="-60" class="anchorTag" data-title="RECENT WORKS" data-menuanchor="true"> </div>
<h3 class="animation scaleUp">RECENT WORKS</h3>
<span class="number animation scaleUp">02</span> </div>
<p style="text-align: center; margin-bottom: 0px;" class="pb-40 big-size animation scaleUp">Sed sollicitudin mi quis sem consequat vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
Vivamus quis lorem neque sit amet vestibulum nibh malesuada.</p>
</div>
<div class="isotope_grid home11-isotope">
<div class="isotope_group animation scaleUp"> <a class="active" href="#" data-filter="*">ALL</a> <a href="#" data-filter=".photography">PHOTOGRAPHY</a> <a href="#" data-filter=".webdesign">WEB DESIGN</a> <a href="#" data-filter=".image">IMAGE</a> <a href="#" data-filter=".videos">VIDEOS</a> </div>
<div class="loading animation scaleUp">
<div class="loading-container container1">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>
<div class="circle4"></div>
</div>
<div class="loading-container container2">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>
<div class="circle4"></div>
</div>
<div class="loading-container container3">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>
<div class="circle4"></div>
</div>
</div>
<div class="isotope_main home11-bg animation scaleUp" data-min-width="350">
<div data-zoom="2" class="isotope_item photography videos">
<div class="photo"> <img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-pic02.jpg" />
<div class="ico"> <a target="_blank" href="#"><span class="fa fa-search"></span> </a> <a target="_blank" href="#"><span class="fa fa-heart-o"></span> </a> <a target="_blank" href="#"><span class="fa fa-link"></span> </a></div>
</div>
</div>
<div class="isotope_item webdesign videos">
<div class="photo"><img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-pic03.jpg" />
<div class="ico"> <a target="_blank" href="#"><span class="fa fa-search"></span> </a> <a target="_blank" href="#"><span class="fa fa-heart-o"></span> </a> <a target="_blank" href="#"><span class="fa fa-link"></span> </a></div>
</div>
</div>
<div class="isotope_item photography image">
<div class="photo"> <img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-pic04.jpg" />
<div class="ico"> <a target="_blank" href="#"><span class="fa fa-search"></span> </a> <a target="_blank" href="#"><span class="fa fa-heart-o"></span> </a> <a target="_blank" href="#"><span class="fa fa-link"></span> </a></div>
</div>
</div>
<div class="isotope_item webdesign">
<div class="photo"> <img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-pic05.jpg" />
<div class="ico"> <a target="_blank" href="#"><span class="fa fa-search"></span> </a> <a target="_blank" href="#"><span class="fa fa-heart-o"></span> </a> <a target="_blank" href="#"><span class="fa fa-link"></span> </a></div>
</div>
</div>
<div data-zoom="2" class="isotope_item photography image">
<div class="photo"> <img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-pic06.jpg" />
<div class="ico"> <a target="_blank" href="#"><span class="fa fa-search"></span> </a> <a target="_blank" href="#"><span class="fa fa-heart-o"></span> </a> <a target="_blank" href="#"><span class="fa fa-link"></span> </a></div>
</div>
</div>
<div class="isotope_item webdesign videos">
<div class="photo"> <img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-pic07.jpg" />
<div class="ico"> <a target="_blank" href="#"><span class="fa fa-search"></span> </a> <a target="_blank" href="#"><span class="fa fa-heart-o"></span> </a> <a target="_blank" href="#"><span class="fa fa-link"></span> </a></div>
</div>
</div>
<div class="isotope_item webdesign">
<div class="photo"> <img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-pic08.jpg" />
<div class="ico"> <a target="_blank" href="#"><span class="fa fa-search"></span> </a> <a target="_blank" href="#"><span class="fa fa-heart-o"></span> </a> <a target="_blank" href="#"><span class="fa fa-link"></span> </a></div>
</div>
</div>
<div class="isotope_item photography">
<div class="photo"> <img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-pic09.jpg" />
<div class="ico"> <a target="_blank" href="#"><span class="fa fa-search"></span> </a> <a target="_blank" href="#"><span class="fa fa-heart-o"></span> </a> <a target="_blank" href="#"><span class="fa fa-link"></span> </a></div>
</div>
</div>
<div class="isotope_item image videos">
<div class="photo"> <img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-pic10.jpg" />
<div class="ico"> <a target="_blank" href="#"><span class="fa fa-search"></span> </a> <a target="_blank" href="#"><span class="fa fa-heart-o"></span> </a> <a target="_blank" href="#"><span class="fa fa-link"></span> </a></div>
</div>
</div>
<div class="isotope_item image">
<div class="photo"> <img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-pic11.jpg" />
<div class="ico"> <a target="_blank" href="#"><span class="fa fa-search"></span> </a> <a target="_blank" href="#"><span class="fa fa-heart-o"></span> </a> <a target="_blank" href="#"><span class="fa fa-link"></span> </a></div>
</div>
</div>
</div>
<div class="home11-bg pt-20 pb-20">
<p style="text-align: center; margin-bottom: 0px;" class="pt-60 pb-60"> <a class="home11-btn" href="#"> LOAD MORE </a> <a class="home11-btn" href="#"> SHOW ALL </a> </p>
</div>
</div>OUR SERVICES (ContentPane)
Code:
html
<div class="home11-title pt-30">
<div class="anchorTag" data-offset="-60" data-title="OUR SERVICES" data-menuanchor="true"> </div>
<h3 class="animation scaleUp">OUR SERVICES</h3>
<span class="number animation scaleUp">03</span> </div>
<p class=" pb-40 big-size animation scaleUp" style="text-align: center; margin-bottom: 0px;">Sed sollicitudin mi quis sem consequat vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
Vivamus quis lorem neque sit amet vestibulum nibh malesuada.</p>
<div class="horizontalTab_Top home11-tab animation scaleUp pb-30">
<ul class="resp-tabs-list">
<li> <span>SERVICES</span> </li>
<li> <span>INFORMATION</span> </li>
<li> <span>FEATURES</span> </li>
</ul>
<div class="resp-tabs-container">
<div class="resp_container">
<div class="resp_margin">
<div class="row">
<div class="col-md-4">
<div class="hidden-xs pt-60"></div>
<div class="home11-ibox04">
<li><span class="fa fa-trophy"></span>
<h3>File Management</h3>
<p>Quisque tortor odio, feugiat vitae velit at, feugiat euis mod nunc. Morbi lectus neque, mollis quis tellus eget, euismod et metus non pulvinar. </p>
</li>
<li><span class="fa fa-music"></span>
<h3>Perfect Design</h3>
<p>Quisque tortor odio, feugiat vitae velit at, feugiat euis mod nunc. Morbi lectus neque, mollis quis tellus eget, euismod et metus non pulvinar. </p>
</li>
<li><span class="fa fa-heart-o"></span>
<h3>Your Favorite</h3>
<p>Quisque tortor odio, feugiat vitae velit at, feugiat euis mod nunc. Morbi lectus neque, mollis quis tellus eget, euismod et metus non pulvinar. </p>
</li>
</div>
</div>
<div class="col-md-4" style="text-align: center;"><img alt="" class="img-responsive" style="text-align: center;" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-pic11.png" /></div>
<div class="col-md-4">
<div class="pt-60"></div>
<div class="home11-ibox04 rtl">
<li><span class="fa fa-calendar"></span>
<h3>Personal Plan</h3>
<p>Quisque tortor odio, feugiat vitae velit at, feugiat euis mod nunc. Morbi lectus neque, mollis quis tellus eget, euismod et metus non pulvinar. </p>
</li>
<li><span class="fa fa-gear"></span>
<h3>Multimedia Archives</h3>
<p>Quisque tortor odio, feugiat vitae velit at, feugiat euis mod nunc. Morbi lectus neque, mollis quis tellus eget, euismod et metus non pulvinar. </p>
</li>
<li><span class="fa fa-database"></span>
<h3>Data Charts</h3>
<p>Quisque tortor odio, feugiat vitae velit at, feugiat euis mod nunc. Morbi lectus neque, mollis quis tellus eget, euismod et metus non pulvinar. </p>
</li>
</div>
</div>
</div>
</div>
</div>
<div class="resp_container">
<div class="resp_margin">
<div class="row">
<div class="col-md-6">
<div class="home11-title03">FREE LIFETIME SERVICES</div>
<p class="pt-10 pb-20"> Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit curabitur eu metus commodo ac lectus nec facilisis. </p>
<ul class="home11-list">
<li>Quisque tortor odio, feugiat vitae velit at, feugiat euismod nunc </li>
<li>Morbi lectus neque, mollis quis tellus eget, placerat </li>
<li>Piverra enimed rhoncus neque sed adipiscing bibendum </li>
<li>Ut euismod et metus non pulvinar urabitur rutrum et lectus egestaol</li>
</ul>
<p class="pt-30">
<a class="home11-btn" href="#"> LEARN MORE </a>
</p>
</div>
<div class="col-md-6">
<div class="pt-40"></div>
<img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-pic12.png" /> </div>
</div>
</div>
</div>
<div class="resp_container">
<div class="resp_margin">
<div class="row">
<div class="col-sm-12">
<div class="home11-title03">EXPERIENCED DEVELOPERS AND SKILLFUL DESIGNERS</div>
<p class="pt-10 pb-40">Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, In at ligula faucibus, imperdiet massa eu, tempor ante fiant sollemnes in futurum.</p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="home11-ibox05"> <span class="fa fa-flask"></span>
<h3>Unlimited Colors</h3>
<p>Quisque tortor odio, feugiat vitae velit at, feugiat euismod nunc. Morbi lectus neque, mollis quis tellus eget, placerat viverra enim. Sed rhoncus neque sed adipiscing bibendum. Ut euismod et metus non pulvinar. </p>
<p class="pt-20">
<a href="#">LEARN MORE</a>
</p>
</div>
</div>
<div class="col-md-6">
<div class="home11-ibox05"> <span class="fa fa-gift"></span>
<h3>Free Download</h3>
<p class="big-size">Quisque tortor odio, feugiat vitae velit at, feugiat euismod nunc. Morbi lectus neque, mollis quis tellus eget, placerat viverra enim. Sed rhoncus neque sed adipiscing bibendum. Ut euismod et metus non pulvinar. </p>
<p class="pt-20">
<a href="#">LEARN MORE</a>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="home11-ibox05"> <span class="fa fa-desktop"></span>
<h3>Retina Ready</h3>
<p>Quisque tortor odio, feugiat vitae velit at, feugiat euismod nunc. Morbi lectus neque, mollis quis tellus eget, placerat viverra enim. Sed rhoncus neque sed adipiscing bibendum. Ut euismod et metus non pulvinar. </p>
<p class="pt-20">
<a href="#">LEARN MORE</a>
</p>
</div>
</div>
<div class="col-md-6">
<div class="home11-ibox05 xs-pb-0"> <span class="fa fa-calendar-o"></span>
<h3>Effective Work</h3>
<p>Quisque tortor odio, feugiat vitae velit at, feugiat euismod nunc. Morbi lectus neque, mollis quis tellus eget, placerat viverra enim. Sed rhoncus neque sed adipiscing bibendum. Ut euismod et metus non pulvinar. </p>
<p class="pt-20 xs-mb-0">
<a href="#">LEARN MORE</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>CLIENTS&TESTIMONIALS Nemo enim ipsam voluptatem qu (Full_Screen_PaneE · 1)
Code:
html
<div class="home11-bg02 color-white pt-60 pb-60">
<div class="container pt-20 pb-20">
<div class="home11-title04 animation scaleUp">CLIENTS&TESTIMONIALS</div>
<p style="text-align: center; margin-bottom: 0px;" class="pt-20 pb-40 big-size animation scaleUp">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit curabitur eu metus commodo ac lectus nec facilisis.</p>
<div class="home11-logolist animation scaleUp">
<a href="#"><img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-logo01.png" /></a>
<a href="#"><img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-logo02.png" /></a>
<a href="#"><img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-logo03.png" /></a>
<a href="#"><img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-logo04.png" /></a>
<a href="#"><img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-logo05.png" /></a>
<a href="#"><img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-logo06.png" /></a>
</div>
<div class="pb-60"></div>
<ul data-autoplay="8000" data-display-navigation="false" data-position="fade" data-autoheight="false" class=" Testimonials_tab home11-Testimonials animation scaleUp">
<li>
<blockquote>
<p>“ Vestibulum hendrerit risus non libero sollicitudin adipiscing hasellu dignissim, purus at ornare fermentum, massa nulla facilisis felis, inlte vehicula dui enim nec tortor scelerisque lore.”</p>
<small class="a_t_c">FRANK MILLER<span> — the dnngo Buyer</span></small> </blockquote>
<div class="pic"><img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-portrait01.jpg" /></div>
</li>
<li>
<blockquote>
<p>“Quisque tortor odio, feugiat vitae velit at, feugiat euismod nunc. Morbi lectus neque, mollis quis tellus eget, placerat viverra enim. Sed rhoncus neque sed adipiscing bibendum. Ut euismod et metus non pulvinar.”</p>
<small class="a_t_c">FRANK MILLER<span> — the dnngo Buyer</span></small> </blockquote>
<div class="pic"><img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-portrait02.jpg" /></div>
</li>
<li>
<blockquote>
<p>“ Suspendisse libero odio, rhoncus nec blandit eget, semper nec mi. Fusce dapibus tellus eu interdum varius. Quisque tempor faucibus turpis sit amet mollis. Vivamus enim ligula, porta vel velit nec, varius sagittis quam. Integer fringilla blandit diam, quis tempus ligula. Sed vel ultricies lacus, in facilisis leo. Vestibulum et turpio. ”</p>
<small class="a_t_c">FRANK MILLER<span> — the dnngo Buyer</span></small> </blockquote>
<div class="pic"><img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-portrait03.jpg" /></div>
</li>
<li>
<blockquote>
<p>“ Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore.”</p>
<small class="a_t_c">FRANK MILLER<span> — the dnngo Buyer</span></small> </blockquote>
<div class="pic"><img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-portrait04.jpg" /></div>
</li>
</ul>
</div>
</div>OUR BLOGS (Full_Screen_PaneE · 2)
Code:
html
<div class="container pt-60 pb-50">
<div class="home11-title pt-20">
<div data-title="OUR BLOGS" class="anchorTag" data-offset="-60" data-menuanchor="true"> </div>
<h3 class="animation scaleUp">OUR BLOGS</h3>
<span class="number animation scaleUp">04</span> </div>
<p class=" pb-40 animation scaleUp" style="text-align: center; margin-bottom: 0px;">Sed sollicitudin mi quis sem consequat vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
Vivamus quis lorem neque sit amet vestibulum nibh malesuada.</p>
<div class="row animation scaleUp">
<div class="col-sm-6">
<div class="home11-ibox06">
<div class="photo_box">
<div class="date"> <span>27</span> AUG </div>
<a href="#"><span class="fa fa-image"></span></a> <img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-pic15.jpg" /> </div>
<div class="photo_content">
<h3>DNN Templates</h3>
<div class="info"> BY ADMIN | AUGUST 27TH, 2014</div>
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem aliquet rutrum eros eu mattis sequi nesciunt tempus. </p>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="home11-ibox06">
<div class="photo_box">
<div class="date"> <span>27</span> AUG </div>
<a href="#"><span class="fa fa-image"></span></a> <img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-pic16.jpg" /> </div>
<div class="photo_content">
<h3>Multi-Purpose</h3>
<div class="info"> BY ADMIN | AUGUST 27TH, 2014</div>
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem aliquet rutrum eros eu mattis sequi nesciunt tempus. </p>
</div>
</div>
</div>
</div>
<div class="row animation scaleUp">
<div class="col-sm-6">
<div class="home11-ibox06">
<div class="photo_box">
<div class="date"> <span>27</span> AUG </div>
<a href="#"><span class="fa fa-image"></span></a> <img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-pic17.jpg" /> </div>
<div class="photo_content">
<h3>CSS3 animations</h3>
<div class="info"> BY ADMIN | AUGUST 27TH, 2014</div>
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem aliquet rutrum eros eu mattis sequi nesciunt tempus. </p>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="home11-ibox06">
<div class="photo_box">
<div class="date"> <span>27</span> AUG </div>
<a href="#"><span class="fa fa-image"></span></a> <img alt="" src="http://demo8.dnngo.net/portals/14/Home11-Images/home11-pic18.jpg" /> </div>
<div class="photo_content">
<h3>Light & Dark Mode</h3>
<div class="info"> BY ADMIN | AUGUST 27TH, 2014</div>
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem aliquet rutrum eros eu mattis sequi nesciunt tempus. </p>
</div>
</div>
</div>
</div>
</div>0 Wonderful Users 0 Perfect Templates 0 Top Produc (Full_Screen_PaneE · 3)
Code:
html
<div class="home11-bg03 pt-60 pb-60 color-white ">
<div class="container pt-20 pb-20">
<div class="home11-number row animation">
<div class="col-md-3 col-sm-6 animation_item scaleUp delay1"> <span class="fa fa-user"> </span> <span data-number="5300" class="animation number">0</span>Wonderful Users </div>
<div class="col-md-3 col-sm-6 animation_item scaleUp delay2"> <span class="fa fa-heart"> </span> <span data-number="10321" class="animation number">0</span>Perfect Templates </div>
<div class="clearfix visible-sm"></div>
<div class="col-md-3 col-sm-6 animation_item scaleUp delay3"> <span class="fa fa-star"> </span> <span data-number="4632" class="animation number">0</span>Top Products</div>
<div class="col-md-3 col-sm-6 animation_item scaleUp delay4"> <span class="fa fa-bookmark"> </span> <span data-number="6548" class="animation number">0</span>Free Downloads</div>
</div>
</div>
</div>CONTACT US (Full_Screen_PaneF)
Code:
html
<div class="home11-title pt-30">
<div data-offset="-60" class="anchorTag" data-title="CONTACT US" data-menuanchor="true"> </div>
<h3 class="animation scaleUp">CONTACT US</h3>
<span class="number animation scaleUp">05</span> </div>
<p style="text-align: center; margin-bottom: 0px;" class="big-size animation scaleUp">Sed sollicitudin mi quis sem consequat vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
Vivamus quis lorem neque sit amet vestibulum nibh malesuada.</p>Contact Information (RowSeventeen_Grid6_Pane1)
Code:
html
<div class="animation fadeInLeft">
<div class="home11-title05">Contact Information</div>
<div class="home11-info">
<strong>WORK TIME:</strong><br />
Our support hotline is available 24 hours everyday<br />
Sunday: Closed<br />
Monday-Friday: 8:00AM-5:30PM<br />
Saturday: 10:00AM-2:00PM<br />
<br />
<strong>PHONE NUMBER :</strong><br />
Office One: (+086)-2566-8799 <br />
Office Two: (+086)-2477-8366<br />
<br />
<strong>OUR ADDRESS:</strong><br />
YuanLin Hotel 16th Floor, XinAn Street, HuaYu Road No.2, DNNGo Company<br />
<br />
<strong>EMAIL US:</strong><br />
[email protected]<br />
</div>
</div>Form Section (RowSeventeen_Grid6_Pane2)
This section uses the DNNGo PowerForms module — see PowerForms.
BottomOutPane Section (BottomOutPane · 1)
Code:
html
<div id="gmap01" class="mt-30"></div>BottomOutPane Section (BottomOutPane · 2)
Code:
html
FooterBottomPaneA Section (FooterBottomPaneA · 1)
Code:
html
<div class="pt-20 hidden-xs"></div>Form Section (FooterBottomPaneA)
This section uses the DNNGo PowerForms module — see PowerForms.
FooterBottomPaneA Section (FooterBottomPaneA · 3)
Code:
html
<div class="pt-20 hidden-xs"></div>ABOUT US BLOG FAQ SUPPORT MAKE COMMENT SITE MAP FO (FooterBottomPaneD)
Code:
html
<div class="home11-footer-link pt-30">
<a target="_blank" href="#">ABOUT US</a>
<a target="_blank" href="#">BLOG</a>
<a target="_blank" href="#">FAQ</a>
<a target="_blank" href="#">SUPPORT</a>
<a target="_blank" href="#">MAKE COMMENT</a>
<a target="_blank" href="#">SITE MAP</a>
<a target="_blank" href="#">FORUM</a>
<span class="social">
<a target="_blank" href="#"><em class="fa fa-facebook"></em></a>
<a target="_blank" href="#"><em class="fa fa-twitter"></em></a>
<a target="_blank" href="#"><em class="fa fa-linkedin"></em></a>
</span>
</div>FooterPane Section (FooterPane)
Code:
html
<div class="pt-30 hidden-xs"></div>