Home Version 19 Page Code
Home Version 19 is a One Page version — see One Page for how the anchor mechanism works.
Click to preview the Home Version 19 demo. View demo
Preview:
Customizable options Our themes offer all the tool (BannerPane)
Code:
html
<div class="home19-banner01-bg">
<div class="banner01-content animation">
<div class="top-img animation_item scaleUp delay1"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-banner01.png" /></div>
<div class="clearfix container banner-box">
<div class="top-left">
<div class="left_html animation_item scaleUp delay3"> <em class="fa fa-cloud-download"></em> <span>Customizable options</span>
<p>Our themes offer all the tools you need.</p>
</div>
<div class="left_html2 animation_item scaleUp delay5"> <em class="fa fa-cubes"></em> <span>Unique</span>
<p>Let you have fun doing it!</p>
</div>
</div>
<div class="top-center animation_item scaleUp delay2"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-banner02.png" /></div>
<div class="top-right animation_item scaleUp delay4">
<div class="right_htm"> <em class="fa fa-search"></em> <span>Think outside the box</span>
<p>Create your own unique sites with our themes.</p>
</div>
<div class="right_html2 animation_item scaleUp delay6"> <em class="fa fa-gear"></em> <span>Creative</span>
<p>create a unique looking site.</p>
</div>
</div>
</div>
<div id="home19-nextPage"> <span class="fa fa-angle-double-down animationhover bounce "></span> </div>
</div>
</div>About Us Vestibulum nec nisl varius, hendrerit ips (Full_Screen_PaneB · 1)
Code:
html
<div class="anchorTag" data-offset="-95" data-title="About Us" data-menuanchor="true"> </div>
<div class="container">
<div class="home19-aboutus ">
<div class="center">
<div class="home19-title"> <span></span>About Us</div>
</div>
<p class="pt-30 pb-20 animation fadeIn" style="margin-bottom: 0px;">Vestibulum nec nisl varius, hendrerit ipsum nec, semper odio. Donec sem est, pulvinar gravida auctor ut, sagittis quis nunc. In hac habitasse platea dictumst. In bibendum egestas sapien, a malesuada est accumsan quis. Morbi non pretium odio. Morbi sollicitudin metus sit amet turpis posuere, con sectetur ullam corper nulla interdum. Fusce cursus mi sem, quis dictum massa porttitor quis in fermentum purus commodo.</p>
<div class="home19-btn-box animation zoomIn"> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="home19-btn" target="blank">View Demo</a><a href="https://www.dnngo.net/ContactUs.aspx" class="home19-btn" target="blank">Submit A Ticket</a> </div>
<div class="Img_inline pt-50 animation fadeInDown"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic01.png" /> </div>
</div>
</div>Creative Design (Full_Screen_PaneB · 2)
Code:
html
<div class=" pt-60 pb-60 home19_bg01">
<div class="container pt-20">
<div class="row animation">
<div class="col-sm-4 animation_item scaleUp delay1">
<div class="home19-ibox"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic02.jpg" />
<h2> Creative Design</h2>
<p> Suspendisse potenti. Suspendisse ultrices rutrum ipsum, vel eleifend lacus elementum egestas. Vestibulum sit amet scelerisque ante. bitur eu metus commodo. </p>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">Learn More</a> </div>
</div>
<div class="col-sm-4 animation_item scaleUp delay2">
<div class="home19-ibox"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic03.jpg" />
<h2>Amazing Features</h2>
<p> Suspendisse potenti. Suspendisse ultrices rutrum ipsum, vel eleifend lacus elementum egestas. Vestibulum sit amet scelerisque ante. bitur eu metus commodo. </p>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">Learn More</a> </div>
</div>
<div class="col-sm-4 animation_item scaleUp delay3">
<div class="home19-ibox xs-pb-0"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic04.jpg" />
<h2> Unlimited Colors</h2>
<p> Suspendisse potenti. Suspendisse ultrices rutrum ipsum, vel eleifend lacus elementum egestas. Vestibulum sit amet scelerisque ante. bitur eu metus commodo. </p>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">Learn More</a> </div>
</div>
</div>
</div>
</div>29 (Full_Screen_PaneB · 3)
Code:
html
<div class="anchorTag home19-anchorTag" data-offset="-95" data-menuanchor="true" data-title="Latest Work"> </div>
<div class="mt-60 pb-60">
<div class="container pt-20 pb-20">
<div class="pb-40">
<div class="home19-title02"><span></span>Latest Work</div>
</div>
<div class="carousel home19-carousel animation zoomIn" data-autoplay="false" data-autoheight="false" data-items="3">
<div class="item">
<div class="photo_box icon_tag_push img_zoom">
<a href="#" target="blank">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic05.jpg" />
<div class="ico "><span class="fa fa-link ico_right"></span></div>
<div class="content">
<h3>29</h3>
Mar </div>
</div>
</a>
<div class="text_sytle_6">
<h3>Meeting Report</h3>
<p> Nulla nisi mi, rutrum ac orci sit amet, accumsan adipiscing minibh auctor magna laoreet. </p>
<span>By Admin | 0 Comments</span> </div>
</div>
</div>
<div class="item">
<div class="photo_box icon_tag_push img_zoom">
<a href="#" target="blank">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic06.jpg" />
<div class="ico "><span class="fa fa-link ico_right"></span></div>
<div class="content">
<h3>18</h3>
Apr </div>
</div>
</a>
<div class="text_sytle_6">
<h3>Advanced Technology</h3>
<p> Nulla nisi mi, rutrum ac orci sit amet, accumsan adipiscing minibh auctor magna laoreet. </p>
<span>By Admin | 5 Comments</span> </div>
</div>
</div>
<div class="item">
<div class="photo_box icon_tag_push img_zoom">
<a href="#" target="blank">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic07.jpg" />
<div class="ico "><span class="fa fa-link ico_right"></span></div>
<div class="content">
<h3>06</h3>
Mar </div>
</div>
</a>
<div class="text_sytle_6">
<h3>Coffee Time</h3>
<p> Nulla nisi mi, rutrum ac orci sit amet, accumsan adipiscing minibh auctor magna laoreet. </p>
<span>By Admin | 17 Comments</span> </div>
</div>
</div>
<div class="item">
<div class="photo_box icon_tag_push img_zoom">
<a href="#" target="blank">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic05.jpg" />
<div class="ico "><span class="fa fa-link ico_right"></span></div>
<div class="content">
<h3>29</h3>
Mar </div>
</div>
</a>
<div class="text_sytle_6">
<h3>Meeting Report</h3>
<p> Nulla nisi mi, rutrum ac orci sit amet, accumsan adipiscing minibh auctor magna laoreet. </p>
<span>By Admin | 0 Comments</span> </div>
</div>
</div>
<div class="item">
<div class="photo_box icon_tag_push img_zoom">
<a href="#" target="blank">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic36.jpg" />
<div class="ico "><span class="fa fa-link ico_right"></span></div>
<div class="content">
<h3>18</h3>
Apr </div>
</div>
</a>
<div class="text_sytle_6">
<h3>Advanced Technology</h3>
<p> Nulla nisi mi, rutrum ac orci sit amet, accumsan adipiscing minibh auctor magna laoreet. </p>
<span>By Admin | 5 Comments</span> </div>
</div>
</div>
<div class="item">
<div class="photo_box icon_tag_push img_zoom">
<a href="#" target="blank">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic37.jpg" />
<div class="ico "><span class="fa fa-link ico_right"></span></div>
<div class="content">
<h3>06</h3>
Mar </div>
</div>
</a>
<div class="text_sytle_6">
<h3>Coffee Time</h3>
<p> Nulla nisi mi, rutrum ac orci sit amet, accumsan adipiscing minibh auctor magna laoreet. </p>
<span>By Admin | 17 Comments</span> </div>
</div>
</div>
</div>
</div>
</div>0 Projects Completed 0 Coffee Consumed 0 Happy Cus (Full_Screen_PaneB · 4)
Code:
html
<div class=" pt-60 pb-60 home19-bg02">
<div class="container animation pt-20 pb-10">
<div class="home19-number row ">
<div class="col-sm-3 animation_item scaleUp delay1">
<div class="home19-numbe-bor"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic08.jpg" /></div>
<div class="animation number" data-number="2540">0</div>
<p>Projects Completed</p>
<div class="visible-xs pb-50"></div>
</div>
<div class="col-sm-3 animation_item scaleUp delay2">
<div class="home19-numbe-bor"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic09.jpg" /></div>
<div class="animation number" data-number="7325">0</div>
<p>Coffee Consumed</p>
<div class="visible-xs pb-50"></div>
</div>
<div class="col-sm-3 animation_item scaleUp delay3">
<div class="home19-numbe-bor"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic10.jpg" /></div>
<div class="animation number" data-number="1924">0</div>
<p>Happy Customers</p>
<div class="visible-xs pb-50"></div>
</div>
<div class="col-sm-3 animation_item scaleUp delay4">
<div class="home19-numbe-bor"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic11.jpg" /></div>
<div class="animation number" data-number="4275">0</div>
<p>Lines of Code</p>
</div>
</div>
</div>
</div>Frank MillerThe DNNGO buyer (Full_Screen_PaneB · 5)
Code:
html
<div class="anchorTag active" data-title="Testimonials & Clients" data-menuanchor="true" data-offset="-95"> </div>
<div class="container pb-60 mt-60 clearfix pt-20">
<div class="home19-title03"><span></span>Testimonials & Clients</div>
<div class="center pt-30 pb-30">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex, fermentum vel.</div>
<div class="row">
<div class="col-sm-12">
<ul class="Testimonials_tab home19-Testimonials-tab animation zoomIn" data-position="fade" data-autoplay="3000" data-display-navigation="false">
<li>
<blockquote> <span class="pic"><img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic38.jpg" /></span>
<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>
<h2>Frank Miller<span>The DNNGO buyer</span></h2>
</blockquote>
</li>
<li>
<blockquote> <span class="pic"> <img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic39.jpg" /> </span>
<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>
<h2>Patrick Reid<span>The DNNGO buyer</span></h2>
</blockquote>
</li>
<li>
<blockquote> <span class="pic"> <img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic12.jpg" /> </span>
<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>
<h2>Laura Nixon<span>The DNNGO buyer</span></h2>
</blockquote>
</li>
</ul>
</div>
</div>
<ul class="home19-clients-list animation">
<li class="animation_item scaleUp delay1"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic13.png" /></a> </li>
<li class="animation_item scaleUp delay2"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic14.png" /></a> </li>
<li class="animation_item scaleUp delay3"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic15.png" /> </a></li>
<li class="animation_item scaleUp delay4"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic16.png" /> </a></li>
<li class="animation_item scaleUp delay5"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic17.png" /></a> </li>
</ul>
</div>Multi-purpose (Full_Screen_PaneB · 6)
Code:
html
<div class="anchorTag" data-offset="-95" data-title="Our Services" data-menuanchor="true"> </div>
<div class="container pb-50">
<div class="home19-title"> <span></span> Our Services </div>
<div class="row home19-ibox02 pt-40">
<div class="col-md-4 col-sm-6 col-xs-12 animation fadeInLeft ">
<div class="left ">
<div class="box ">
<div class="icon color-1"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic18.jpg" /> </div>
<h6 class="title">Multi-purpose</h6>
<p class="text">Lorem ipsum dolor sit amet, consectetur mollis sed id elit. Integer bibendum lobortis commodo dui.</p>
</div>
<div class="box ">
<div class="icon color-2"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic20.jpg" /> </div>
<h6 class="title">Unlimited Colors</h6>
<p class="text">Lorem ipsum dolor sit amet, consectetur mollis sed id elit. Integer bibendum lobortis commodo dui.</p>
</div>
<div class="box ">
<div class="icon color-3"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic22.jpg" /> </div>
<h6 class="title">Boxed & Full Layout</h6>
<p class="text">Lorem ipsum dolor sit amet, consectetur mollis sed id elit. Integer bibendum lobortis commodo dui.</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-12 animation fadeInDown ">
<div class="center animation fadeInUp "><img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic24.png" /></div>
</div>
<div class="clearfix visible-xs"></div>
<div class="col-md-4 col-sm-6 col-xs-12 animation fadeInRight ">
<div class="right ">
<div class="box ">
<div class="icon color-4"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic19.jpg" /> </div>
<h6 class="title">HTML5 & CSS3</h6>
<p class="text">Lorem ipsum dolor sit amet, consectetur mollis sed id elit. Integer bibendum lobortis commodo dui.</p>
</div>
<div class="box ">
<div class="icon color-5"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic21.jpg" /> </div>
<h6 class="title">Customization Service</h6>
<p class="text">Lorem ipsum dolor sit amet, consectetur mollis sed id elit. Integer bibendum lobortis commodo dui.</p>
</div>
<div class="box ">
<div class="icon color-3"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic23.jpg" /> </div>
<h6 class="title">SEO Friendly</h6>
<p class="text">Lorem ipsum dolor sit amet, consectetur mollis sed id elit. Integer bibendum lobortis commodo dui.</p>
</div>
</div>
</div>
</div>
</div>
<div class="visible-sm pb-30"></div>Donec sollicitudin mi (Full_Screen_PaneB · 7)
Code:
html
<div class="home19_bg03 pt-60 pb-60 sm-pb-0 xs-pt-0 xs-pb-0">
<div class="row pt-10 pb-10 sm-pb-0 sm-pt-0 xs-pb-0">
<div class="col-md-6 col-sm-12">
<div class="home19-full-left row">
<div class="col-md-2 hidden-sm"> </div>
<div class="col-md-8">
<h3>Donec sollicitudin mi</h3>
<p>Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. </p>
<p>Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. </p>
<div class=" animation clearfix">
<ul>
<li class="animation_item scaleUp delay1"><em class="fa fa-folder-o"></em>
<a href="#">DNN Design & Skin</a>
</li>
<li class="animation_item scaleUp delay3"><em class="fa fa-folder-o"></em>
<a href="#">Module Development</a>
</li>
<li class="animation_item scaleUp delay5"><em class="fa fa-folder-o"></em>
<a href="#">Unlimited-color Skin</a>
</li>
<li class="animation_item scaleUp delay7"><em class="fa fa-folder-o"></em>
<a href="#">Module Development</a>
</li>
<li class="animation_item scaleUp delay9"><em class="fa fa-folder-o"></em>
<a href="#">Unlimited-color Skin</a>
</li>
</ul>
<ul class="xs-pt-0">
<li class="animation_item scaleUp delay2"><em class="fa fa-folder-o"></em>
<a href="#">CSS3 Animations</a>
</li>
<li class="animation_item scaleUp delay4"><em class="fa fa-folder-o"></em>
<a href="#">Ultra Responsive Design</a>
</li>
<li class="animation_item scaleUp delay6"><em class="fa fa-folder-o"></em>
<a href="#">DNN6 & DNN7</a>
</li>
<li class="animation_item scaleUp delay8"><em class="fa fa-folder-o"></em>
<a href="#">Ultra Responsive Design</a>
</li>
<li class="animation_item scaleUp delay10"><em class="fa fa-folder-o"></em>
<a href="#">DNN6 & DNN7</a>
</li>
</ul>
</div>
<div class="visible-sm pb-40"></div>
</div>
<div class="col-md-2"> </div>
</div>
</div>
<div class="home19-full-right"></div>
</div>
</div>BASIC PLAN (Full_Screen_PaneB · 8)
Code:
html
<div class="anchorTag" data-offset="-95" data-title="Pricing" data-menuanchor="true"> </div>
<div class="container mt-60 pt-20 pb-20">
<div class="home19-title" style="width: 174px;"> <span></span> Pricing </div>
<div class="price-table home19-price row animation mt-40 mb-50">
<div class="col-md-3 col-sm-6 animation_item scaleUp delay1">
<div class="price_border">
<div class="price_title">
<h2>BASIC PLAN</h2>
</div>
<div class="price_holder">
<div class="price_box"><span class="sup">$</span><span class="price">100</span><span class="unit">Per Month</span></div>
<ul>
<li>Responsive Web</li>
<li>Sample Pages</li>
<li>Unlimited Colors</li>
<li>100 Databases</li>
<li>200GB Space</li>
</ul>
<a class="btn " href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">BUY IT NOW</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 animation_item scaleUp delay2">
<div class="price_border">
<div class="price_title ">
<h2>PROFESSIONAL</h2>
</div>
<div class="price_holder">
<div class="price_box"><span class="sup">$</span><span class="price">200</span><span class="unit">Per Month </span></div>
<ul>
<li>Responsive Web</li>
<li>Sample Pages</li>
<li>Unlimited Colors</li>
<li>150 Databases</li>
<li>400GB Space</li>
</ul>
<a class="btn" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">BUY IT NOW</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 animation_item scaleUp delay3">
<div class="price_border">
<div class="price_title">
<h2>MAXIUM</h2>
</div>
<div class="price_holder">
<div class="price_box"><span class="sup">$</span><span class="price">300</span><span class="unit">Per Month</span></div>
<ul>
<li>Responsive Web</li>
<li>Sample Pages</li>
<li>Unlimited Colors</li>
<li>200 Databases</li>
<li>600GB Space</li>
</ul>
<a class="btn" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">BUY IT NOW</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 animation_item scaleUp delay4">
<div class="price_border">
<div class="price_title">
<h2>EXTREME</h2>
</div>
<div class="price_holder">
<div class="price_box"><span class="sup">$</span><span class="price">400</span><span class="unit">Per Month</span></div>
<ul>
<li>Responsive Web</li>
<li>Sample Pages</li>
<li>Unlimited Colors</li>
<li>250 Databases</li>
<li>800GB Space</li>
</ul>
<a class="btn " href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">BUY IT NOW</a>
</div>
</div>
</div>
</div>
</div>Multi-purpose Powerful Dnn Theme (Full_Screen_PaneB · 9)
Code:
html
<div class=" pt-60 pb-60 home19_bg01">
<div class="container pt-20">
<div class=" row">
<div class="col-sm-5 animation fadeInLeft ">
<div class="center"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic25.png" /> </div>
</div>
<div class="col-sm-7 animation fadeInRight ">
<div class="home19-ibox03">
<h2>Multi-purpose Powerful Dnn Theme</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ante ex, fermentum vel libero eget, interdum semper libero. Curabitur egestas, arcu id tempor convallis, ex tortor efficitur turpis, eget mattis tellus risus ut dolor tempus hendrerit vehicula. Curabitur cursus blandit velit sed diam nonummy nibh euismod tincidunt ut laoreet dolore magn aliquam erat.</p>
<div class="pt-20"> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank" class="Button_default">LEARN MORN</a></div>
</div>
</div>
</div>
</div>
</div>Concern us now Lorum sociis natoque penatibus et m (Full_Screen_PaneB · 10)
Code:
html
<div class="anchorTag" data-offset="-95" data-title="Contact Us" data-menuanchor="true"> </div>
<div class="mt-60 pt-20 pb-20 animation ">
<div class="container ">
<div class="home19-title04"> <span></span>Concern us now</div>
<div class="center pt-30">Lorum sociis natoque penatibus et magnis dis parturient montes nascetur ridiculus mus. nascetur </div>
<div class="center pb-30">ridiculus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. </div>
<div class=" row home19-ibox04 ">
<div class="col-sm-4 animation_item scaleUp delay1">
<div> <a href="#" class="ibox-cont"><span class="fa fa-facebook"></span> Facebook</a></div>
</div>
<div class="col-sm-4 animation_item scaleUp delay2">
<div><a href="#" class="ibox-cont"><span class="fa fa-twitter"></span> Twitter</a></div>
</div>
<div class="col-sm-4 animation_item scaleUp delay3">
<div><a href="#" class="ibox-cont"><span class="fa fa-pinterest"></span> Pinterest</a></div>
</div>
</div>
<div class=" row home19-ibox04">
<div class="col-sm-4 animation_item scaleUp delay4">
<div> <a href="#" class="ibox-cont"><span class="fa fa-ge"></span> Google Picasa</a></div>
</div>
<div class="col-sm-4 animation_item scaleUp delay5">
<div><a href="#" class="ibox-cont"><span class="fa fa-linkedin"></span> LinkedIn</a></div>
</div>
<div class="col-sm-4 animation_item scaleUp delay6">
<div><a href="#" class="ibox-cont"><span class="fa fa-google-plus"></span> Google +</a></div>
</div>
</div>
</div>
</div>About Us (FootPaneD)
Code:
html
<div class="animation fadeInLeft ">
<img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic35.png" />
<p class="pt-10 pb-10" style="padding-top: 15px;">Nam sapien eros enatis at dapibus facilis islacinia sagittis purus. Ut tuismod aliquet enim, nec semper mi posuere nec lor nam nunc est, eius modi tempora incidunt placerat quis felis labore et dolore magna. </p>
<div class="home19-footer01">
<a href="#"><span class="fa fa-facebook"></span> </a>
<a href="#"> <span class="fa fa-twitter"></span> </a>
<a href="#"> <span class="fa fa-linkedin"></span> </a>
<a href="#"> <span class="fa fa-dribbble"></span> </a>
</div>
</div>Photo Gallery (FootPaneE)
Code:
html
<ul class="home19-footer02 clearfix animation fadeInDown ">
<li>
<div class="photo_box img_zoom"> <a href="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic26.jpg" class="LightBox_image_gallery5">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic26.jpg" />
<div class="shade"></div>
</div>
</a> </div>
</li>
<li>
<div class="photo_box img_zoom"> <a href="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic27.jpg" class="LightBox_image_gallery5">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic27.jpg" />
<div class="shade"></div>
</div>
</a> </div>
</li>
<li>
<div class="photo_box img_zoom"> <a href="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic28.jpg" class="LightBox_image_gallery5">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic28.jpg" />
<div class="shade"></div>
</div>
</a> </div>
</li>
<div class="row-fluid">
<li>
<div class="photo_box img_zoom"> <a href="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic29.jpg" class="LightBox_image_gallery5">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic29.jpg" />
<div class="shade"></div>
</div>
</a> </div>
</li>
<li>
<div class="photo_box img_zoom"> <a href="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic30.jpg" class="LightBox_image_gallery5">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic30.jpg" />
<div class="shade"></div>
</div>
</a> </div>
</li>
<li>
<div class="photo_box img_zoom"> <a href="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic31.jpg" class="LightBox_image_gallery5">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic31.jpg" />
<div class="shade"></div>
</div>
</a> </div>
</li>
</div>
<div class="row-fluid">
<li>
<div class="photo_box img_zoom"> <a href="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic32.jpg" class="LightBox_image_gallery5">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic32.jpg" />
<div class="shade"></div>
</div>
</a> </div>
</li>
<li>
<div class="photo_box img_zoom"> <a href="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic33.jpg" class="LightBox_image_gallery5">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic33.jpg" />
<div class="shade"></div>
</div>
</a> </div>
</li>
<li>
<div class="photo_box img_zoom"> <a href="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic34.jpg" class="LightBox_image_gallery5">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/15/Home19-Images/home19-pic34.jpg" />
<div class="shade"></div>
</div>
</a> </div>
</li>
</div>
</ul>Archives (FootPaneF)
Code:
html
<div class="home19-footer03 animation fadeInUp ">
<ul>
<li><span class="fa fa-navicon"></span>Module Development</li>
<li><span class="fa fa-navicon"></span>DNN Store Sellers</li>
<li><span class="fa fa-navicon"></span>Unlimited Colors/Styles</li>
<li><span class="fa fa-navicon"></span>Boxed & Wide Layout</li>
<li><span class="fa fa-navicon"></span>Hundreds of Google Fonts</li>
</ul>
</div>Twitter Feed (FootPaneG)
Code:
html
<div class="home19-footer04 animation fadeInRight ">
<div class="ibox-cont"> <span class="fa fa-twitter"> </span>
<div class="i-right">
<p><a href="#">@DNNGOBUYER</a> Eodem modo typi, qui nunc nobis videntur.</p>
<span>20 mins ago</span> </div>
</div>
<div class="ibox-cont"> <span class="fa fa-twitter"> </span>
<div class="i-right">
<p><a href="#">@DNNGOBUYER</a> Eodem modo typi, qui nunc nobis videntur.</p>
<span>3 mins ago </span></div>
</div>
<div class="ibox-cont"> <span class="fa fa-twitter"> </span>
<div class="i-right">
<p><a href="#">@DNNGOBUYER </a>Eodem modo typi, qui nunc nobis videntur.</p>
<span>1 mins ago</span> </div>
</div>
</div>