Skip to content

Home Version 3 Page Code ​

Click to preview the Home Version 3 demo. View demo

Preview:

HomeVersion3

Contact Info (HeaderPane) ​

Code:

html
<div style="text-align: center;">
<h3 class="pb-10">Contact Info</h3>
<p>Emial : [email protected]</p>
<p>Phone : (+086) - 2755 -9999</p>
<p>Skype : Dnngo-Linda</p>
<div class="home03-social02 pt-10">
<a href="#"><span class="fa fa-twitter"></span></a>
<a href="#"><span class="fa fa-facebook"></span></a>
<a href="#"><span class="fa fa-apple"></span></a>
</div>
</div>

This section uses the DNNGo LayerGallery Pro module.

The download package provides import data for this page (Home3-ContentListEntity.xml in the DNNGo_LayerGalleryPro Module folder). Import it via Manager → Import & Export to recreate the demo banner — see LayerGallery Pro.

ABOUT DNNGO.NET (TopPane · 1) ​

Code:

html
<p class="home03-text pb-20 animation scaleUp">Sed sollicitudin mi quis sem consequat vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis lorem neque sit amet vestibulum nibh malesuada.</p> <p class="animation scaleUp pb-10" style="text-align: center;"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img01.png" /></p>

File Management (TopPane · 2) ​

Code:

html
<div class="row animation">
<div class="col-sm-4 animation_item scaleUp delay1">
<div class="home03-ibox">
<div class="ico"><span class="fa fa-folder-o"></span></div>
<h3>File Management</h3>
<p>Quisque tortor odio, feugiat vitae velit at, feugiat euis mod nunc. Morbi lectus neque, mollis quis tellus eget, euismod et metus non pulvinar. </p>
</div>
</div>
<div class="col-sm-4 animation_item scaleUp delay2">
<div class="home03-ibox">
<div class="ico"><span class="fa fa-lemon-o"></span></div>
<h3>Perfect Design</h3>
<p>Quisque tortor odio, feugiat vitae velit at, feugiat euis mod nunc. Morbi lectus neque, mollis quis tellus eget, euismod et metus non pulvinar. </p>
</div>
</div>
<div class="col-sm-4 animation_item scaleUp delay3">
<div class="home03-ibox">
<div class="ico"><span class="fa fa-heart-o"></span></div>
<h3>Your Favorite</h3>
<p>Quisque tortor odio, feugiat vitae velit at, feugiat euis mod nunc. Morbi lectus neque, mollis quis tellus eget, euismod et metus non pulvinar. </p>
</div>
</div>
<div class="clearfix"></div>
<div class="col-sm-4 animation_item scaleUp delay4">
<div class="home03-ibox">
<div class="ico"><span class="fa fa-bookmark-o"></span></div>
<h3>Get Bookmark</h3>
<p>Quisque tortor odio, feugiat vitae velit at, feugiat euis mod nunc. Morbi lectus neque, mollis quis tellus eget, euismod et metus non pulvinar. </p>
</div>
</div>
<div class="col-sm-4 animation_item scaleUp delay5">
<div class="home03-ibox">
<div class="ico"><span class="fa fa-comment-o"></span></div>
<h3>Give Comment</h3>
<p>Quisque tortor odio, feugiat vitae velit at, feugiat euis mod nunc. Morbi lectus neque, mollis quis tellus eget, euismod et metus non pulvinar. </p>
</div>
</div>
<div class="col-sm-4 animation_item scaleUp delay6">
<div class="home03-ibox">
<div class="ico"><span class="fa fa-envelope-o"></span></div>
<h3>Leave Messages</h3>
<p>Quisque tortor odio, feugiat vitae velit at, feugiat euis mod nunc. Morbi lectus neque, mollis quis tellus eget, euismod et metus non pulvinar. </p>
</div>
</div>
</div>

OUR PARTNERS (Full_Screen_PaneB · 1) ​

Code:

