Home Version 37 Page Code
Click to preview the Home Version 37 demo. View demo
Preview:
Header Section (HeaderPane)
Code:
html
Facebook Link us & share Twitter Follow us & stay (HeaderPaneB)
Code:
html
<ul class="home37-social-top clearfix">
<li class="color-1"><a href="#"><span class="fa fa-facebook"></span></a>Facebook
<p>Link us & share</p>
</li>
<li class="color-2"><a href="#"><span class="fa fa-twitter"></span></a>Twitter
<p>Follow us & stay tuned</p>
</li>
</ul>Banner Section (BannerPane)
This section uses the DNNGo LayerGallery Pro module.
Add the slides (images, text, links) manually in the module — see LayerGallery Pro.
Advanced frontend technology of HTML5 & CSS3. (BannerPane · 2)
Code:
html
<div class="home37-bg home37-bottom-line pt-10 pb-10">
<div class="container pt-60 pb-60">
<div class="row home37-cont animation scaleUp">
<div class="col-md-9 col-sm-12 cont-left ">
<h3>Advanced frontend technology of HTML5 & CSS3.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate egestas sem, eu cursus ligula ullamcorper non. Curabitur tristique velit eu mauris venenatis egestas. Phasellus bibendum placerat metus, sed molestie magna semper eget.</p>
</div>
<div class="col-md-3 col-sm-12 cont-right">
<a class="home37-btn" href="#" target="blank">Purchase This Theme</a>
</div>
</div>
</div>
</div>Read Messages (Full_Screen_PaneA · 1)
Code:
html
<div class="container pb-60 mb-10"> <div class="home37-ibox row animation"> <div class="home37-ibox-box col-md-3 col-sm-6 animation_item fadeInLeft delay1"> <div class="home37-icon"><em class="fa fa-comment color-1"></em></div> <h4>Read Messages</h4> <div class="home37-ibox-con"> <p>Nam a urna massa, a tempus dui. Pellente sque a neque vitae arcu sollicitudin mattis ut nec massa. Quisque consectetur leo sit.</p> <a href="#" target="blank">> Learn More</a></div> </div> <div class="home37-ibox-box col-md-3 col-sm-6 animation_item fadeInLeft delay2"> <div class="home37-icon"><em class="fa fa-heart color-2"></em></div> <h4>Your Favorite</h4> <div class="home37-ibox-con"> <p>Nam a urna massa, a tempus dui. Pellente sque a neque vitae arcu sollicitudin mattis ut nec massa. Quisque consectetur leo sit.</p> <a href="#" target="blank">> Learn More</a></div> </div> <div class="home37-ibox-box col-md-3 col-sm-6 animation_item fadeInLeft delay3"> <div class="home37-icon"><em class="fa fa-user color-3"></em></div> <h4>Add Users</h4> <div class="home37-ibox-con"> <p>Nam a urna massa, a tempus dui. Pellente sque a neque vitae arcu sollicitudin mattis ut nec massa. Quisque consectetur leo sit.</p> <a href="#" target="blank">> Learn More</a></div> </div> <div class="home37-ibox-box col-md-3 col-sm-6 animation_item fadeInLeft delay4"> <div class="home37-icon"><em class="fa fa-cloud color-4"></em></div> <h4>Cloudy Day</h4> <div class="home37-ibox-con"> <p>Nam a urna massa, a tempus dui. Pellente sque a neque vitae arcu sollicitudin mattis ut nec massa. Quisque consectetur leo sit.</p> <a href="#" target="blank">> Learn More</a></div> </div> </div> </div>Who We Are & What I Do (Full_Screen_PaneA · 2)
Code:
html
<div class="home37-full clearfix"> <div class="home37-full-left animation fadeInLeft"> <div class="home37-title01"> <p>A Few Of Our History</p> <h3>Who We Are & What I Do</h3> <div class="line"> <div class="home37-title-l"> </div> <div class="home37-title-m"> </div> <div class="home37-title-r"> </div> </div> </div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate egestas sem, eu cursus ligula ullamcorper non. Curabitur tristique velit eu mauris venenatis egestas. Phasellus bibendum placerat metus.</p> <ul class="home37-list"> <li><em class="fa fa-tint"></em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate egestas sem, eu cursus</li> <li><em class="fa fa-tint"></em>ligul ullamcorper non. Curabitur tristique velit eu mauris venenatis egestas. Phasellus bibendum</li> <li><em class="fa fa-tint"></em>placerat metus, sed molestie magna semper eget. mauris venenatis egestas. Phasellus</li> <li><em class="fa fa-tint"></em>bibendum placerat metussed molestie magna semper eget. molestie magna semper</li> </ul> <div><a class="home37-btn02" href="#">Learn More</a></div> </div> <div class="home37-full-right animation fadeInRight"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home37-Images/home37-img.jpg" /></div> </div>dnngo will make you fall in love again! (Full_Screen_PaneA · 3)
Code:
html
<div class="home37-bg02 home37-full2"> <div class="container pt-60 pb-60 animation scaleUp"> <div class="row"> <div class="col-md-9 col-sm-12"> <h2>dnngo will make you fall in love again!</h2> </div> <div class="col-md-3 col-sm-12"><a class="home37-btn03" href="#">Purchase Now</a></div> </div> </div> </div>powerful, responsive, awesome theme (Full_Screen_PaneA · 4)
Code:
html
<div class="container pt-60 pb-60 animation"> <div class="row pb-20"> <div class="col-md-4 col-sm-12 animation_item fadeInLeft delay1 home37-phonecenter"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home37-Images/home37-img02.png" /></div> <div class="col-md-8 col-sm-12 home37-ibox02"> <div class="home37-title02 animation_item fadeInLeft delay2"> <h2>powerful, responsive, awesome theme</h2> <div class="line"> <div class="home37-title-l"> </div> <div class="home37-title-m"> </div> </div> </div> <div class="row"> <div class="col-sm-6 "> <div class="home37-icon02 color-1 animation_item fadeInLeft delay3"><em class="fa fa-paper-plane"></em> <h4>Powerfull Theme With Sliders</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate egestas ullamcorper.</p> </div> <div class="home37-icon02 color-2 animation_item fadeInLeft delay4"><em class="fa fa-recycle"></em> <h4>Unlimited Unique Features</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate egestas ullamcorper.</p> </div> <div class="home37-icon02 color-3 animation_item fadeInLeft delay5"><em class="fa fa-file-image-o"></em> <h4>High Resolution & Retina Ready</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate egestas ullamcorper.</p> </div> </div> <div class="col-sm-6"> <div class="home37-icon02 color-3 animation_item fadeInLeft delay6"><em class="fa fa-star"></em> <h4>Powerfull Theme With Sliders</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate egestas ullamcorper.</p> </div> <div class="home37-icon02 color-1 animation_item fadeInLeft delay7"><em class="fa fa-cog"></em> <h4>Unlimited Unique Features</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate egestas ullamcorper.</p> </div> <div class="home37-icon02 color-2 animation_item fadeInLeft delay8"><em class="fa fa-pencil-square-o"></em> <h4>High Resolution & Retina Ready</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate egestas ullamcorper.</p> </div> </div> </div> </div> </div> </div>Design, development, web advertising... (Full_Screen_PaneA · 5)
Code:
html
<div class="home37-bg home37-top-line pt-20 pb-20">
<div class="container pt-60 pb-60">
<div class="row">
<div class="col-md-6 col-sm-12 animation fadeInLeft">
<div class="home37-title02">
<h2>Design, development, web advertising...</h2>
<div class="line">
<div class="home37-title-l"> </div>
<div class="home37-title-m"> </div>
</div>
</div>
<ul class="home37-list02">
<li><em class="fa fa-star-o"></em>Lorem ipsum dolor sit amet, adipiscing elit. Morbi vulputate egestas sem</li>
<li><em class="fa fa-star-o"></em>ullamcorper non. Curabitur tristique velit eu mauris venenatis egestas.</li>
<li><em class="fa fa-star-o"></em>placerat metus, sed molestie magna semper eget. mauris egestas. Phasellus</li>
<li><em class="fa fa-star-o"></em>bibendum placerat metussed molestie magna semper. molestie magna eget</li>
</ul>
<div>
<a class="home37-btn04" href="#">Read More</a>
</div>
</div>
<div class="col-md-6 col-sm-12 animation fadeInRight">
<div class="home37-loadlist">
<div class="progress progress-striped active">
<p>Abobe Photshop</p>
<div class="bar animation animationwidth " data-width="90%"><span> </span></div>
</div>
<div class="progress progress-striped active">
<p>Wordpress Theme</p>
<div class="bar animation animationwidth" data-width="82%"><span> </span></div>
</div>
<div class="progress progress-striped active">
<p>Javascript</p>
<div class="bar animation animationwidth" data-width="89%"><span> </span></div>
</div>
</div>
</div>
</div>
</div>
</div>Our Customers (Full_Screen_PaneA · 6)
Code:
html
<div class="home37-bg03 pt-20 pb-20">
<div class="container pt-60 pb-60 animation scaleUp ">
<div class="home37-title01">
<h3>Our Customers</h3>
<div class="line">
<div class="home37-title-l"> </div>
<div class="home37-title-m"> </div>
<div class="home37-title-r"> </div>
</div>
</div>
<ul class="Testimonials_tab home37-Testimonials" data-autoheight="false" data-autoplay="3000" data-display-arrows="false" data-position="fade">
<li>
<blockquote>
<div class="home37-Testimonials-icon1"><em class="fa fa-quote-right"></em></div>
<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate Morbi vulputate egestas sem, eu cursus ligula ullamcorper non. Curabitur tristique velit eu mauris venenatis egestas. Phasellus bibendum placerat metus, sed molestie magna pellentesque egestas ornare sag ittiseges tasegestas ornare sagitti ornare sagitti.sed augue lorem,dignissim egetbibendum "</p>
<div class="home37-Testimonials-icon2"><em class="fa fa-star"></em><em class="fa fa-star"></em><em class="fa fa-star"></em></div>
<h4>Bruce Dingeling</h4> <small>Marketing & Sales - <span class="text_accent">Evasion,ltd</span></small></blockquote>
</li>
<li>
<blockquote>
<div class="home37-Testimonials-icon1"><em class="fa fa-quote-right"></em></div>
<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate Morbi vulputate egestas sem, eu cursus ligula ullamcorper non. Curabitur tristique velit eu mauris venenatis egestas. Phasellus bibendum placerat metus, sed molestie magna pellentesque egestas ornare sag ittiseges tasegestas ornare sagitti ornare. sed augue lorem dignissim "</p>
<div class="home37-Testimonials-icon2"><em class="fa fa-star"></em><em class="fa fa-star"></em><em class="fa fa-star"></em></div>
<h4>Bruce Dingeling</h4> <small>Marketing & Sales - <span class="text_accent">Evasion,ltd</span></small></blockquote>
</li>
<li>
<blockquote>
<div class="home37-Testimonials-icon1"><em class="fa fa-quote-right"></em></div>
<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate Morbi vulputate egestas sem, eu cursus ligula ullamcorper non. Curabitur tristique velit eu mauris venenatis egestas. Phasellus bibendum placerat metus, sed molestie magna pellentesque ornare sag ornare sagitti ornare sagitti.sed augue lorem,dignissim egetbibendum "</p>
<div class="home37-Testimonials-icon2"><em class="fa fa-star"></em><em class="fa fa-star"></em><em class="fa fa-star"></em></div>
<h4>Bruce Dingeling</h4> <small>Marketing & Sales - <span class="text_accent">Evasion,ltd</span></small></blockquote>
</li>
</ul>
</div>
</div>MEET OUR TEAM (Full_Screen_PaneA · 7)
Code:
html
<div class="pt-20 pb-20">
<div class="container pt-60 pb-60">
<div class="home37-title01 text-center">
<h3>MEET OUR TEAM</h3>
<div class="line">
<div class="home37-title-l"> </div>
<div class="home37-title-m"> </div>
<div class="home37-title-r"> </div>
</div>
</div>
<p class="text-center home37-pl10 home37-pr10 animation scaleUp">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate egestas sem, eu cursus ligula ullamcorper non. consectetur adipiscing elit. Morbi vulputate egestas sem, eu cursus ligula ullamcorper non.</p>
<div class="home2_team animation">
<div class="row">
<div class="col-sm-12 col-md-6 animation_item scaleUp delay1">
<div class="clearfix">
<div class="home37-team-left"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home37-Images/home37-img03.jpg" /></div>
<div class="home37-team-right">
<div class="home37-team-border">
<div class="home37-team-title">
<h3>Andrea Arkov</h3>
<div>Disigner</div>
</div>
<div>Mauris rhoncus pretium porttitor. Cras scelerisque commodo. Phasellus in doenim, faucibus egestas scelerisque ing hendrerit.</div>
</div>
<div class="home37-social">
<a href="#"><em class="fa fa-twitter"></em></a>
<a href="#"><em class="fa fa-linkedin"></em></a>
<a href="#"><em class="fa fa-google-plus"></em></a>
<a href="#"><em class="fa fa-facebook"></em></a>
<a href="#"><em class="fa fa-tumblr"></em></a>
<a href="#"><em class="fa fa-envelope"></em></a>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 animation_item scaleUp delay2">
<div class="clearfix">
<div class="home37-team-left"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home37-Images/home37-img04.jpg" /></div>
<div class="home37-team-right">
<div class="home37-team-border">
<div class="home37-team-title">
<h3>Davia Martin</h3>
<div>Founder</div>
</div>
<div>Mauris rhoncus pretium porttitor. Cras scelerisque commodo. Phasellus in doenim, faucibus egestas scelerisque ing hendrerit.</div>
</div>
<div class="home37-social">
<a href="#"><em class="fa fa-twitter"></em></a>
<a href="#"><em class="fa fa-linkedin"></em></a>
<a href="#"><em class="fa fa-google-plus"></em></a>
<a href="#"><em class="fa fa-facebook"></em></a>
<a href="#"><em class="fa fa-tumblr"></em></a>
<a href="#"><em class="fa fa-envelope"></em></a>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6 animation_item scaleUp delay3">
<div class="clearfix">
<div class="home37-team-left"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home37-Images/home37-img05.jpg" /></div>
<div class="home37-team-right">
<div class="home37-team-border">
<div class="home37-team-title">
<h3>John Smith</h3>
<div>Programmer</div>
</div>
<div>Mauris rhoncus pretium porttitor. Cras scelerisque commodo. Phasellus in doenim, faucibus egestas scelerisque ing hendrerit.</div>
</div>
<div class="home37-social">
<a href="#"><em class="fa fa-twitter"></em></a>
<a href="#"><em class="fa fa-linkedin"></em></a>
<a href="#"><em class="fa fa-google-plus"></em></a>
<a href="#"><em class="fa fa-facebook"></em></a>
<a href="#"><em class="fa fa-tumblr"></em></a>
<a href="#"><em class="fa fa-envelope"></em></a>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 animation_item scaleUp delay4">
<div class="clearfix">
<div class="home37-team-left"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home37-Images/home37-img06.jpg" /></div>
<div class="home37-team-right">
<div class="home37-team-border">
<div class="home37-team-title">
<h3>Bela Chrisis</h3>
<div>Manager</div>
</div>
<div>Mauris rhoncus pretium porttitor. Cras scelerisque commodo. Phasellus in doenim, faucibus egestas scelerisque ing hendrerit.</div>
</div>
<div class="home37-social">
<a href="#"><em class="fa fa-twitter"></em></a>
<a href="#"><em class="fa fa-linkedin"></em></a>
<a href="#"><em class="fa fa-google-plus"></em></a>
<a href="#"><em class="fa fa-facebook"></em></a>
<a href="#"><em class="fa fa-tumblr"></em></a>
<a href="#"><em class="fa fa-envelope"></em></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div></div>Planning (Full_Screen_PaneA · 8)
Code:
html
<div class="row home37-full3 ">
<div class="col-sm-3 home37-firstchild">
<div class="animation scaleUp pt-60 pb-60 "><em class="fa fa-search color-2"></em>
<h3>Planning</h3>
<div>quisque tellus risus,adipisci</div>
<div>viverra bibendum dsna.</div>
</div>
</div>
<div class="col-sm-3 home37-full3-light">
<div class="before"></div>
<div class="animation scaleUp pt-60 pb-60 "> <em class="fa fa-pencil color-1"></em>
<h3>Prototyping</h3>
<div>quisque tellus risus,adipisci</div>
<div>viverra bibendum dsna.</div>
</div>
</div>
<div class="col-sm-3">
<div class="animation scaleUp pt-60 pb-60 "><em class="fa fa-cube color-4"></em>
<h3>Desiging</h3>
<div>quisque tellus risus,adipisci</div>
<div>viverra bibendum dsna.</div>
</div>
</div>
<div class="col-sm-3 home37-full3-light lastchild">
<div class="before"></div>
<div class="animation scaleUp pt-60 pb-60 "> <em class="fa fa-check color-3"></em>
<h3>Product Launch</h3>
<div>quisque tellus risus,adipisci</div>
<div>viverra bibendum dsna.</div>
</div>
</div>
</div>Latest Products (Full_Screen_PaneA · 9)
Code:
html
<div class="home37-bg home37-bottom-line pt-60 pb-60"> <div class="container clearfix animation scaleUp pt-20 pb-20"> <div class="home37-title01 text-center"> <h3>Latest Products</h3> <div class="line"> <div class="home37-title-l"> </div> <div class="home37-title-m"> </div> <div class="home37-title-r"> </div> </div> </div> <p class="text-center home37-pl10 home37-pr10 pb-20">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vulputate egestas sem, eu cursus ligula ullamcorper non.</p> <div class="carousel home37-carousel" data-autoheight="false" data-navigation="false"> <div class="item"> <div class="photo_box img_zoom"> <div class="pic_box"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home37-Images/home37-img07.jpg" /> <div class="shade"> </div> </div> <div class="text_sytle_7"> <h3>Fully Support</h3> <div class="line"> </div> <p>Mauris rhoncus pretium porttitor. Cras scelerisque commodo odio. Phasellus dolor enim, faucibus egestas scelerisque hendrerit, aliquet sed lorem.</p> </div> </div> </div> <div class="item"> <div class="photo_box img_zoom"> <div class="pic_box"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home37-Images/home37-img08.jpg" /> <div class="shade"> </div> </div> <div class="text_sytle_7"> <h3>Advanced Technology</h3> <div class="line"> </div> <p>Mauris rhoncus pretium porttitor. Cras scelerisque commodo odio. Phasellus dolor enim, faucibus egestas scelerisque hendrerit, aliquet sed lorem.</p> </div> </div> </div> <div class="item"> <div class="photo_box img_zoom"> <div class="pic_box"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home37-Images/home37-img09.jpg" /> <div class="shade"> </div> </div> <div class="text_sytle_7"> <h3>Responsive Design</h3> <div class="line"> </div> <p>Mauris rhoncus pretium porttitor. Cras scelerisque commodo odio. Phasellus dolor enim, faucibus egestas scelerisque hendrerit, aliquet sed lorem.</p> </div> </div> </div> <div class="item"> <div class="photo_box img_zoom"> <div class="pic_box"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home37-Images/home37-img08.jpg" /> <div class="shade"> </div> </div> <div class="text_sytle_7"> <h3>Fully Support</h3> <div class="line"> </div> <p>Mauris rhoncus pretium porttitor. Cras scelerisque commodo odio. Phasellus dolor enim, faucibus egestas scelerisque hendrerit, aliquet sed lorem.</p> </div> </div> </div> <div class="item"> <div class="photo_box img_zoom"> <div class="pic_box"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home37-Images/home37-img07.jpg" /> <div class="shade"> </div> </div> <div class="text_sytle_7"> <h3>Advanced Technology</h3> <div class="line"> </div> <p>Mauris rhoncus pretium porttitor. Cras scelerisque commodo odio. Phasellus dolor enim, faucibus egestas scelerisque hendrerit, aliquet sed lorem.</p> </div> </div> </div> </div> </div> </div> <div class="pb-30"></div>Contact Us (TopPane)
Code:
html
<div class="text-center home37-pl10 home37-pr10 home37-mb">Lorum sociis natoque penatibus et magnis dis parturient montes nascetur ridiculus mus nascetur ridiculusdis parturient montes nascetur ridiculus parturient montes nascetur ridiculus mus. nascetur ridiculus.</div>Form Section (RowFifteen_Grid8_Pane)
This section uses the DNNGo PowerForms module — see PowerForms.
Phone Number: (RowFifteen_Grid4_Pane)
Code:
html
<div class="home37-contact-info clearfix animation fadeInRight "> <em class="fa fa-phone"></em>
<h3>Phone Number:</h3>
<div>Mrs Smith: (+086)-1234-5678</div>
</div>
<div class="home37-contact-info clearfix animation fadeInRight "> <em class="fa fa-envelope"></em>
<h3>Email:</h3>
<div>[email protected]</div>
</div>
<div class="home37-contact-info clearfix animation fadeInRight "> <em class="fa fa-map-marker"></em>
<h3>Address:</h3>
<div>YuanLin hotol 16th Floor,Xinan Steet, Huayu Road no.2,Kuiguan Copany</div>
</div>work process (BottomOutPane)
Code:
html
<div class="pt-30"></div><div class="home37-bg04 pt-20 pb-20"> <div class="container pt-60 pb-60 animation scaleUp "> <div class="home37-title01"> <h3>work process</h3> <div class="line"> <div class="home37-title-l"> </div> <div class="home37-title-m"> </div> <div class="home37-title-r"> </div> </div> </div> <ul class="home37-ibox03 clearfix"> <li> <div class="home37-step">01 <div class="line"> </div> </div> <h3>Idea</h3> <p>Lorum sociis natoque penatibus et magnis dis parturient montes</p> </li> <li> <div class="home37-step">02 <div class="line"> </div> </div> <h3>Planning</h3> <p>Lorum sociis natoque penatibus et magnis dis parturient montes</p> </li> <li> <div class="home37-step">03 <div class="line"> </div> </div> <h3>Design</h3> <p>Lorum sociis natoque penatibus et magnis dis parturient montes</p> </li> <li> <div class="home37-step">04 <div class="line"> </div> </div> <h3>Develop</h3> <p>Lorum sociis natoque penatibus et magnis dis parturient montes</p> </li> <li> <div class="home37-step">05</div> <h3>Test</h3> <p>Lorum sociis natoque penatibus et magnis dis parturient montes</p> </li> </ul> </div> </div>Lorem ipsum dolor sit amet consectet ueradipi old (FootPaneD)
Code:
html
<div class="home37-footer animation fadeInUp"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home37-Images/home37-img10.png" />
<p class="pt-20">Lorem ipsum dolor sit amet consectet ueradipi old m nonummy.</p>
<div class="home37-social02"><a href="#"><em class="fa fa-facebook"></em></a> <a href="#"><em class="fa fa-twitter"></em></a> <a href="#"><em class="fa fa-linkedin"></em></a> <a href="#"><em class="fa fa-google-plus"></em></a> <a href="#"><em class="fa fa-rss"></em></a></div>
</div>Recent comments (FootPaneE)
Code:
html
<div class="home37-footerTwo animation fadeInUp ">
<div>Trs_admin <span >on</span> kevin francis gray quis</div>
<div>Trs_admin <span >on</span> kevin francis gray quis</div>
<div>Trs_admin <span >on</span> kevin francis gray quis</div>
<div>Trs_admin <span >on</span> kevin francis gray quis</div>
</div>Twitter (FootPaneF)
Code:
html
<div class="home37-footerThree clearfix animation fadeInUp">
<em class="fa fa-twitter"></em>
<a href="#">@theme_rex</a> meet version 2.0of shiftcv #wordpress #blog #resume #portfolio theme. resune print form fixed dnngo <a href="#">heme.resune print form fixed dnngo...</a>
</div>Recent Posts (FootPaneG)
Code:
html
<div class="animation fadeInUp">
<div class="home37-footerFour clearfix "><img alt="" src="http://demo8.dnngo.net/Portals/13/Home37-Images/home37-img11.jpg" />
<div class="text_hidden">
NEW POST WITH IMAGE
<span>January6, 2017</span></div>
</div>
<div class="home37-footerFour clearfix"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home37-Images/home37-img12.jpg" />
<div class="text_hidden">
KECIN FRANCIS GRAY QUIS
<span>December 10, 2017</span></div>
</div>
</div>