Home Version 29 Page Code
Click to preview the Home Version 29 demo. View demo
Preview:
Banner Section (CoverPane)
This section uses the DNNGo LayerGallery Pro module.
Add the slides (images, text, links) manually in the module — see LayerGallery Pro.
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="home29-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>
<br />Incredible support and development. (TopPane)
Code:
html
<div class="text-center home29-topcon"> <h1 class="home29-h1title">Incredible support and development.</h1> <div class="home29-pr10 home29-pl10 text-center mb-40">Donec consectetur diam ac nibh auctor ultricies. Integer mauris lacus, consequat in luctus id, semper sed felis.Donec consectetur diam ac nibh auctor ultricies. Donec consectetur diam auctor ultricies. </div> <div class="animation zoomIn"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-img17.png" /></div> </div> <div class="row mt-60 animation pb-20"> <div class="col-md-3 col-sm-6 animation_item fadeInUp"> <div class="home29-ibox color-1"> <div class="ico"><span class="fa fa-fire"></span></div> <h5>RESPONSIVE WEB</h5> <p>Donec consectetur diam ac nibh auctor ultricies. Integer mauris lacus, consequat in luctus id, semper sed felis.</p> </div> </div> <div class="col-md-3 col-sm-6 animation_item fadeInUp delay1"> <div class="home29-ibox color-2"> <div class="ico"><span class="fa fa-clock-o"></span></div> <h5>MOBILE DESIGN</h5> <p>Donec consectetur diam ac nibh auctor ultricies. Integer mauris lacus, consequat in luctus id, semper sed felis.</p> </div> </div> <div class="clearfix visible-sm"></div> <div class="col-md-3 col-sm-6 animation_item fadeInUp delay2"> <div class="home29-ibox color-3"> <div class="ico"><span class="fa fa-flag"></span></div> <h5>Settings</h5> <p>Donec consectetur diam ac nibh auctor ultricies. Integer mauris lacus, consequat in luctus id, semper sed felis.</p> </div> </div> <div class="col-md-3 col-sm-6 animation_item fadeInUp delay3"> <div class="home29-ibox color-4 xs-mb-0"> <div class="ico"><span class="fa fa-leaf"></span></div> <h5>PHOTOGRAPHY</h5> <p>Donec consectetur diam ac nibh auctor ultricies. Integer mauris lacus, consequat in luctus id, semper sed felis.</p> </div> </div> </div>ABOUT COMPANY (Full_Screen_PaneB · 1)
Code:
html
<div class="home29-bg01 pt-20 pb-10"> <div class="container pt-60 pb-60"> <div class="row"> <div class="col-sm-6 animation fadeInLeft"> <div class="home29-title01"> <h3>ABOUT COMPANY</h3> </div> <p class="pt-10">Maecenas porttitor orci vitae turpis interdum sit amet dignissim dolor consequat. Aenean iderat lorem, vitae rutrum sem.Phasellus dictum nulla eu nunc varius.</p> <ul class="home29-list01"> <li><span class="fa fa-check-square-o"></span> <a href="#">Nam libero tempore, cum soluta nobis eligendi optio</a> </li> <li><span class="fa fa-check-square-o"></span> <a href="#">Temporibus autem quibusdam officiis debitis</a> </li> <li><span class="fa fa-check-square-o"></span> <a href="#">Officiis debitis necessitatibus saepe quibusdam</a> </li> <li><span class="fa fa-check-square-o"></span> <a href="#">Unde omnis iste natus error sit voluptatem accusan</a> </li> </ul> <div class="pt-20"> <a href="#" class="home29-btn" target="blank"> View More > </a> </div> </div> <div class="col-sm-6 animation fadeInRight"> <div class="carousel home29-carousel" data-navigation="false"> <div class="item"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-img01.jpg" /> </div> <div class="item"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-img02.jpg" /> </div> <div class="item"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-img03.jpg" /> </div> </div> </div> </div> </div> </div>OUR CAPABILITIES (Full_Screen_PaneB · 2)
Code:
html
<div class="home29-bg02 pt-10"> <div class="container pt-60 pb-60"> <div class="home29-title02"> <h3>OUR CAPABILITIES </h3> </div> <p class="home29-pl10 home29-pr10 animation fadeInUp" style="margin-bottom:0"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. </p> <div class="row mt-30 home29-chartlist animation"> <div class="col-md-3 col-sm-6 animation_item scaleUp delay1"> <div class="home29-percentage" data-percent="92"> <div class="percentage_inner"> <span>0</span>%</div> </div> <p class="color-center">Web Design </p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. </p> </div> <div class="col-md-3 col-sm-6 animation_item scaleUp delay2"> <div class="home29-percentage " data-percent="96"> <div class="percentage_inner"> <span>0</span>%</div> </div> <p class="color-center">HTML5 & CSS3 </p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. </p> </div> <div class="clearfix visible-sm"></div> <div class="col-md-3 col-sm-6 animation_item scaleUp delay3"> <div class="home29-percentage " data-percent="90"> <div class="percentage_inner"> <span>0</span>%</div> </div> <p class="color-center">Graphic Design </p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. </p> </div> <div class="col-md-3 col-sm-6 animation_item scaleUp delay4"> <div class="home29-percentage " data-percent="94"> <div class="percentage_inner"> <span>0</span>%</div> </div> <p class="color-center">DNN </p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. </p> </div> </div> </div> </div><div class="pt-60 pb-10"></div>OUR SERVICES (Full_Screen_PaneB · 3)
Code:
html
<div class="dnn_layout pb-30 animation fadeInUp"> <div class="content_mid clearfix"> <p class="text-center home29-pr10 home29-pl10" style="margin-bottom:0;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor.</p> </div> </div>CONSULT ONLINE (Full_Screen_PaneB · 4)
Code:
html
<div> <ul class="home29-ibox02 animation "> <li class="color-1 animation_item fadeIn"> <div class="ico"><span class="fa fa-fire"></span></div> <h5>CONSULT ONLINE</h5> <p>Maecenas porttitor orci vitae turpis interdum sit amet dignissim dolor consequat. Aenean iderat lorem, vitae rutrum sem.Phasellus dictum nulla eu nunc varius pellentesque. Suspendisse facilisis metus id neque fermentum eget rutrum.</p> </li> <li class="color-2 animation_item fadeIn delay1"> <div class="ico"><span class="fa fa-clock-o"></span></div> <h5>CLEAN DESIGN</h5> <p>Maecenas porttitor orci vitae turpis interdum sit amet dignissim dolor consequat. Aenean iderat lorem, vitae rutrum sem.Phasellus dictum nulla eu nunc varius pellentesque. Suspendisse facilisis metus id neque fermentum eget rutrum.</p> </li> <li class="color-3 animation_item fadeIn delay2"> <div class="ico"><span class="fa fa-flag"></span></div> <h5>CUSTOMIZE WEB</h5> <p>Maecenas porttitor orci vitae turpis interdum sit amet dignissim dolor consequat. Aenean iderat lorem, vitae rutrum sem.Phasellus dictum nulla eu nunc varius pellentesque. Suspendisse facilisis metus id neque fermentum eget rutrum.</p> </li> <li class="color-4 animation_item fadeIn delay3"> <div class="ico"><span class="fa fa-leaf"></span></div> <h5>FILE ADOPTED</h5> <p>Maecenas porttitor orci vitae turpis interdum sit amet dignissim dolor consequat. Aenean iderat lorem, vitae rutrum sem.Phasellus dictum nulla eu nunc varius pellentesque. Suspendisse facilisis metus id neque fermentum eget rutrum.</p> </li> </ul> </div><div class="pb-30"></div>RECENT WORKS (ContentPane · 1)
Code:
html
<div class="animation fadeInUp text-center home29-pr10 home29-pl10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus sequi magni odit repellat iure accusNullam dictum felis eu pede set repellat iure accusNullam dictum felis eu pede set.</div>
<div class="isotope_grid home29-isotope pb-60 animation fadeInUp mb-10">
<div class="isotope_group pt-30 pb-30">
<a class="active" href="#" data-filter="*">ALL</a>
<a href="#" data-filter=".photography">PHOTOGRAPHY</a>
<a href="#" data-filter=".webdesign">WEB DESIGN</a>
<a href="#" data-filter=".graphics">GRAPHICS</a>
<a href="#" data-filter=".video">VIDEO</a>
</div>
<div class="loading">
<div class="loading-container container1">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>
<div class="circle4"></div>
</div>
<div class="loading-container container2">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>
<div class="circle4"></div>
</div>
<div class="loading-container container3">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>
<div class="circle4"></div>
</div>
</div>
<div class="isotope_main" data-min-width="250">
<div class="isotope_item photography">
<div class="photo_box ico_LeftAndRight_enter content_bottom_push_in">
<div class="pic_box"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-img04.jpg" />
<div class="ico">
<a href="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-lightbox01.jpg" class="LightBox_image" title="Single Image 1"> <span class="fa fa-search ico_left"></span> </a>
<a target="_blank" href="#"><span class="fa fa-link ico_right"></span></a>
</div>
<div class="content">
<h3>IMAGE TITLE</h3>
<p>Photos,Design</p>
</div>
</div>
</div>
</div>
<div class="isotope_item graphics video">
<div class="photo_box ico_LeftAndRight_enter content_bottom_push_in">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-img05.jpg" />
<div class="ico">
<a href="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-lightbox02.jpg" class="LightBox_image" title="Single Image 1"> <span class="fa fa-search ico_left"></span></a>
<a target="_blank" href="#"><span class="fa fa-link ico_right"></span></a>
</div>
<div class="content">
<h3>IMAGE TITLE</h3>
<p>Photos,Design</p>
</div>
</div>
</div>
</div>
<div class="isotope_item webdesign graphics">
<div class="photo_box ico_LeftAndRight_enter content_bottom_push_in">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-img06.jpg" />
<div class="ico">
<a href="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-lightbox03.jpg" class="LightBox_image" title="Single Image 1"> <span class="fa fa-search ico_left"></span></a>
<a target="_blank" href="#"><span class="fa fa-link ico_right"></span></a>
</div>
<div class="content">
<h3>IMAGE TITLE</h3>
<p>Photos,Design</p>
</div>
</div>
</div>
</div>
<div class="isotope_item webdesign photography">
<div class="photo_box ico_LeftAndRight_enter content_bottom_push_in">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-img07.jpg" />
<div class="ico">
<a href="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-lightbox04.jpg" class="LightBox_image" title="Single Image 1"> <span class="fa fa-search ico_left"></span></a>
<a target="_blank" href="#"><span class="fa fa-link ico_right"></span></a>
</div>
<div class="content">
<h3>IMAGE TITLE</h3>
<p>Photos,Design</p>
</div>
</div>
</div>
</div>
<div class="isotope_item graphics photography">
<div class="photo_box ico_LeftAndRight_enter content_bottom_push_in">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-img08.jpg" />
<div class="ico">
<a href="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-lightbox05.jpg" class="LightBox_image" title="Single Image 1"> <span class="fa fa-search ico_left"></span></a>
<a target="_blank" href="#"><span class="fa fa-link ico_right"></span></a>
</div>
<div class="content">
<h3>IMAGE TITLE</h3>
<p>Photos,Design</p>
</div>
</div>
</div>
</div>
<div class="isotope_item graphics video">
<div class="photo_box ico_LeftAndRight_enter content_bottom_push_in">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-img09.jpg" />
<div class="ico">
<a href="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-lightbox06.jpg" class="LightBox_image" title="Single Image 1"> <span class="fa fa-search ico_left"></span></a>
<a target="_blank" href="#"><span class="fa fa-link ico_right"></span></a>
</div>
<div class="content">
<h3>IMAGE TITLE</h3>
<p>Photos,Design</p>
</div>
</div>
</div>
</div>
<div class="isotope_item webdesign photography">
<div class="photo_box ico_LeftAndRight_enter content_bottom_push_in">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-img10.jpg" />
<div class="ico">
<a href="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-lightbox07.jpg" class="LightBox_image" title="Single Image 1"> <span class="fa fa-search ico_left"></span></a>
<a target="_blank" href="#"><span class="fa fa-link ico_right"></span></a>
</div>
<div class="content">
<h3>IMAGE TITLE</h3>
<p>Photos,Design</p>
</div>
</div>
</div>
</div>
<div class="isotope_item graphics video">
<div class="photo_box ico_LeftAndRight_enter content_bottom_push_in">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-img11.jpg" />
<div class="ico">
<a href="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-lightbox08.jpg" class="LightBox_image" title="Single Image 1"> <span class="fa fa-search ico_left"></span></a>
<a target="_blank" href="#"><span class="fa fa-link ico_right"></span></a>
</div>
<div class="content">
<h3>IMAGE TITLE</h3>
<p>Photos,Design</p>
</div>
</div>
</div>
</div>
</div>
</div>WHAT PEOPLE SAY ABOUT US (ContentPane · 2)
Code:
html
<div class="animation fadeInUp text-center home29-pr10 home29-pl10 pb-30">Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus sequi magni odit repellat iure accusNullam dictum felis eu pede set repellat iure accusNullam dictum felis eu pede set.</div>
<div class="pb-30">
<ul class="home29-ourteam animation">
<li class="animation_item fadeInUp">
<div class="pic"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-img12.jpg" /></div>
<div class="pic-info">
<h4>John Smith</h4>
<h5><span> CEO</span> of the company</h5> </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes</p>
</li>
<li class="animation_item fadeInUp delay1">
<div class="pic"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-img13.jpg" /></div>
<div class="pic-info">
<h4>Harra Halloy</h4>
<h5><span> Artistic Director</span> of the company</h5> </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes</p>
</li>
<li class="clear"> </li>
<li class="animation_item fadeInUp delay2">
<div class="pic"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-img14.jpg" /></div>
<div class="pic-info">
<h4>Andrea Arkov</h4>
<h5><span> Web Designer</span> of the company</h5> </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes</p>
</li>
<li class="animation_item fadeInUp delay3">
<div class="pic"><img alt="" src="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-img15.jpg" /></div>
<div class="pic-info">
<h4>David Chris</h4>
<h5><span> Skin Developer</span> of the company</h5> </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes</p>
</li>
</ul>
</div>New Features (Full_Screen_PaneE)
Code:
html
<div class="home29-bg03 pt-20"> <div class="container pt-60"> <div class="animation fadeInUp pb-30"> <div class="home29-title02"> <h3>New Features</h3> </div> <div class="home29-pr10 home29-pl10">Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus sequi magni odit repellat iure accusNullam dictum felis eu pede set repellat iure accusNullam dictum felis eu pede set.</div> </div> <div class="row home29-ibox03 mt-40 animation"> <div class="col-sm-6 col-md-4 pb-50"> <ul class="left"> <li class="animation_item fadeInLeft delay1"> <h5><span class="fa fa-laptop"></span>RESPONSIVE WEB DESIGN </h5> <p>Maecenas porttitor orci vitae turpis interdum sit amet dignissim dolor consequat. vitae rutrum sem.Phasellus dictum nulla eu nunc varius </p> </li> <li class="animation_item fadeInLeft delay2"> <h5><span class="fa fa-user"></span>USER EXPERIENCE</h5> <p>Maecenas porttitor orci vitae turpis interdum sit amet dignissim dolor consequat. vitae rutrum sem.Phasellus dictum nulla eu nunc varius </p> </li> <li class="animation_item fadeInLeft delay3"> <h5><span class="fa fa-camera"></span>PHOTOGRAPHY</h5> <p>Maecenas porttitor orci vitae turpis interdum sit amet dignissim dolor consequat. vitae rutrum sem.Phasellus dictum nulla eu nunc varius </p> </li> </ul> </div> <div class="col-sm-4 center animation_item fadeInUp"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/Portals/13/Home29-Images/home29-img16.png" /></div> <div class="col-sm-6 col-md-4 pb-50"> <ul class="right"> <li class="animation_item fadeInRight delay1"> <h5><span class="fa fa-mobile-phone"></span>MOBILE & WEB DESIGN </h5> <p>Maecenas porttitor orci vitae turpis interdum sit amet dignissim dolor consequat. vitae rutrum sem.Phasellus dictum nulla eu nunc varius </p> </li> <li class="animation_item fadeInRight delay2"> <h5><span class="fa fa-magic"></span>CUSTOMIZE WEB </h5> <p>Maecenas porttitor orci vitae turpis interdum sit amet dignissim dolor consequat. vitae rutrum sem.Phasellus dictum nulla eu nunc varius </p> </li> <li class="animation_item fadeInRight delay3"> <h5><span class="fa fa-mortar-board"></span>ECOMMERCE WEB </h5> <p>Maecenas porttitor orci vitae turpis interdum sit amet dignissim dolor consequat. vitae rutrum sem.Phasellus dictum nulla eu nunc varius </p> </li> </ul> </div> </div> </div> </div> <div class="pt-30"></div>PRICING TABLES (BottomPane)
Code:
html
<div class="pb-60 text-center home29-pr10 home29-pl10 animation fadeInUp">Lorem ipsum dolor sit amet, consectetur adipisicing elit. temporibus sequi magni odit repellat iure accusNullam dictum felis eu pede set repellat iure
accusNullam dictum felis eu pede set.</div>
<div class="price-table home29-price col5 animation">
<div class="col animation_item scaleUp delay1">
<div class="price_title">
<h3>FREE</h3>
</div>
<div class="price_holder">
<div class="price_box"><span class="sup">$</span><span class="price">0<span class="unit">Per Month</span></span> </div>
<ul>
<li>Responsive Web</li>
<li>Sample Pages</li>
<li>Unlimited Colors</li>
<li>50 Databases</li>
<li>100GB Space</li>
</ul>
<a class="btn small" href="#" target="blank">buy now!</a> </div>
</div>
<div class="col animation_item scaleUp delay2">
<div class="price_title ">
<h3>LIGHT</h3>
</div>
<div class="price_holder">
<div class="price_box"><span class="sup">$</span><span class="price">5<span class="unit">Per Month</span></span> </div>
<ul>
<li>Responsive Web</li>
<li>Sample Pages</li>
<li>Unlimited Colors</li>
<li>50 Databases</li>
<li>100GB Space</li>
</ul>
<a class="btn small" href="#" target="blank">buy now!</a> </div>
</div>
<div class="col animation_item scaleUp delay3">
<div class="price_title">
<h3>BASIC</h3>
</div>
<div class="price_holder">
<div class="price_box"><span class="sup">$</span><span class="price">10<span class="unit">Per Month</span></span> </div>
<ul>
<li>Responsive Web</li>
<li>Sample Pages</li>
<li>Unlimited Colors</li>
<li>50 Databases</li>
<li>100GB Space</li>
</ul>
<a class="btn small" href="#" target="blank">buy now!</a> </div>
</div>
<div class="col best_value animation_item scaleUp delay4">
<div class="price_title">
<h3>SUPER</h3>
</div>
<div class="price_holder">
<div class="price_box"><span class="sup">$</span><span class="price">30<span class="unit">Per Month</span></span> </div>
<ul>
<li>Responsive Web</li>
<li>Sample Pages</li>
<li>Unlimited Colors</li>
<li>50 Databases</li>
<li>100GB Space</li>
</ul>
<a class="btn small" href="#" target="blank">buy now!</a> </div>
</div>
<div class="col animation_item scaleUp delay5">
<div class="price_title">
<h3>DELUXE</h3>
</div>
<div class="price_holder">
<div class="price_box"><span class="sup">$</span><span class="price">50<span class="unit">Per Month</span></span> </div>
<ul>
<li>Responsive Web</li>
<li>Sample Pages</li>
<li>Unlimited Colors</li>
<li>50 Databases</li>
<li>100GB Space</li>
</ul>
<a class="btn small" href="#" target="blank">buy now!</a> </div>
</div>
</div>THE SECOND BOX STYLE (BottomOutPane)
Code:
html
<div class="home29-bg04 mt-20"> <div class="container pt-60 pb-60 animation fadeInUp"> <div class="home29-fullbox"> <h3 class="title">THE SECOND BOX STYLE</h3> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse purus nec placerat bibendbibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam</p> <a href="#" class="home29-btn02" target="blank">More Information</a> </div> </div> </div>ABOUT US (FootPaneD)
Code:
html
<div class="animation scaleUp"> <p>Lorem ipsum dolor sit amet, consetetur vidunt ut labore et dolore Donec id elit llus ac cursus commodo, tortor mauris s et accusam et justo duo dolores et ea sum dolor sit amet, consectetur nvalli.</p> <div class="home29-social pt-10 clearfix"> <a href="#"><span class="fa fa-twitter-square"></span></a> <a href="#"><span class="fa fa-tumblr-square"></span></a> <a href="#"><span class="fa fa-facebook-square"></span></a> <a href="#"><span class="fa fa-lastfm-square"></span></a> <a href="#"><span class="fa fa-google-plus-square"></span></a> <a href="#"><span class="fa fa-behance-square"></span></a> </div> </div>CONTACT INFO (FootPaneE)
Code:
html
<ul class="home29-footerlist animation scaleUp delay1">
<li><span class="fa fa-map-marker"></span>usto duo dolores et ea sum dolor sit amet, consectetur no.12345 nvallis egestas rhoncus</li>
<li><span class="fa fa-phone"></span>Phone: +( 1 )-123-456-789-0</li>
<li><span class="fa fa-envelope"></span>Email: [email protected]</li>
</ul>GOOGLE MAP (FootPaneF)
Code:
html
<div id="gmap01"></div>CONTACT US (FootPaneG)
This section uses the DNNGo PowerForms module — see PowerForms.
App Site | Recent Post | Comments (FooterPane)
Code:
html
<a href="#">App Site</a> | <a href="#">Recent Post</a> | <a href="#">Comments</a>