html
<div class="home03-bg pt-60 pb-60"> <div class="container animation pt-20"> <h3 class="home03-title animation_item scaleUp delay1">OUR PARTNERS</h3> <p class="pb-40 home03-text pt-10 animation_item scaleUp delay2">Sed sollicitudin mi quis sem consequat vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis lorem neque sit amet vestibulum nibh malesuada.</p> <div class="carousel home03-carousel animation_item scaleUp delay3" data-autoplay="true" data-items="4" data-navigation="true" data-pagination="true"> <div class="item"> <div class="img_box"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img01.jpg" /> <div class="content"> <div class="ico"><span class="fa fa-html5"></span></div> <p>Integer fringilla blandit diam, ultricies lacus, in facilisis leo. Vestibulum et turpis</p> </div> </div> </div> <div class="item"> <div class="img_box"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img02.jpg" /> <div class="content"> <div class="ico"><span class="fa fa-css3"></span></div> <p>Integer fringilla blandit diam, ultricies lacus, in facilisis leo. Vestibulum et turpis</p> </div> </div> </div> <div class="item"> <div class="img_box"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img03.jpg" /> <div class="content"> <div class="ico"><span class="fa fa-bitcoin"></span></div> <p>Integer fringilla blandit diam, ultricies lacus, in facilisis leo. Vestibulum et turpis</p> </div> </div> </div> <div class="item"> <div class="img_box"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img04.jpg" /> <div class="content"> <div class="ico"><span class="fa fa-adn"></span></div> <p>Integer fringilla blandit diam, ultricies lacus, in facilisis leo. Vestibulum et turpis</p> </div> </div> </div> <div class="item"> <div class="img_box"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img01.jpg" /> <div class="content"> <div class="ico"><span class="fa fa-digg"></span></div> <p>Integer fringilla blandit diam, ultricies lacus, in facilisis leo. Vestibulum et turpis</p> </div> </div> </div> <div class="item"> <div class="img_box"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img02.jpg" /> <div class="content"> <div class="ico"><span class="fa fa-css3"></span></div> <p>Integer fringilla blandit diam, ultricies lacus, in facilisis leo. Vestibulum et turpis</p> </div> </div> </div> <div class="item"> <div class="img_box"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img03.jpg" /> <div class="content"> <div class="ico"><span class="fa fa-behance"></span></div> <p>Integer fringilla blandit diam, ultricies lacus, in facilisis leo. Vestibulum et turpis</p> </div> </div> </div> <div class="item"> <div class="img_box"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img04.jpg" /> <div class="content"> <div class="ico"><span class="fa fa-adn"></span></div> <p>Integer fringilla blandit diam, ultricies lacus, in facilisis leo. Vestibulum et turpis</p> </div> </div> </div> <div class="item"> <div class="img_box"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img01.jpg" /> <div class="content"> <div class="ico"><span class="fa fa-digg"></span></div> <p>Integer fringilla blandit diam, ultricies lacus, in facilisis leo. Vestibulum et turpis</p> </div> </div> </div> <div class="item"> <div class="img_box"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img02.jpg" /> <div class="content"> <div class="ico"><span class="fa fa-css3"></span></div> <p>Integer fringilla blandit diam, ultricies lacus, in facilisis leo. Vestibulum et turpis</p> </div> </div> </div> <div class="item"> <div class="img_box"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img03.jpg" /> <div class="content"> <div class="ico"><span class="fa fa-behance"></span></div> <p>Integer fringilla blandit diam, ultricies lacus, in facilisis leo. Vestibulum et turpis</p> </div> </div> </div> <div class="item"> <div class="img_box"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img04.jpg" /> <div class="content"> <div class="ico"><span class="fa fa-adn"></span></div> <p>Integer fringilla blandit diam, ultricies lacus, in facilisis leo. Vestibulum et turpis</p> </div> </div> </div> <div class="item"> <div class="img_box"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img01.jpg" /> <div class="content"> <div class="ico"><span class="fa fa-digg"></span></div> <p>Integer fringilla blandit diam, ultricies lacus, in facilisis leo. Vestibulum et turpis</p> </div> </div> </div> <div class="item"> <div class="img_box"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img02.jpg" /> <div class="content"> <div class="ico"><span class="fa fa-css3"></span></div> <p>Integer fringilla blandit diam, ultricies lacus, in facilisis leo. Vestibulum et turpis</p> </div> </div> </div> </div> </div> <div class="pt-20"></div> </div>

