Home Version 38 Page Code
Click to preview the Home Version 38 demo. View demo
Preview:
Email: [email protected] Time: Monday to Friday (HeaderPane)
Code:
html
<div>Email: [email protected] Time: Monday to Friday</div>HeaderPaneB Section (HeaderPaneB)
Code:
html
<div class="home38-social clearfix"> <a href="#"><span class="fa fa-facebook color-1"></span> </a> <a href="#"><span class="fa fa-twitter color-2"></span> </a> <a href="#"><span class="fa fa-linkedin color-3"></span> </a> </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.
Welcome To Our Website (RowFour_Grid6_Pane1)
Code:
html
<div class="animation fadeInLeft home38-welcome">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.Idpsum dolor sit amet, consec tetur adipiscing elit. Donec nec eros eget nisl fringilla commodo. Maecenas ornare, augue ut ultricies tique, enim lectus pretium quam, tellus sedeu placerat ligula aliquam eu sapien eros enatis at dapibus.</p>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur fringilla.</p>
<a href="#" target="blank">Learn More</a>
</div>RowFour_Grid6_Pane2 Section (RowFour_Grid6_Pane2)
Code:
html
<div class="animation fadeInRight animated"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38_img01.png" title="" /></div>Individual's Card (Full_Screen_PaneC · 1)
Code:
html
<div class="pt-30"></div><div class="home38-background01 pt-60 pb-60"> <div class="dnn_layout pt-20 pb-20"> <div class="content_mid clearfix"> <div class="row"> <div class="col-sm-4 animation periodic1 "> <h3><span class="fa fa-credit-card"></span>Individual's Card</h3> <p class="mb-20 mt-20">Donec nec eros eget nisl fringilla commodo. Maecenas ornare, augue ut ultricies tique, enim lectus pretium qu amtellus sedeu placerat ligula aliquam eu sapien eros enatis at dapibus. totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beat aemagni odit. </p> <a href="#" target="blank">Learn More ></a> </div> <div class="col-sm-4 animation periodic2 "> <h3><span class="fa fa-suitcase"></span>Popular Products</h3> <p class="mb-20 mt-20">Donec nec eros eget nisl fringilla commodo. Maecenas ornare, augue ut ultricies tique, enim lectus pretium qu amtellus sedeu placerat ligula aliquam eu sapien eros enatis at dapibus. totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beat aemagni odit. </p> <a href="#" target="blank">Learn More ></a> </div> <div class="col-sm-4 animation periodic3 "> <h3><span class="fa fa-book"></span>Collect Notepad</h3> <p class="mb-20 mt-20">Donec nec eros eget nisl fringilla commodo. Maecenas ornare, augue ut ultricies tique, enim lectus pretium qu amtellus sedeu placerat ligula aliquam eu sapien eros enatis at dapibus. totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beat aemagni odit. </p> <a href="#" target="blank" class="xs-mb-0">Learn More ></a> </div> </div> </div> </div> </div>Latest News (Full_Screen_PaneC · 2)
Code:
html
<div class="home38-background02 pt-60 pb-60"> <div class="dnn_layout pt-20 pb-20"> <div class="content_mid clearfix"> <div class="row"> <div class="col-sm-12"> <div class="home38-title01 animation fadeInUp"> <h2>Latest News</h2> <p>Donec in ut odio libero, at vulputate drn ulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam sus cipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim fringilla commodo.</p> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="home38-lightbox-photo animation fadeInUp"> <a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img02.jpg" title="image 01"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img02.jpg"> <span class="shade"><em class="fa fa-plus"></em></span> </a> <div class="home38-newstext"> <h4>Dnn Templates</h4> <p>Unde omnis iste natus error sitvol uptatem acuti umdolore, isus nibauh laoreet oadio.</p> <div class="clearfix home38-news_btn"> <a href="#">View More</a> <span><a href="#"><em class="fa fa-comment"></em>12</a></span> </div> </div> </div> </div> <div class="col-sm-4"> <div class="home38-lightbox-photo animation fadeInUp"> <a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img03.jpg" title="image 01"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img03.jpg"> <span class="shade"><em class="fa fa-plus"></em></span> </a> <div class="home38-newstext"> <h4>Development</h4> <p>Unde omnis iste natus error sitvol uptatem acuti umdolore, isus nibauh laoreet oadio.</p> <div class="clearfix home38-news_btn"> <a href="#">View More</a> <span><a href="#"><em class="fa fa-comment"></em>12</a></span> </div> </div> </div> </div> <div class="col-sm-4"> <div class="home38-lightbox-photo animation fadeInUp"> <a class="LightBox_image_gallery1" href="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img04.jpg" title="image 01"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img04.jpg"> <span class="shade"><em class="fa fa-plus"></em></span> </a> <div class="home38-newstext"> <h4>Retina Ready</h4> <p>Unde omnis iste natus error sitvol uptatem acuti umdolore, isus nibauh laoreet oadio.</p> <div class="clearfix home38-news_btn"> <a href="#">View More</a> <span><a href="#"><em class="fa fa-comment"></em>12</a></span> </div> </div> </div> </div> </div> </div> </div> </div>Recent Works (Full_Screen_PaneC · 3)
Code:
html
<div class="pt-60 pb-60"> <div class="dnn_layout pt-10"> <div class="content_mid clearfix"> <div class="row"> <div class="col-sm-12"> <div class="home38-title01 animation fadeInUp"> <h2>Recent Works</h2> <p>Donec in ut odio libero, at vulputate drn ulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam sus cipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim fringilla commodo.</p> </div> </div> </div> </div> </div> <div class="carousel home38-recent_work pb-20" data-autoheight="false"> <div class="item"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img05.jpg" /> <div class="sliding"> <div class="recent_text"> <h3>Unlimited Color</h3> <p>Unlimited Color, Responsive</p> <div class="recenr_btn"> <a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img05.jpg"> <em class="fa fa-search"></em> </a> <a href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="item"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img06.jpg" /> <div class="sliding"> <div class="recent_text"> <h3>Clean Design</h3> <p>Unlimited Color, Responsive</p> <div class="recenr_btn"> <a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img06.jpg"> <em class="fa fa-search"></em> </a> <a href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="item"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img07.jpg" /> <div class="sliding"> <div class="recent_text"> <h3>Advanced</h3> <p>Unlimited Color, Responsive</p> <div class="recenr_btn"> <a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img07.jpg"> <em class="fa fa-search"></em> </a> <a href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="item"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img08.jpg" /> <div class="sliding"> <div class="recent_text"> <h3>Data Charts</h3> <p>Unlimited Color, Responsive</p> <div class="recenr_btn"> <a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img08.jpg"> <em class="fa fa-search"></em> </a> <a href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="item"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img09.jpg" /> <div class="sliding"> <div class="recent_text"> <h3>High Praise</h3> <p>Unlimited Color, Responsive</p> <div class="recenr_btn"> <a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img09.jpg"> <em class="fa fa-search"></em> </a> <a href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="item"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img06.jpg" /> <div class="sliding"> <div class="recent_text"> <h3>Friendly Tags</h3> <p>Unlimited Color, Responsive</p> <div class="recenr_btn"> <a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img06.jpg"> <em class="fa fa-search"></em> </a> <a href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="item"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img06.jpg" /> <div class="sliding"> <div class="recent_text"> <h3>Clean Design</h3> <p>Unlimited Color, Responsive</p> <div class="recenr_btn"> <a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img06.jpg"> <em class="fa fa-search"></em> </a> <a href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="item"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img07.jpg" /> <div class="sliding"> <div class="recent_text"> <h3>Advanced</h3> <p>Unlimited Color, Responsive</p> <div class="recenr_btn"> <a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img07.jpg"> <em class="fa fa-search"></em> </a> <a href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="item"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img08.jpg" /> <div class="sliding"> <div class="recent_text"> <h3>Data Charts</h3> <p>Unlimited Color, Responsive</p> <div class="recenr_btn"> <a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img08.jpg"> <em class="fa fa-search"></em> </a> <a href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="item"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img09.jpg" /> <div class="sliding"> <div class="recent_text"> <h3>High Praise</h3> <p>Unlimited Color, Responsive</p> <div class="recenr_btn"> <a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img09.jpg"> <em class="fa fa-search"></em> </a> <a href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="item"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img06.jpg" /> <div class="sliding"> <div class="recent_text"> <h3>Friendly Tags</h3> <p>Unlimited Color, Responsive</p> <div class="recenr_btn"> <a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img06.jpg"> <em class="fa fa-search"></em> </a> <a href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="item"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img06.jpg" /> <div class="sliding"> <div class="recent_text"> <h3>Clean Design</h3> <p>Unlimited Color, Responsive</p> <div class="recenr_btn"> <a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img06.jpg"> <em class="fa fa-search"></em> </a> <a href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="item"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img07.jpg" /> <div class="sliding"> <div class="recent_text"> <h3>Advanced</h3> <p>Unlimited Color, Responsive</p> <div class="recenr_btn"> <a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img07.jpg"> <em class="fa fa-search"></em> </a> <a href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="item"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img09.jpg" /> <div class="sliding"> <div class="recent_text"> <h3>High Praise</h3> <p>Unlimited Color, Responsive</p> <div class="recenr_btn"> <a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img09.jpg"> <em class="fa fa-search"></em> </a> <a href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="item"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img06.jpg" /> <div class="sliding"> <div class="recent_text"> <h3>Friendly Tags</h3> <p>Unlimited Color, Responsive</p> <div class="recenr_btn"> <a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img06.jpg"> <em class="fa fa-search"></em> </a> <a href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> <div class="item"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img08.jpg" /> <div class="sliding"> <div class="recent_text"> <h3>Data Charts</h3> <p>Unlimited Color, Responsive</p> <div class="recenr_btn"> <a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img08.jpg"> <em class="fa fa-search"></em> </a> <a href="#"><em class="fa fa-link"></em></a> </div> </div> </div> </div> </div> </div>Create interactive, engaging and satisfying websit (Full_Screen_PaneC · 4)
Code:
html
<div class="home38-background03 pt-60 pb-60 animation fadeInUp"> <div class="dnn_layout pt-10 pb-20"> <div class="content_mid clearfix"> <h3>Create interactive, engaging and satisfying website</h3> <p>We provide interactive website development, which will definitely improve satisfaction of your online business</p> <a href="#">Purchase it</a> <a href="#">Take A Look</a> </div> </div> </div><div class="pb-30 hidden-xs"></div>Our Service (ContentPane)
Code:
html
<p class="mt-10 mb-50 home38-titletext">Lorem ipsum dolor sit amet, consectetur adipiscing elit.Idpsum dolor sit amet, consec tetur adipiscing elit. Donec nec eros eget nisl fringilla. </p> <div class="row"> <div class="col-md-6"> <div class="home38-textcenter"> <img alt="" class="img-responsive animation fadeInLeft" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img10.png" /> <br> </div> </div> <div class="col-md-6"> <div class="row home38-service animation fadeInRight"> <div class="col-sm-6"> <h4> <div class="out"><span class="fa fa-leaf"></span></div> Web Design</h4> <p>Sed ut unde omnis iste natus error sit voluptatem accusantium dolore mque quasi architecto beatae.</p> <a class="mb-20" href="#">View Detail ></a> </div> <div class="col-sm-6"> <h4> <div class="out"><span class="fa fa-plane"></span></div> Advanced</h4> <p>Sed ut unde omnis iste natus error sit voluptatem accusantium dolore mque quasi architecto beatae.</p> <a class="mb-20" href="#">View Detail ></a> </div> <div class="col-sm-6"> <h4> <div class="out"><span class="fa fa-bar-chart"></span></div> Data Charts</h4> <p>Sed ut unde omnis iste natus error sit voluptatem accusantium dolore mque quasi architecto beatae.</p> <a href="#">View Detail ></a> </div> <div class="col-sm-6"> <h4> <div class="out"><span class="fa fa-lightbulb-o"></span></div> High Praise</h4> <p>Sed ut unde omnis iste natus error sit voluptatem accusantium dolore mque quasi architecto beatae.</p> <a href="#">View Detail ></a> </div> </div> </div> </div> <div class="row pt-30 pb-30"> <div class="col-md-6"> <div class="row home38-service animation fadeInLeft"> <div class="col-sm-6"> <h4> <div class="out"><span class="fa fa-tag"></span></div> Friendly Tags</h4> <p>Sed ut unde omnis iste natus error sit voluptatem accusantium dolore mque quasi architecto beatae.</p> <a class="mb-20" href="#">View Detail ></a> </div> <div class="col-sm-6"> <h4> <div class="out"><span class="fa fa-thumbs-o-up"></span></div> Top Sellers</h4> <p>Sed ut unde omnis iste natus error sit voluptatem accusantium dolore mque quasi architecto beatae.</p> <a class="mb-20" href="#">View Detail ></a> </div> <div class="col-sm-6"> <h4> <div class="out"><span class="fa fa-television"></span></div> Responsive</h4> <p>Sed ut unde omnis iste natus error sit voluptatem accusantium dolore mque quasi architecto beatae.</p> <a href="#">View Detail ></a> </div> <div class="col-sm-6"> <h4> <div class="out"><span class="fa fa-sliders"></span></div> August Web</h4> <p>Sed ut unde omnis iste natus error sit voluptatem accusantium dolore mque quasi architecto beatae.</p> <a href="#">View Detail ></a> </div> </div> </div> <div class="col-md-6"> <div class="textcenter"> <br class="hidden-xs"> <br> <img alt="" class="img-responsive animation fadeInRight" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img11.png" /> </div> </div> </div>0 Happy Clients 0 Awesome Products 0 Best Reviews (Full_Screen_PaneE · 1)
Code:
html
<div class="home38-background04 pt-60 pb-60"> <div class="dnn_layout pt-10 pb-10"> <div class="content_mid clearfix"> <div class="home38-number_Animation row"> <div class="col-sm-3"> <span class="img"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img12.png" /></span> <span class="animation number" data-number="1660">0</span> <p class="text">Happy Clients</p> </div> <div class="col-sm-3"> <span class="img"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img13.png" /></span> <span class="animation number" data-number="780">0</span> <p class="text">Awesome Products</p> </div> <div class="col-sm-3"> <span class="img"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img14.png" /></span> <span class="animation number" data-number="2530">0</span> <p class="text">Best Reviews</p> </div> <div class="col-sm-3"> <span class="img"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img15.png" /></span> <span class="animation number" data-number="940">0</span> <p class="text">Thanks Notes</p> </div> </div> </div> </div> </div>Testimonials & Clients (Full_Screen_PaneE · 2)
Code:
html
<div class="home38-background05 pt-60 pb-60"> <div class="dnn_layout pt-10"> <div class="content_mid clearfix"> <div class="row"> <div class="col-sm-12"> <div class="home38-whitetitle pb-20 animation fadeInUp"> <h3>Testimonials & Clients</h3> <div class="line"></div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.Idpsum dolor sit amet, consec tetur adipiscing elit. Donec nec sequi magni odit repellat iure accus eros eget nisl fringilla commodo. </p> </div> </div> </div> <div class="row"> <div class="col-md-6 animation fadeInLeft"> <ul data-autoplay="8000" data-display-arrows="false" data-position="fade" data-autoheight="false" class="Testimonials_tab home38-Testimonials_tab02"> <li> <blockquote> <span class="pic"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img16.jpg" /></span> <small>Frank Miller <span>The CEO of YGU Company</span></small> <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."</p> </blockquote> </li> <li> <blockquote> <span class="pic"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img17.jpg" /></span> <small>Harra Halloy <span>The CEO of YGU Company</span></small> <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus magni odit repellat iure accusNullam dictum felis eu.Lorem ipsum dolor sit amet, consectetur adipisicing elit. accusNullam dictum felis eu. repellat iure accusNullam dictum felis eu pede set." </p> </blockquote> </li> <li> <blockquote> <span class="pic"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img18.jpg" /></span> <small>David Chris <span>The CEO of YGU Company</span></small> <p>"We have used dnngo.net for a number of DotNetNuke skin projects. Their work and attention to detail have been at a very high level. In each ianstance, we have found them very responsive and professional. We highly recommend dnngo.net." </p> </blockquote> </li> </ul> </div> <div class="col-md-6 home38-icon_link animation fadeInRight clearfix"> <a href="#"><img class="img-responsive" alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img19.png" /></a> <a href="#"><img class="img-responsive" alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img20.png" /></a> <a href="#"><img class="img-responsive" alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img21.png" /></a> <a href="#"><img class="img-responsive" alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img22.png" /></a> <a href="#"><img class="img-responsive" alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img23.png" /></a> <a href="#"><img class="img-responsive" alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img24.png" /></a> </div> </div> </div> </div> </div> <div class="pt-60 pb-10"></div>Meet Our Teams (Full_Screen_PaneE · 3)
Code:
html
<div class="mb-60">
<div class="dnn_layout">
<div class="content_mid clearfix">
<div class="row">
<div class="col-sm-12">
<div class="home38-title01 animation fadeInUp">
<h2>Meet Our Teams</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.Idpsum dolor sit amet, consec tetur adipiscing elit. Donec nec sequi magni odit repellat iure accus eros eget nisl fringilla commodo. </p>
</div>
</div>
</div>
<div class="row home38-ourteam animation fadeInUp">
<div class="col-md-3 col-sm-6">
<div class="ourteam_img">
<a href="#"><img class="img-responsive" alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img25.jpg"></a>
</div>
<div class="ourteam_text">
<h3>Micheal Cyrus<span>Web Designer</span></h3>
<p> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore mque quasi architecto beatae. </p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="ourteam_img">
<a href="#"><img class="img-responsive" alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img26.jpg"></a>
</div>
<div class="ourteam_text">
<h3>John Smith<span>Skin Developer</span></h3>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore mque quasi architecto beatae.</p>
</div>
</div>
<div class="clearfix visible-sm"></div>
<div class="col-md-3 col-sm-6">
<div class="ourteam_img">
<a href="#"><img class="img-responsive" alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img27.jpg"></a>
</div>
<div class="ourteam_text">
<h3>Harra Halloy<span>Programmer</span></h3>
<p> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore mque quasi architecto beatae. </p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="ourteam_img">
<a href="#"><img class="img-responsive" alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img28.jpg"></a>
</div>
<div class="ourteam_text">
<h3>David Chris<span>CEO Manager</span></h3>
<p> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore mque quasi architecto beatae. </p>
</div>
</div>
</div>
</div>
</div>
</div>Why Choose Us (Full_Screen_PaneE · 4)
Code:
html
<div class="home38-background06 pt-60 pb-60">
<div class="dnn_layout pt-10 pb-10">
<div class="content_mid clearfix">
<div class="row">
<div class="col-sm-6">
<div class="home38-ChooseUs animation fadeInLeft">
<h2>Why Choose Us</h2>
<ul>
<li><span class="fa fa-check-circle"></span>Lorem ipsum dolor sit amet, consectetur adipiscing elit</li>
<li><span class="fa fa-check-circle"></span>Maecenas ornare, augue ut ultricies tique, enim lectus pretium quam</li>
<li><span class="fa fa-check-circle"></span>Idpsum dolor sit ame todit repellat iure accusconsec tetur adipiscing elit </li>
<li><span class="fa fa-check-circle"></span>Donec nec eros eget nisl fringilla commodo odit repellat iure accus</li>
<li><span class="fa fa-check-circle"></span>Tellus sedeu placerat ligula aliquam eu sapien eros enatis at dapibus</li>
<li><span class="fa fa-check-circle"></span>Sed ut perspiciatis unde omnis iste archi tecto beatae ipsum dolor sit amet</li>
<li><span class="fa fa-check-circle"></span>Totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasit</li>
<li><span class="fa fa-check-circle"></span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit </li>
</ul>
</div>
</div>
<div class="col-sm-6">
<div class="home38-ourskills animation fadeInRight">
<h2>Our Skills</h2>
<div class="loaded_list">
<p>Web Design</p>
<div class="progress">
<div data-width="90%" class="bar animation animationwidth"> <span></span> </div>
</div>
<p>HTML5 & CSS3</p>
<div class="progress">
<div data-width="95%" class="bar animation animationwidth"> <span></span> </div>
</div>
<p>Graphic Design</p>
<p> </p>
<div class="progress">
<div data-width="87%" class="bar animation animationwidth"> <span></span> </div>
</div>
<p>JQuery</p>
<div class="progress">
<div data-width="92%" class="bar animation animationwidth"> <span></span> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>Full_Screen_PaneE Section (Full_Screen_PaneE · 5)
Code:
html
<div class="animation fadeInUp home28-gmap" id="gmap01"></div>Contact Us (Full_Screen_PaneF)
Code:
html
<div class="dnn_layout pt-30"> <div class="content_mid clearfix"> <div class="row"> <div class="col-sm-12"> <div class="home38-contactus"> <h2>Contact Us</h2> <p>Idpsum dolor sit amet, consectetur adipiscing elit. Donec nec eros eget nisl fringilla commodo. Maecenas ornare, augue ut ultricies tique, enim lectus pretium quam, tellus sedeu placerat ligula aliquam eu sapien eros enatis at dapibus.Sed ut perspiciatis unde omnis istesit amet, consectetur adipiscing elit archi tecto beatae.</p> </div> </div> </div> </div> </div>Form Section (RowFifteen_Grid8_Pane)
This section uses the DNNGo PowerForms module — see PowerForms.
Phone Number : (RowFifteen_Grid4_Pane)
Code:
html
<ul class="home38-contact_right animation fadeInRight"> <li class="home38_crone"> <span class="fa fa-phone"></span> <h5>Phone Number :</h5> Mrs Smith : (+086) - 1234 - 5678</li> <li class="home38_crtwo"><span class="fa fa-envelope"></span> <h5>Email :</h5> [email protected]</li> <li class="home6_crthree"><span class="fa fa-map-marker"></span> <h5>Address :</h5> YuanLin Hotel 16th Floor, XinAn Street, HuaYu Road No.2, KuiGuan Company</li> </ul>Full_Screen_PaneG Section (Full_Screen_PaneG)
Code:
html
<div class="pt-30"></div>About Dnngo (FootPaneD)
Code:
html
<div class="animation periodic1 home38-aboutdnn">
<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.
</p>
<a href="#">+ More Information</a>
</div>Archives (FootPaneE)
Code:
html
<ul class="home38-archives animation periodic2 animated">
<li><a href="#" ><span class="fa fa-calendar"></span>February 08th, 2014</a></li>
<li><a href="#" ><span class="fa fa-calendar"></span>March 16th, 2014</a></li>
<li><a href="#" ><span class="fa fa-calendar"></span>August 29th, 2014</a></li>
<li><a href="#" ><span class="fa fa-calendar"></span>September 09th, 2014</a></li>
<li><a href="#" ><span class="fa fa-calendar"></span>October 10th, 2014</a></li>
</ul>Recent News (FootPaneF)
Code:
html
<ul class="home38-recent animation periodic3 animated">
<li>
<div class="img"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img29.jpg"></div>
<p>Phasellus et nisl tellustia mfacilisis eu nisi sceleris que faucibus.</p>
<a href="#" >Read More</a>
</li>
<li>
<div class="img"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home38-Images/home38-img30.jpg"></div>
<p>Phasellus et nisl tellustia mfacilisis eu nisi sceleris que faucibus.</p>
<a href="#" >Read More</a>
</li>
</ul>Follow Us (FootPaneG)
Code:
html
<ul class="home38-follow animation periodic4 animated">
<li><a href="#">
<div class="icon"><span class="fa fa-facebook"></span></div>
Facebook<span class="arrow fa fa-chevron-right"></span></a></li>
<li><a href="#">
<div class="icon"><span class="fa fa-twitter"></span></div>
Twitter<span class="arrow fa fa-chevron-right"></span></a></li>
<li><a href="#">
<div class="icon"><span class="fa fa-linkedin"></span></div>
Linkedin<span class="arrow fa fa-chevron-right"></span></a></li>
<li><a href="#">
<div class="icon"><span class="fa fa-vimeo"></span></div>
Vimeo<span class="arrow fa fa-chevron-right"></span></a></li>
</ul>App Site | Recent Post | Comments (FooterPane)
Code:
html
<a href="#">App Site</a> | <a href="#">Recent Post</a> | <a href="#">Comments</a>