Home Version 36 Page Code
Click to preview the Home Version 36 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.
Our Features (BannerPane · 2)
Code:
html
<div class="home36-bg01 pt-20"> <div class="container pt-60 pb-60"> <div class="home36-headcenter animation scaleUp "> <div>Portfolio Showcase</div> <h2><span class="lline"></span>Our Features<span class="rline"></span></h2> </div> <p class="pl-10 pr-10 home36-textcenter home36-textpadding animation scaleUp" style="margin-bottom: 0;">Welcome to dnngo! readour getting stand guide, visit the blog for recent news and make yourself at home! you can find information about eipdrethemeforest in our knowledgease .themeforest in our knowledgease</p> <div class="home36-functionList01 row animation mb-60"> <div class="functionBox col-sm-6 col-md-3 animation_item fadeInUp delay1"> <div class="functionicon"><em class="fa fa-desktop"></em></div> <div class="functiontitle"> <h4>Clean Portfolio</h4> </div> <div class="functionMain"> <p>onsectetur adipiscing elit. Morbi vulputate egestas sem, eu cursus ligu la non. Curabitur tristique</p> <a href="#" target="_blank">Read More <em class="fa fa-long-arrow-right"></em></a> </div> </div> <div class="functionBox col-sm-6 col-md-3 animation_item fadeInUp delay2"> <div class="functionicon"><em class="fa fa-thumbs-o-up"></em></div> <div class="functiontitle"> <h4>Creative and Unique</h4> </div> <div class="functionMain"> <p>onsectetur adipiscing elit. Morbi vulputate egestas sem, eu cursus ligu la non. Curabitur tristique</p> <a href="#" target="_blank">Read More <em class="fa fa-long-arrow-right"></em></a> </div> </div> <div class="functionBox col-sm-6 col-md-3 animation_item fadeInUp delay3"> <div class="functionicon"><em class="fa fa-tag"></em></div> <div class="functiontitle"> <h4>Amazing Online Store</h4> </div> <div class="functionMain"> <p>onsectetur adipiscing elit. Morbi vulputate egestas sem, eu cursus ligu la non. Curabitur tristique</p> <a href="#" target="_blank">Read More <em class="fa fa-long-arrow-right"></em></a> </div> </div> <div class="functionBox col-sm-6 col-md-3 animation_item fadeInUp delay4"> <div class="functionicon"><em class="fa fa-comment-o"></em></div> <div class="functiontitle"> <h4>Online Booking</h4> </div> <div class="functionMain"> <p>onsectetur adipiscing elit. Morbi vulputate egestas sem, eu cursus ligu la non. Curabitur tristique</p> <a href="#" target="_blank">Read More <em class="fa fa-long-arrow-right"></em></a> </div> </div> </div> <div class="row"> <div class="col-md-7 col-sm-12 home36-text1 animation fadeInLeft"> <h3>Online Store Ready</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate egestas sem, cursus ligu la ullamcorper non Curabitur tristique velit eu mauris venenatis egestas. Lorem ipsum doloringeren sitamet, consectetur ingern doloringeren sitamet consectetur adipiscing.</p> <ul class="home36-list01"> <li><em class="fa fa-dot-circle-o"></em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate egestas elit.</li> <li><em class="fa fa-dot-circle-o"></em>Sem eu cursus ligu la ullamcorper non. Curabitur tristique velit eu mauris venenati selit.</li> <li><em class="fa fa-dot-circle-o"></em>EgesLorem ipsum doloringeren sitamet, consectetur adipiscing consectetu relit.</li> </ul> <p> <a class="home36-btn01" href="#" target="_blank">VIEW MORE</a> </p> </div> <div class="col-md-5 col-sm-12 animation fadeInRight"><div class="visible-xs visible-sm pt-30"></div><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-img01.png" /></div> </div> </div> </div>Take a look at this amazing "DNNGO template" and f (BannerPane · 3)
Code:
html
<div class="home36-bg02 pt-20 pb-20">
<div class="container pt-60 pb-60">
<ul class="Testimonials_tab home36-Testimonials01 animation scaleUp " data-autoplay="3000" data-display-navigation="false" data-height-auto="false" data-position="roll-left">
<li>
<blockquote><em class="fa fa-twitter"></em>
<p>Take a look at this amazing "DNNGO template" and find out more items on Themeforest.
<a href="http://demo7.dnngo.net/">http://demo7.dnngo.net/</a> <small>@david martin<br />2 days ago twitter.com</small></p>
</blockquote>
</li>
<li>
<blockquote><em class="fa fa-twitter"></em>
<p>EgesLorem ipsum doloringeren sitamet, consectetur adipiscing consectetu relit.
<a href="http://demo7.dnngo.net/">http://demo7.dnngo.net/</a> <small>@david martin<br />2 days ago twitter.com</small></p>
</blockquote>
</li>
<li>
<blockquote><em class="fa fa-twitter"></em>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate egestas elit.
<a href="http://demo7.dnngo.net/">http://demo7.dnngo.net/</a> <small>@david martin<br />2 days ago twitter.com</small></p>
</blockquote>
</li>
</ul>
<div class="row home36_logos animation pt-60">
<div class="col-sm-4 col-md-2 animation_item fadeInUp delay1"><img alt="" class="img-responsive img_display home36_logos_1" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36_logo1.png" /> <img alt="" class="img-responsive img_display home36_logos_2" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36_logo1_h.png" /></div>
<div class="col-sm-4 col-md-2 animation_item fadeInUp delay2"><img alt="" class="img-responsive img_display home36_logos_1" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36_logo2.png" /> <img alt="" class="img-responsive img_display home36_logos_2" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36_logo2_h.png" /></div>
<div class="col-sm-4 col-md-2 animation_item fadeInUp delay3"><img alt="" class="img-responsive img_display home36_logos_1" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36_logo3.png" /> <img alt="" class="img-responsive img_display home36_logos_2" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36_logo3_h.png" /></div>
<div class="col-sm-4 col-md-2 animation_item fadeInUp delay4"><img alt="" class="img-responsive img_display home36_logos_1" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36_logo4.png" /> <img alt="" class="img-responsive img_display home36_logos_2" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36_logo4_h.png" /></div>
<div class="col-sm-4 col-md-2 animation_item fadeInUp delay5"><img alt="" class="img-responsive img_display home36_logos_1" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36_logo5.png" /> <img alt="" class="img-responsive img_display home36_logos_2" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36_logo5_h.png" /></div>
<div class="col-sm-4 col-md-2 animation_item fadeInUp delay6"><img alt="" class="img-responsive img_display home36_logos_1" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36_logo6.png" /> <img alt="" class="img-responsive img_display home36_logos_2" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36_logo6_h.png" /></div>
</div>
</div>
</div>Recent News (TopPane)
Code:
html
<div class="home36-headcenter animation scaleUp "> <div>Portfolio Showcase</div> <h2><span class="lline"></span>Recent News<span class="rline"></span></h2> </div> <p class="home36-textcenter home36-textpadding pr-10 pl-10 animation scaleUp">Welcome to dnngo! readour getting stand guide, visit the blog for recent news and make yourself at home! you can find information about eipdrethemeforest in our knowledgease .themeforest in our knowledgease</p> <div class="home36-news animation pb-30"> <div class="row"> <div class="col-sm-4 fadeInUp animation_item delay1"> <div class="photo_box"> <div class="pic_box"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-img02.jpg" /> <div class="ico"> <a href="#" target="_blank"><em class="fa fa-angle-right"></em></a> </div> <div class="content"> <div class="text_title"> <h3>Your Blog Title Here</h3> <p>Jan 15, 2015 / Jone Doe / 23 Comments</p> </div> <p>Lorem ipsum dolor sit amet, consectetur elitMorbi vulputate egestas elit sem eu cursus ligu corper non Curabitur tristique .</p> </div> </div> </div> </div> <div class="col-sm-4 fadeInUp animation_item delay2"> <div class="photo_box"> <div class="pic_box"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-img03.jpg" /> <div class="ico"> <a href="#" target="_blank"><em class="fa fa-angle-right"></em></a> </div> <div class="content"> <div class="text_title"> <h3>Your Blog Title Here</h3> <p>Jan 15, 2015 / Jone Doe / 23 Comments</p> </div> <p>Lorem ipsum dolor sit amet, consectetur elitMorbi vulputate egestas elit sem eu cursus ligu corper non Curabitur tristique .</p> </div> </div> </div> </div> <div class="col-sm-4 fadeInUp animation_item delay3"> <div class="photo_box"> <div class="pic_box"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-img04.jpg" /> <div class="ico"> <a href="#" target="_blank"><em class="fa fa-angle-right"></em></a> </div> <div class="content"> <div class="text_title"> <h3>Your Blog Title Here</h3> <p>Jan 15, 2015 / Jone Doe / 23 Comments</p> </div> <p>Lorem ipsum dolor sit amet, consectetur elitMorbi vulputate egestas elit sem eu cursus ligu corper non Curabitur tristique .</p> </div> </div> </div> </div> </div> <div class="row"> <div class="col-sm-4 fadeInUp animation_item delay4"> <div class="photo_box"> <div class="pic_box"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-img05.jpg" /> <div class="ico"> <a href="#" target="_blank"><em class="fa fa-angle-right"></em></a> </div> <div class="content"> <div class="text_title"> <h3>Your Blog Title Here</h3> <p>Jan 15, 2015 / Jone Doe / 23 Comments</p> </div> <p>Lorem ipsum dolor sit amet, consectetur elitMorbi vulputate egestas elit sem eu cursus ligu corper non Curabitur tristique .</p> </div> </div> </div> </div> <div class="col-sm-4 fadeInUp animation_item delay5"> <div class="photo_box"> <div class="pic_box"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-img06.jpg" /> <div class="ico"> <a href="#" target="_blank"><em class="fa fa-angle-right"></em></a> </div> <div class="content"> <div class="text_title"> <h3>Your Blog Title Here</h3> <p>Jan 15, 2015 / Jone Doe / 23 Comments</p> </div> <p>Lorem ipsum dolor sit amet, consectetur elitMorbi vulputate egestas elit sem eu cursus ligu corper non Curabitur tristique .</p> </div> </div> </div> </div> <div class="col-sm-4 fadeInUp animation_item delay6"> <div class="photo_box"> <div class="pic_box"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-img07.jpg" /> <div class="ico"> <a href="#" target="_blank"><em class="fa fa-angle-right"></em></a> </div> <div class="content"> <div class="text_title"> <h3>Your Blog Title Here</h3> <p>Jan 15, 2015 / Jone Doe / 23 Comments</p> </div> <p>Lorem ipsum dolor sit amet, consectetur elitMorbi vulputate egestas elit sem eu cursus ligu corper non Curabitur tristique .</p> </div> </div> </div> </div> </div> <div style="margin-top: 30px;text-align: center;" class="xs-mt-0"> <a class="home36-btn02" href="#" target="_blank">Load More</a> </div> </div>The Best Psd Template (Full_Screen_PaneB · 1)
Code:
html
<div class="home36-bg03 home36-textcenter pt-60 pb-60">
<div class="container pt-20">
<div class="home36-headcenter animation scaleUp ">
<div>Portfolio Showcase</div>
<h2 style="padding: 0 15px;"><span class="lline"></span>The Best Psd Template<span class="rline"></span></h2> </div>
<p class="pl-10 pr-10 home36-textcenter home36-textpadding animation scaleUp" style="padding-bottom: 10px;margin-bottom: 0;">Welcome to dnngo! readour getting stand guide, visit the blog for recent news and make yourself at home! you can find information about eipdrethemeforest in our knowledgease .themeforest in our knowledgease</p>
</div>
<div class="pb-10 text-center"><img alt="" class="img-responsive animation scaleUp" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-img08.png" /></div>
</div>Photoshop (Full_Screen_PaneB · 2)
Code:
html
<div class="home36-bg01 pt-20 pb-20"> <div class="container pt-60 pb-60"> <div class="home36-chartlist01 row animation"> <div class="col-sm-6 col-md-3 animation_item fadeInUp delay1"> <div class="percentage color1" data-percent="90"> <div class="percentage_inner"><span>0</span>%</div> </div> <h6>Photoshop</h6> <p>Lorem ipsum dolor sit amet, consectetur ininge vulputate egestas sem, cursus liguullamcorper cursus.</p> </div> <div class="col-sm-6 col-md-3 animation_item fadeInUp delay2"> <div class="percentage color2" data-percent="85"> <div class="percentage_inner"><span>0</span>%</div> </div> <h6>Javascript</h6> <p>Lorem ipsum dolor sit amet, consectetur ininge vulputate egestas sem, cursus liguullamcorper cursus.</p> </div> <div class="col-sm-6 col-md-3 animation_item fadeInUp delay3"> <div class="percentage color3" data-percent="83"> <div class="percentage_inner"><span>0</span>%</div> </div> <h6>Andriod</h6> <p>Lorem ipsum dolor sit amet, consectetur ininge vulputate egestas sem, cursus liguullamcorper cursus.</p> </div> <div class="col-sm-6 col-md-3 animation_item fadeInUp delay4"> <div class="percentage color4" data-percent="87"> <div class="percentage_inner"><span>0</span>%</div> </div> <h6>Dnncommerce</h6> <p>Lorem ipsum dolor sit amet, consectetur ininge vulputate egestas sem, cursus liguullamcorper cursus.</p> </div> </div> </div> </div>Our Team (ContentPane)
Code:
html
<div class="home36-headcenter animation scaleUp pt-30">
<div>Portfolio Showcase</div>
<h2><span class="lline"></span>Our Team<span class="rline"></span></h2> </div>
<p class="pl-10 pr-10 home36-textcenter home36-textpadding animation scaleUp">Welcome to dnngo! readour getting stand guide, visit the blog for recent news and make yourself at home! you can find information about eipdrethemeforest in our knowledgease .themeforest in our knowledgease</p>
<div class="home36-team animation pb-30">
<div class="row">
<div class="col-sm-12 col-md-6 animation_item fadeInLeft delay1">
<div class="home36-teamleft"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-img09.jpg" />
<div class="home36-teaminfo"><span class="color1"><em class="fa fa-comment"></em> 25</span><span class="color2"><em class="fa fa-heart"></em> 478</span><span class="color3"><em class="fa fa-mail-forward"></em> SHARE</span></div>
</div>
<div class="home36-teamright">
<h5>Andrea Arkov</h5>
<h6>Programmer</h6>
<p>I am Lorem ipsum dolor sit amet, consectetur ininge adipisMorbi vulputate egestas cursus ligu la ullamcor.</p>
<p>Lorem ipsum dolor sit amet, consectetur ininge adipisMorbi vulputate egestas sem, cursus liguullamcorper cursus ligu la ullamcor Lorem ipsum dolor sit amet.</p>
</div>
</div>
<div class="col-sm-12 col-md-6 animation_item fadeInRight delay1">
<div class="home36-teamleft"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-img10.jpg" />
<div class="home36-teaminfo"><span class="color1"><em class="fa fa-comment"></em> 25</span><span class="color2"><em class="fa fa-heart"></em> 478</span><span class="color3"><em class="fa fa-mail-forward"></em> SHARE</span></div>
</div>
<div class="home36-teamright">
<h5>John Smith</h5>
<h6>Manager</h6>
<p>I am Lorem ipsum dolor sit amet, consectetur ininge adipisMorbi vulputate egestas cursus ligu la ullamcor.</p>
<p>Lorem ipsum dolor sit amet, consectetur ininge adipisMorbi vulputate egestas sem, cursus liguullamcorper cursus ligu la ullamcor Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6 animation_item fadeInLeft delay2">
<div class="home36-teamleft"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-img11.jpg" />
<div class="home36-teaminfo"><span class="color1"><em class="fa fa-comment"></em> 25</span><span class="color2"><em class="fa fa-heart"></em> 478</span><span class="color3"><em class="fa fa-mail-forward"></em> SHARE</span></div>
</div>
<div class="home36-teamright">
<h5>Bela Chrisis</h5>
<h6>Dnngo Buyer</h6>
<p>I am Lorem ipsum dolor sit amet, consectetur ininge adipisMorbi vulputate egestas cursus ligu la ullamcor.</p>
<p>Lorem ipsum dolor sit amet, consectetur ininge adipisMorbi vulputate egestas sem, cursus liguullamcorper cursus ligu la ullamcor Lorem ipsum dolor sit amet.</p>
</div>
</div>
<div class="col-sm-12 col-md-6 animation_item fadeInRight delay2">
<div class="home36-teamleft"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-img12.jpg" />
<div class="home36-teaminfo"><span class="color1"><em class="fa fa-comment"></em> 25</span><span class="color2"><em class="fa fa-heart"></em> 478</span><span class="color3"><em class="fa fa-mail-forward"></em> SHARE</span></div>
</div>
<div class="home36-teamright xs-mb-0 xs-pb-0">
<h5>Harralloy Chri</h5>
<h6>Designer</h6>
<p>I am Lorem ipsum dolor sit amet, consectetur ininge adipisMorbi vulputate egestas cursus ligu la ullamcor.</p>
<p class="xs-mb-0">Lorem ipsum dolor sit amet, consectetur ininge adipisMorbi vulputate egestas sem, cursus liguullamcorper cursus ligu la ullamcor Lorem ipsum dolor sit amet.</p>
</div>
</div>
</div>
</div>Core Features (Full_Screen_PaneE)
Code:
html
<div class="home36-bg04 pt-40">
<div class="home36-features clearfix">
<div class="home36-featuresleft animation fadeInLeft"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-img13.png" /></div>
<div class="container">
<div class="row">
<div class="col-md-6"> </div>
<div class="col-md-6">
<div class="home36-featuresright animation fadeInRight pt-60 pb-60">
<div class="home36-head">
<h3>Core Features<span class="rline"></span></h3> </div>
<p>DNNGO Website Builder is a big library of pre-designed web elements which help you create website in few minutes. Each and every design element was designed for retina ready display on all kinds of devices.</p>
<div class="home36-loadedlist01">
<div class="progress">
<div class="progress-bar animation animationwidth" data-width="82%">
<p>Branding</p> <span></span> </div>
</div>
<div class="progress">
<div class="progress-bar animation animationwidth" data-width="90%">
<p>Mobile Applications</p> <span></span> </div>
</div>
<div class="progress">
<div class="progress-bar animation animationwidth" data-width="88%">
<p>Website Development</p> <span></span> </div>
</div>
<div class="progress">
<div class="progress-bar animation animationwidth" data-width="86%">
<p>Photoshop</p> <span></span> </div>
</div>
</div>
<p class="mb-60">
<a class="home36-btn03" href="#" target="_blank">Purchase<em class="fa fa-angle-double-right"></em></a>
<a class="home36-btn04" href="#" target="_blank">Statistics of 30 days</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>Pricing Table (BottomPane)
Code:
html
<div class="home36-headcenter pt-30">
<div class="animation scaleUp">Portfolio Showcase</div>
<h2 class="animation scaleUp"><span class="lline"></span>Pricing Table<span class="rline"></span></h2> </div>
<p class="pl-10 pr-10 home36-textcenter home36-textpadding animation scaleUp" style="margin-bottom: 0;">Welcome to dnngo! readour getting stand guide, visit the blog for recent news and make yourself at home! you can find information about eipdrethemeforest in our knowledgease .themeforest in our knowledgease</p>
<div class="price-table home36-pricetable01 row animation ">
<div class="col-sm-4 animation_item fadeInUp delay1">
<div class="price_border color1">
<div class="price_box"><span class="sup">$</span><span class="price">20</span><span class="unit">/month</span>
<p>72 USD Per Year<br />Save 33%</p>
</div>
<div class="price_holder">
<div class="price_title">
<h2>Standard Plan</h2> </div>
<ul>
<li>15 Projects</li>
<li>30 GB Storage</li>
<li>Unlimited Data Transfer</li>
<li>50 GB Bandwith</li>
<li>Enhanced Security</li>
</ul>
<a class="btn " href="#" target="_blank">Get Started Now</a>
</div>
</div>
</div>
<div class="col-sm-4 animation_item fadeInUp delay2">
<div class="price_border color2">
<div class="price_box"><span class="sup">$</span><span class="price">40</span><span class="unit">/month</span>
<p>72 USD Per Year<br />Save 33%</p>
</div>
<div class="price_holder">
<div class="price_title">
<h2>Most Popula</h2> </div>
<ul>
<li>15 Projects</li>
<li>30 GB Storage</li>
<li>Unlimited Data Transfer</li>
<li>50 GB Bandwith</li>
<li>Enhanced Security</li>
</ul>
<a class="btn " href="#" target="_blank">Get Started Now</a>
</div>
</div>
</div>
<div class="col-sm-4 animation_item fadeInUp delay3">
<div class="price_border color3">
<div class="price_box"><span class="sup">$</span><span class="price">60</span><span class="unit">/month</span>
<p>72 USD Per Year<br />Save 33%</p>
</div>
<div class="price_holder">
<div class="price_title">
<h2>Ultimate Plan</h2> </div>
<ul>
<li>15 Projects</li>
<li>30 GB Storage</li>
<li>Unlimited Data Transfer</li>
<li>50 GB Bandwith</li>
<li>Enhanced Security</li>
</ul>
<a class="btn " href="#" target="_blank">Get Started Now</a>
</div>
</div>
</div>
</div>
<div class="pb-20"></div>Get Social (BottomOutPane · 1)
Code:
html
<div class="home36-bg01 pt-20 pb-10">
<div class="dnn_layout pt-60 pb-60">
<div class="content_mid clearfix">
<div class="home36-headcenter animation scaleUp">
<div>Portfolio Showcase</div>
<h2><span class="lline"></span>Get Social<span class="rline"></span></h2> </div>
<p class="home36-textcenter home36-textpadding animation scaleUp">Follow our latest design updates</p>
<div class="home36-sociallist01 animation">
<div class="row">
<div class="col-sm-4 animation_item fadeIn delay1">
<p>
<a href="#"><em class="fa fa-facebook-square"></em>Facebook</a>
</p>
</div>
<div class="col-sm-4 animation_item fadeIn delay2">
<p>
<a href="#"><em class="fa fa-pinterest-square"></em>Pinterest</a>
</p>
</div>
<div class="col-sm-4 animation_item fadeIn delay3">
<p>
<a href="#"><em class="fa fa-flickr"></em>Flickr</a>
</p>
</div>
</div>
<div class="row">
<div class="col-sm-4 animation_item fadeIn delay4">
<p>
<a href="#"><em class="fa fa-dribbble"></em>Dribble</a>
</p>
</div>
<div class="col-sm-4 animation_item fadeIn delay5">
<p>
<a href="#"><em class="fa fa-twitter-square"></em>Twitter</a>
</p>
</div>
<div class="col-sm-4 animation_item fadeIn delay6">
<p>
<a href="#"><em class="fa fa-camera-retro"></em>Instagram</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>BottomOutPane Section (BottomOutPane · 2)
Code:
html
<div class="dnn_layout pt-60 text-center animation fadeIn"> <div class="content_mid pt-20"><img alt="" class="img-responsive img_display" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-img14.jpg" /></div> </div>About Us (FootPaneD)
Code:
html
<div class="home36-footabout animation fadeInUp delay1"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-logo.png" />
<p>Lorem ipsum dolor sit amet, consectetur input adipiscing elitbinr vulputa. Lorem ipsum dolor sit amet, consectetur scing elitering orbi inr vulputa. <a href="#" target="_blank">MORE!</a></p>
<div class="aboutinput"><input class="foot-aboutinput" placeholder="[email protected]" type="text" /> <input class="submit" type="submit" value=">" /></div>
</div>portfolio (FootPaneE)
Code:
html
<ul class="Testimonials_tab home36-Testimonials02 animation fadeInUp delay2" data-autoplay="3000" data-display-arrows="false" data-position="fade">
<li>
<div class="row">
<div class="col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio01.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio01.jpg" /> <span class="shade"></span></a></div>
</div>
</div>
<div class="col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio02.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio02.jpg" /> <span class="shade"></span></a></div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio03.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio03.jpg" /> <span class="shade"></span></a></div>
</div>
</div>
<div class="col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio04.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio04.jpg" /> <span class="shade"></span></a></div>
</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio05.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio05.jpg" /> <span class="shade"></span></a></div>
</div>
</div>
<div class="col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio06.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio06.jpg" /> <span class="shade"></span></a></div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio07.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio07.jpg" /> <span class="shade"></span></a></div>
</div>
</div>
<div class="col-xs-6">
<div class="photo_box\">
<div class="pic_box"><a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio08.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio08.jpg" /> <span class="shade"></span></a></div>
</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery3" href="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio09.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio09.jpg" /> <span class="shade"></span></a></div>
</div>
</div>
<div class="col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery3" href="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio10.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio10.jpg" /> <span class="shade"></span></a></div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery3" href="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio11.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio11.jpg" /> <span class="shade"></span></a></div>
</div>
</div>
<div class="col-xs-6">
<div class="photo_box">
<div class="pic_box"><a class="LightBox_image_gallery3" href="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio12.jpg"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-portfolio12.jpg" /> <span class="shade"></span></a></div>
</div>
</div>
</div>
</li>
</ul>Testimonials (FootPaneF)
Code:
html
<ul class="Testimonials_tab home36-Testimonials03 animation fadeInUp delay3" data-autoplay="3000" data-display-navigation="false" data-position="fade">
<li>
<blockquote>
<p>Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. Morbi inrvulp eringer egestas sem.</p>
<small><span>Norman Clide</span>CEO<img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-img15.jpg" /></small></blockquote>
</li>
<li>
<blockquote>
<p>Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. Morbi inrvulp eringer egestas sem, eu cursus.</p>
<small><span>James Divine</span>Designer<img alt="" src="http://demo8.dnngo.net/Portals/13/Home36-Images/home36-img16.jpg" /></small></blockquote>
</li>
</ul>Friendly Tags (FootPaneG)
Code:
html
<div class="home36-foottags animation fadeInUp delay4">
<a href="#" target="_blank">Articles</a>
<a href="#" target="_blank">Business</a>
<a href="#" target="_blank">Case study</a>
<a href="#" target="_blank">Entertainment</a>
<a href="#" target="_blank">Games</a>
<a href="#" target="_blank">Health</a>
<a href="#" target="_blank">Interviews</a>
<a href="#" target="_blank">Music</a>
<a href="#" target="_blank">News</a>
<a href="#" target="_blank">Notes</a>
<a href="#" target="_blank">Reviews</a>
<a href="#" target="_blank">Traveling</a>
<a href="#" target="_blank">Entertainment</a>
<a href="#" target="_blank">Games</a>
<a href="#" target="_blank">Health</a>
<a href="#" target="_blank">Interviews</a>
<a href="#" target="_blank">Music</a>
<a href="#" target="_blank">News</a>
</div>FooterPane Section (FooterPane)
Code:
html
<div class="bottom-social">
<a href="#" class="fa fa-pinterest"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-chrome"></a>
<a href="#" class="fa fa-instagram"></a>
</div>