OUR SERVICES (Full_Screen_PaneB · 2) ​

Code:

html
<div class="home03-bg02 color-white pt-60 pb-60"> <div class="container pt-20 pb-20 animation"> <h3 class="home03-title02 animation_item scaleUp delay1">OUR SERVICES</h3> <p class="pt-10 pb-60 home03-text animation_item scaleUp delay2">Sed sollicitudin mi quis sem consequat vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />Vivamus quis lorem neque sit amet vestibulum nibh malesuada.</p> <div class="home03-cont02"> <div class="text_img "><img alt="" class="animation_item scaleUp delay3" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img04.png" /> <p style="margin-bottom:0;"><a style="margin-bottom:0;" class="home03-btn animation_item scaleUp delay4" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">MORE SERVICE</a></p> </div> <dl class="text_left animation_item fadeInLeft delay5"> <dt><span class="number">01</span>SKIN SERVICE</dt> <dd>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent est usus legentis in iis qui facit.</dd> <dd class="line">&nbsp;</dd> </dl> <dl class="text_right animation_item fadeInRight delay5"> <dt><span class="number">02</span>MODULE SERVICE</dt> <dd>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent est usus legentis in iis qui facit.</dd> <dd class="line">&nbsp;</dd> </dl> </div> </div> </div> <div class="pt-30"></div>

CREATIVE & BEAUTIFUL WEB DESIGN (RowFour_Grid6_Pane1 · 1) ​

Code:

html
<div class="animation fadeInLeft"> <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat Nam aliquet rutrum eros eu mattis. Morbi tempus dapibus mattis. Aliquam arcu erat, pharetra vitae consectetur eu, pellentesque eget ipsum ligula faucibus, imperdiet massa eu, tempor ante.</p> <p class="pt-30" style="margin-bottom:0;"> <a class="home03-btn02" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">BUY IT NOW</a> </p> </div>

RowFour_Grid6_Pane1 Section (RowFour_Grid6_Pane1 · 2) ​

Code:

html
<div class="pt-60 animation fadeInLeft" style="text-align: center;"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img06.png" style="text-align: center;" /></div>

RowFour_Grid6_Pane2 Section (RowFour_Grid6_Pane2 · 1) ​

Code:

html
<p class="animation fadeInRight pb-20" style="text-align: center;"><img alt="" class="img-responsive mb-60 mb-60" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img05.png" /></p>

RESPONSIVE & POWERFUL DNN TEMPLATES (RowFour_Grid6_Pane2 · 2) ​

Code:

html
<ul class="home03-ibox02 animation fadeInRight"> <li> <div class="ico"><span class="fa fa-file-text"></span></div> <div class="content"> <p>Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis.</p> <a href="https://www.dnngo.net/DNNStore.aspx">LEARN MORE</a> </div> </li> <li> <div class="ico"><span class="fa fa-gift"></span></div> <div class="content"> <p>Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis.</p> <a href="https://www.dnngo.net/DNNStore.aspx">LEARN MORE</a> </div> </li> </ul>

OUR WORKS (Full_Screen_PaneC · 1) ​

Code:

html
<div class="pb-20"><div class="home03-bg03 color-white pt-60 mb-60"> <div class="container pt-20"> <h3 class="home03-title03">OUR WORKS</h3> <p class="pt-10 pb-30 home03-text color_gray">Sed sollicitudin mi quis sem consequat vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />Vivamus quis lorem neque sit amet vestibulum nibh malesuada.</p> </div> <div class="isotope_grid home03-isotope"> <div class="isotope_group animation scaleUp"><a class="active" data-filter="*" href="#">ALL</a> <a data-filter=".photography" href="#">PHOTOGRAPHY</a> <a data-filter=".webdesign" href="#">WEB DESIGN</a> <a data-filter=".image" href="#">IMAGE</a> <a data-filter=".videos" href="#">VIDEOS</a></div> <div class="loading animation scaleUp"> <div class="loading-container container1"> <div class="circle1">&nbsp;</div> <div class="circle2">&nbsp;</div> <div class="circle3">&nbsp;</div> <div class="circle4">&nbsp;</div> </div> <div class="loading-container container2"> <div class="circle1">&nbsp;</div> <div class="circle2">&nbsp;</div> <div class="circle3">&nbsp;</div> <div class="circle4">&nbsp;</div> </div> <div class="loading-container container3"> <div class="circle1">&nbsp;</div> <div class="circle2">&nbsp;</div> <div class="circle3">&nbsp;</div> <div class="circle4">&nbsp;</div> </div> </div> <div class="isotope_main animation" data-min-width="381"> <div class="isotope_item photography webdesign"> <div class="photo"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img08.jpg" /> </a> <div class="content"> <div class="ico"><a href="#"><span class="fa fa-compress"></span></a></div> <h3><a href="#">Module Development</a></h3> <p><a href="#">August 25th,2014</a></p> </div> <a href="#"> </a></div> </div> <div class="isotope_item webdesign image"> <div class="photo"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img09.jpg" /> </a> <div class="content"> <div class="ico"><a href="#"><span class="fa fa-compress"></span></a></div> <h3><a href="#">Module Development</a></h3> <p><a href="#">August 25th,2014</a></p> </div> <a href="#"> </a></div> </div> <div class="isotope_item videos photography"> <div class="photo"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img10.jpg" /> </a> <div class="content"> <div class="ico"><a href="#"><span class="fa fa-compress"></span></a></div> <h3><a href="#">Module Development</a></h3> <p><a href="#">August 25th,2014</a></p> </div> <a href="#"> </a></div> </div> <div class="isotope_item webdesign image"> <div class="photo"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img11.jpg" /> </a> <div class="content"> <div class="ico"><a href="#"><span class="fa fa-compress"></span></a></div> <h3><a href="#">Module Development</a></h3> <p><a href="#">August 25th,2014</a></p> </div> <a href="#"> </a></div> </div> <div class="isotope_item image"> <div class="photo"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img12.jpg" /> </a> <div class="content"> <div class="ico"><a href="#"><span class="fa fa-compress"></span></a></div> <h3><a href="#">Module Development</a></h3> <p><a href="#">August 25th,2014</a></p> </div> <a href="#"> </a></div> </div> <div class="isotope_item videos photography"> <div class="photo"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img13.jpg" /> </a> <div class="content"> <div class="ico"><a href="#"><span class="fa fa-compress"></span></a></div> <h3><a href="#">Module Development</a></h3> <p><a href="#">August 25th,2014</a></p> </div> <a href="#"> </a></div> </div> <div class="isotope_item videos image"> <div class="photo"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img14.jpg" /> </a> <div class="content"> <div class="ico"><a href="#"><span class="fa fa-compress"></span></a></div> <h3><a href="#">Module Development</a></h3> <p><a href="#">August 25th,2014</a></p> </div> <a href="#"> </a></div> </div> <div class="isotope_item photography webdesign videos"> <div class="photo"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img15.jpg" /> </a> <div class="content"> <div class="ico"><a href="#"><span class="fa fa-compress"></span></a></div> <h3><a href="#">Module Development</a></h3> <p><a href="#">August 25th,2014</a></p> </div> <a href="#"> </a></div> </div> </div> </div> </div></div>

AMAZING SKIN (Full_Screen_PaneC · 2) ​

Code:

html
<div class="animation"> <p class="pt-10 pb-30 home03-text animation_item scaleUp delay1">Sed sollicitudin mi quis sem consequat vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />Vivamus quis lorem neque sit amet vestibulum nibh malesuada.</p> <p style="text-align: center;"><a class="home03-btn02 animation_item fadeInLeft delay2" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">PURCHASE IT</a> <a class="home03-btn02 animation_item fadeInRight delay2" href="#">VIEW DEMO</a></p> <div class="animation_item scaleUp delay3" style="text-align: center;"><br /><img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home03-Images/home03-img07.png" /></div> </div>

OUR ABILITY Nemo enim ipsam voluptatem quia volupt (Full_Screen_PaneC · 3) ​

Code:

html
<div class="pb-30"><div class="home03-bg04 color-white pt-60 pb-60"> <div class="container pt-40 pb-60"> <div class="row"> <div class="col-sm-6">&nbsp;</div> <div class="col-sm-6 "> <div class="home03-title04 animation fadeInRight">OUR ABILITY</div> <p class="pb-20 pt-20 animation fadeInRight">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.</p> <div class="home03-loadlist animation fadeInRight"> <div class="progress"> <div data-width="90%" class="bar animation animationwidth a_bg_c">Web Design <span></span> </div> </div> <div class="progress"> <div data-width="95%" class="bar animation animationwidth a_bg_c">HTML5 &amp; CSS3 <span></span> </div> </div> <div class="progress"> <div data-width="85%" class="bar animation animationwidth a_bg_c">Javascript <span></span> </div> </div> <div class="progress"> <div data-width="75%" class="bar animation animationwidth a_bg_c">Programme <span></span> </div> </div> </div> <p class="pt-40 animation fadeInRight"><a class="home03-btn03" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">GET DETAILS</a> </p> </div> </div> </div> </div></div>

CONTACT US (ContentPane · 1) ​

Code:

html
<div class="animation"> <p class="pb-60 home03-text animation_item scaleUp delay1">Sed sollicitudin mi quis sem consequat vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />Vivamus quis lorem neque sit amet vestibulum nibh malesuada.</p> <div class="row pb-30"> <div class="col-sm-4 animation_item scaleUp delay1"> <div class="home03-ibox03"><span class="fa fa-map-marker a_t_c a_b_c"></span> <h3>Find Our Location</h3> <p>XinAn Street HuaFu Building No.263, 15th Floor</p> </div> </div> <div class="col-sm-4 animation_item scaleUp delay2"> <div class="home03-ibox03"><span class="fa fa-phone a_t_c a_b_c"></span> <h3>Call For Services</h3> <p>Miss Lin : (+86) - 2755 - 8888, (+86) - 2766 -9999</p> </div> </div> <div class="col-sm-4 animation_item scaleUp delay3"> <div class="home03-ibox03"><span class="fa fa-envelope a_t_c a_b_c"></span> <h3>Email To Us</h3> <p>[email protected], [email protected]</p> </div> </div> </div> </div>

Form Section (ContentPane) ​

This section uses the DNNGo PowerForms module — see PowerForms.

Code:

html
<div class="animation scaleUp delay1"> <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.</p><br /><ul class="home03-list"> <li><a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">HTML5&amp;CSS3</a></li> <li><a href="https://www.dnngo.net/DNNStore.aspx">Responsive</a></li> <li><a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">Skin Pack </a></li> <li><a href="https://www.dnngo.net/DNNStore.aspx">Mobilesite</a></li> <li><a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">Catalook Skin </a></li> <li><a href="https://www.dnngo.net/DNNStore.aspx">Unlimited Colors</a></li> <li><a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">Blog Post</a></li> <li><a href="https://www.dnngo.net/DNNStore.aspx">Full &amp; Boxed</a></li> <li><a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">Featured Product</a></li> <li><a href="https://www.dnngo.net/DNNStore.aspx">Seven Layout</a></li> <li><a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">Typography</a></li> <li><a href="https://www.dnngo.net/DNNStore.aspx">Membership</a></li> </ul> </div>

WHERE WE ARE (FootPaneB) ​

Code:

html
<div class="animation scaleUp delay2">
<p class="mb-30">In nec enim ac mi pharetra tincidunt. Nulla vitae leo augue. Cras cong ue suscipit odio ut tincidunt. Pellentesque dignissim nibh sed urna euismod, at dignissim arcu dapibus.</p>
<div id="gmap01"></div>
</div>

SOCIAL NETWORKS (FootPaneC) ​

Code:

html
<div class="animation scaleUp delay3"> <p>Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari.</p> <p class="pt-20 pb-20"><a href="#">CLICK HERE TO FOLLOW US</a></p> <div class="home03-social"> <a class="color-1" href="#"><span class="fa fa-twitter"></span> 1580+</a> <a class="color-2" href="#"><span class="fa fa-facebook"></span> 796+</a> <a class="color-3" href="#"><span class="fa fa-apple"></span> 2400+</a> <a class="color-4" href="#"><span class="fa fa-android"></span> 830+</a> </div> </div>