Home Version 14 Page Code
Click to preview the Home Version 14 demo. View demo
Preview:
Email: [email protected] &nbs (HeaderPane)
Code:
html
Email: [email protected]      Time: Monday to FridayHeaderPaneB Section (HeaderPaneB)
Code:
html
<div class="home14-social">
<a href="#"><span class="fa fa-facebook-square color-1"></span> </a>
<a href="#"><span class="fa fa-twitter-square color-2"></span> </a>
<a href="#"><span class="fa fa-linkedin-square 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.
OUR QUALITY SERVICE (TopPane · 1)
Code:
html
<div class="animation zoomIn" style="text-align: center;">Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, <br />
quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim.<br />
</div>RESPONSIVE WEB (TopPane · 2)
Code:
html
<br />
<div class="row animation pb-30">
<div class="col-md-3 col-sm-6 animation_item scaleUp delay1">
<div class="home14-ibox">
<div class="icon"><span class="fa fa-tablet"></span></div>
<h3>RESPONSIVE WEB</h3>
<p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida.</p>
<p>
<a target="_blank" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">More info >></a>
</p>
</div>
<div class="visible-sm visible-xs pb-40"></div>
</div>
<div class="col-md-3 col-sm-6 animation_item scaleUp delay2">
<div class="home14-ibox">
<div class="icon"><span class="fa fa-laptop"></span></div>
<h3>MOBILE DESIGN</h3>
<p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida.</p>
<p>
<a target="_blank" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">More info >></a>
</p>
</div>
<div class="visible-sm visible-xs pb-40"></div>
</div>
<div class="clearfix visible-sm"></div>
<div class="col-md-3 col-sm-6 animation_item scaleUp delay3">
<div class="home14-ibox">
<div class="icon"><span class="fa fa-gears"></span></div>
<h3>CUSTOMIZE WEB </h3>
<p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida.</p>
<p>
<a target="_blank" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">More info >></a>
</p>
</div>
<div class="visible-xs pb-40"></div>
</div>
<div class="col-md-3 col-sm-6 animation_item scaleUp delay4">
<div class="home14-ibox">
<div class="icon"><span class="fa fa-image"></span></div>
<h3>PHOTOGRAPHY</h3>
<p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida.</p>
<p>
<a target="_blank" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">More info >></a>
</p>
</div>
</div>
</div>Photographic Lens (Full_Screen_PaneB · 1)
Code:
html
<div class="home14-bg pt-60 pb-60">
<div class="container clearfix animation fadeIn pt-10">
<div class="home14-title pb-20 text-center">THE POPULAR PRODUCTS</div>
<p class=" pb-20 text-center">Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim.</p>
</div>
<div data-pagination="false" class="carousel home14-carousel animation zoomIn pb-10">
<div class="item">
<div class="photo_box img_zoom ico_zoom">
<a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic01.jpg">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic01.jpg" /> </div>
</a>
<div class="text">
<h3>Photographic Lens </h3> </div>
</div>
</div>
<div class="item">
<div class="photo_box img_zoom ico_zoom">
<a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic02.jpg">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic02.jpg" /> </div>
</a>
<div class="text">
<h3>A Quiet Life</h3> </div>
</div>
</div>
<div class="item">
<div class="photo_box img_zoom ico_zoom">
<a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic03.jpg">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic03.jpg" /> </div>
</a>
<div class="text">
<h3>The Designer's Afternoon </h3> </div>
</div>
</div>
<div class="item">
<div class="photo_box img_zoom ico_zoom">
<a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic04.jpg">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic04.jpg" /> </div>
</a>
<div class="text">
<h3>Vintage Classic </h3> </div>
</div>
</div>
<div class="item">
<div class="photo_box img_zoom ico_zoom">
<a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic05.jpg">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic05.jpg" /> </div>
</a>
<div class="text">
<h3>Photographic Lens </h3> </div>
</div>
</div>
<div class="item">
<div class="photo_box img_zoom ico_zoom">
<a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic01.jpg">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic01.jpg" /> </div>
</a>
<div class="text">
<h3>A Quiet Life</h3> </div>
</div>
</div>
<div class="item">
<div class="photo_box img_zoom ico_zoom">
<a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic02.jpg">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic02.jpg" /> </div>
</a>
<div class="text">
<h3>The Designer's Afternoon </h3> </div>
</div>
</div>
<div class="item">
<div class="photo_box img_zoom ico_zoom">
<a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic03.jpg">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic03.jpg" /> </div>
</a>
<div class="text">
<h3>Vintage Classic </h3> </div>
</div>
</div>
<div class="item">
<div class="photo_box img_zoom ico_zoom">
<a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic04.jpg">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic04.jpg" /> </div>
</a>
<div class="text">
<h3>Photographic Lens </h3> </div>
</div>
</div>
<div class="item">
<div class="photo_box img_zoom ico_zoom">
<a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic05.jpg">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic05.jpg" /> </div>
</a>
<div class="text">
<h3>A Quiet Life</h3> </div>
</div>
</div>
<div class="item">
<div class="photo_box img_zoom ico_zoom">
<a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic01.jpg">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic01.jpg" /> </div>
</a>
<div class="text">
<h3>The Designer's Afternoon </h3> </div>
</div>
</div>
<div class="item">
<div class="photo_box img_zoom ico_zoom">
<a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic02.jpg">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic02.jpg" /> </div>
</a>
<div class="text">
<h3>Vintage Classic </h3> </div>
</div>
</div>
</div>
</div>Full_Screen_PaneB Section (Full_Screen_PaneB · 2)
Code:
html
<div class="pb-30"></div>EXTRAORDINARY CREATIVITY (RowFour_Grid6_Pane1)
Code:
html
<div class=" animation fadeInLeft"> Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. <ul class="home14-list"> <li><span class="ico">1</span>Clear and Clean Design</li> <li><span class="ico">2</span>Unique Portfolio and Blog</li> <li><span class="ico">3</span>Many Kinds of Theme Styles</li> <li><span class="ico">4</span>Layer Slider</li> <li><span class="ico">5</span>Box/Full Shortcodes Design</li> <li><span class="ico">6</span>Responsive Web Design</li> <li><span class="ico">7</span>Unlimited Colors</li> <li><span class="ico">8</span>400 Kinds of Icons That You Can Choose From</li> </ul><br class="hidden-xs"/></div>RowFour_Grid6_Pane2 Section (RowFour_Grid6_Pane2)
Code:
html
<p style="text-align: center;"><img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic06.png" class="img-responsive animation fadeInRight " /><br class="hidden-xs"/><br /></p>OUR CLIENTS Donec in ut odio libero, at vulputate (Full_Screen_PaneC · 1)
Code:
html
<div class="home14-bg02 text_left">
<div class="bg-shade pt-60 pb-60">
<div class="container pt-20 pb-10">
<div class="row">
<div class="col-sm-6 animation fadeInLeft ">
<div class="home14-title03">OUR CLIENTS</div>
<div class="home14-logolist">
<li><img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-logo01.png" /></li>
<li><img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-logo02.png" /></li>
<li><img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-logo03.png" /></li>
</div><br />Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim.<br /><br />Nam ea labitur pericula. Meis tamquam pro te, cibo mutat necessitatibus id vim. An his tamquam postulant, pri id mazim nostrud diceret sapientem eloquentiam sea cu, sea ut exerci delicata. Corrumpit vituperata.
<div class="visible-xs pb-60"></div>
</div>
<div class="col-sm-6 animation fadeInRight">
<div class="home14-title03">OUR SKILLS</div>
<div class="home14-loadlist">
<div class="progress">
<p>PHOTOSHOP: 90%</p>
<div data-width="90%" class="bar animation animationwidth"></div>
</div>
<div class="progress">
<p>HTML / CSS: 96%</p>
<div data-width="96%" class="bar accentColor animation animationwidth"></div>
</div>
<div class="progress">
<p>ILLUSTRATE: 92%</p>
<div data-width="92%" class="bar animation animationwidth"> </div>
</div>
<div class="progress">
<p>COREDREL: 95%</p>
<div data-width="95%" class="bar animation animationwidth"></div>
</div>
</div>
</div>
</div>
</div>
<div class="visible-xs pb-20"></div>
</div>
</div>Full_Screen_PaneC Section (Full_Screen_PaneC · 2)
Code:
html
<div class="pb-30 hidden-xs"></div>RowSeventeen_Grid6_Pane1 Section (RowSeventeen_Grid6_Pane1)
Code:
html
<div class="animation fadeInLeft"><span class="hidden-xs"> </span><img alt="" class="img-responsive animationhover swing" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic10.png" /></div>BUILT WITH CLEAN CODING (RowSeventeen_Grid6_Pane2)
Code:
html
<div class="animation fadeInRight"> Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim.<br /><br />Nam ea labitur pericula. Meis tamquam pro te, cibo mutat necessitatibus id vim. An his tamquam postulant, pri id mazim nostrud diceret sapientem eloquentiam sea cu, sea ut exerci delicata. Corrumpit vituperata.<br /><br /><a class="home14-btn" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="_blank">VIEW DETAIL</a> </div>Nunc ornare (BottomPane)
Code:
html
<div class="pt-10"></div> <div class="home14-title02 animation fadeIn text-center">RECENT BLOGS</div> <p class="animation fadeIn text-center pb-30">Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. </p> <div class="row animation pb-20"> <div class="col-sm-4"> <div class="home14-ibox03 animation_item scaleUp delay1"> <div class="photo_box shade_zoom"> <a href="#" target="_blank"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic11.jpg" /></div> </a> </div> <div class="text"> <h3>Nunc ornare</h3> <div class="info">August 1, 2016</div> <p>Nam ea labitur pericula. Meis tamquam pro te, cibo mutat necessitatibus id vim. An his tamquam postulant, nostrud diceret. </p> <div class="social-list clearfix"> <a href="#"><span class="fa fa-facebook"></span></a> <a href="#"><span class="fa fa-twitter"></span></a> <a href="#"><span class="fa fa-dribbble"></span></a> <a href="#"><span class="fa fa-linkedin"></span></a> </div> </div> </div> </div> <div class="col-sm-4"> <div class="home14-ibox03 animation_item scaleUp delay2"> <div class="photo_box shade_zoom"> <a href="#" target="_blank"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic12.jpg" /></div> </a> </div> <div class="text"> <h3>Adipiscing orci</h3> <div class="info">July 20, 2016</div> <p>Nam ea labitur pericula. Meis tamquam pro te, cibo mutat necessitatibus id vim. An his tamquam postulant, nostrud diceret. </p> <div class="social-list clearfix"> <a href="#"><span class="fa fa-facebook"></span></a> <a href="#"><span class="fa fa-twitter"></span></a> <a href="#"><span class="fa fa-dribbble"></span></a> <a href="#"><span class="fa fa-linkedin"></span></a> </div> </div> </div> </div> <div class="col-sm-4"> <div class="home14-ibox03 animation_item scaleUp delay3 xs-pb-0"> <div class="photo_box shade_zoom"> <a href="#" target="_blank"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic13.jpg" /></div> </a> </div> <div class="text"> <h3>Eu consectetur</h3> <div class="info">July 13, 2016</div> <p>Nam ea labitur pericula. Meis tamquam pro te, cibo mutat necessitatibus id vim. An his tamquam postulant, nostrud diceret. </p> <div class="social-list clearfix"> <a href="#"><span class="fa fa-facebook"></span></a> <a href="#"><span class="fa fa-twitter"></span></a> <a href="#"><span class="fa fa-dribbble"></span></a> <a href="#"><span class="fa fa-linkedin"></span></a> </div> </div> </div> </div> </div>OUR PRICING TABLES (Full_Screen_PaneH · 1)
Code:
html
<div class="home14-bg03 pt-60 pb-60">
<div class="container pt-10 pb-10">
<div class="home14-title04"> <small>THERE ARE</small>
<h3>OUR PRICING TABLES</h3> <span class="icon"><em class="fa fa-star-o"></em></span> </div>
<div class="price-table home14-price row">
<div class="col-sm-6 col-md-3">
<div class="price_holder color1 animation zoomInUp delay1">
<div class="price_box">
<div class="price_title ">
<h2>Basic</h2> </div> <span class="sup">$</span> <span class="price">10</span><span class="unit">/ Month</span>
<p>Nam ea labitur pericula. Meis tamquam pro te.</p>
</div>
<ul>
<li><span class="fa fa-star-o"></span>Responsive Web</li>
<li><span class="fa fa-star-o"></span>Unlimited Colors</li>
<li> </li>
<li> </li>
</ul>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="btn">PURCHASE</a>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="price_holder color2 animation zoomInUp delay2 best_value">
<div class="price_box">
<div class="price_title ">
<h3>MOST POPULAR</h3>
<h2>Professsional</h2> </div> <span class="sup">$</span> <span class="price">30</span><span class="unit">/ Month</span>
<p>Nam ea labitur pericula. Meis tamquam pro te.</p>
</div>
<ul>
<li><span class="fa fa-star-o"></span>Responsive Web</li>
<li><span class="fa fa-star-o"></span>Unlimited Colors</li>
<li><span class="fa fa-star-o"></span>Blog</li>
<li><span class="fa fa-star-o"></span>HTML5 & CSS3</li>
</ul>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="btn">PURCHASE</a>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="price_holder color3 animation zoomInUp delay3">
<div class="price_box">
<div class="price_title ">
<h2>Maximum</h2> </div> <span class="sup">$</span> <span class="price">20</span><span class="unit">/ Month</span>
<p>Nam ea labitur pericula. Meis tamquam pro te.</p>
</div>
<ul>
<li><span class="fa fa-star-o"></span>Responsive Web</li>
<li><span class="fa fa-star-o"></span>Unlimited Colors</li>
<li><span class="fa fa-star-o"></span>Blog</li>
<li> </li>
</ul>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="btn">PURCHASE</a>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="price_holder color4 animation zoomInUp delay4">
<div class="price_box">
<div class="price_title ">
<h2>Extreme</h2> </div> <span class="sup">$</span> <span class="price">15</span><span class="unit">/ Month</span>
<p>Nam ea labitur pericula. Meis tamquam pro te.</p>
</div>
<ul>
<li><span class="fa fa-star-o"></span>Responsive Web</li>
<li><span class="fa fa-star-o"></span>Unlimited Colors</li>
<li><span class="fa fa-star-o"></span>Blog</li>
<li> </li>
</ul>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="btn">PURCHASE</a>
</div>
</div>
</div>
</div>
</div>CLIENT TESTIMONIALS (Full_Screen_PaneH · 2)
Code:
html
<div class="container pt-60 mt-10 pb-10"> <div class="home14-title05"> <h3><span>OUR TEAM & MEMBERS</span></h3> </div> <div class="slider_wrapper home14-circle animation zoomIn"> <div data-lower_text_label_show="1" data-lower_text_label="Ben " data-link_target="_blank" data-link_url="#" data-image="http://demo8.dnngo.net/portals/13/Home14-Images/home14-member01.jpg" class="slider_item"> <div class="slider_wrap"> <h3 class="pic_name">Ben </h3> <blockquote> <p>“Aenean mollis tortor placerat mauris ornare suscipit. Praesent vitae faucibus sem. Nulla facilisi. Suspendisse quam dolor, suscipit tincidunt venenatis malesuada, interdum eu erat. Donec tempor tristique ”</p> <small> — Ben (CEO of company)</small> </blockquote> </div> <div class="clear"></div> </div> <div data-lower_text_label_show="1" data-lower_text_label="Simth" data-link_target="_blank" data-link_url="#" data-image="http://demo8.dnngo.net/portals/13/Home14-Images/home14-member02.jpg" class="slider_item"> <div class="slider_wrap"> <h3 class="pic_name">Simth</h3> <blockquote> <p>“Aenean mollis tortor placerat mauris ornare suscipit. Praesent vitae faucibus sem. Nulla facilisi. Suspendisse quam dolor, suscipit tincidunt venenatis malesuada, interdum eu erat. Donec tempor tristique ”</p> <small> — Simth (CEO of company)</small> </blockquote> </div> <div class="clear"></div> </div> <div data-lower_text_label_show="1" data-lower_text_label="Angela" data-link_target="_blank" data-link_url="#" data-image="http://demo8.dnngo.net/portals/13/Home14-Images/home14-member03.jpg" class="slider_item"> <div class="slider_wrap"> <h3 class="pic_name">Angela</h3> <blockquote> <p>“Aenean mollis tortor placerat mauris ornare suscipit. Praesent vitae faucibus sem. Nulla facilisi. Suspendisse quam dolor, suscipit tincidunt venenatis malesuada, interdum eu erat. Donec tempor tristique ”</p> <small> — Angela (Calibrated Design)</small> </blockquote> </div> <div class="clear"></div> </div> <div data-lower_text_label_show="1" data-lower_text_label="Jackson doe" data-link_target="_blank" data-link_url="#" data-image="http://demo8.dnngo.net/portals/13/Home14-Images/home14-member04.jpg" class="slider_item"> <div class="slider_wrap"> <h3 class="pic_name">Jackson doe</h3> <blockquote> <p>“Aenean mollis tortor placerat mauris ornare suscipit. Praesent vitae faucibus sem. Nulla facilisi. Suspendisse quam dolor, suscipit tincidunt venenatis malesuada, interdum eu erat. Donec tempor tristique ”</p> <small> — Jackson doe (Divine Solutions)</small> </blockquote> </div> <div class="clear"></div> </div> <div data-lower_text_label_show="1" data-lower_text_label="Alexander " data-link_target="_blank" data-link_url="#" data-image="http://demo8.dnngo.net/portals/13/Home14-Images/home14-member05.jpg" class="slider_item"> <div class="slider_wrap"> <h3 class="pic_name">Alexander </h3> <blockquote> <p>“Aenean mollis tortor placerat mauris ornare suscipit. Praesent vitae faucibus sem. Nulla facilisi. Suspendisse quam dolor, suscipit tincidunt venenatis malesuada, interdum eu erat. Donec tempor tristique ”</p> <small> — Alexander (CEO of company)</small> </blockquote> </div> <div class="clear"></div> </div> <div data-lower_text_label_show="1" data-lower_text_label="Annie " data-link_target="_blank" data-link_url="#" data-image="http://demo8.dnngo.net/portals/13/Home14-Images/home14-member06.jpg" class="slider_item"> <div class="slider_wrap"> <h3 class="pic_name">Annie </h3> <blockquote> <p>“Aenean mollis tortor placerat mauris ornare suscipit. Praesent vitae faucibus sem. Nulla facilisi. Suspendisse quam dolor, suscipit tincidunt venenatis malesuada, interdum eu erat. Donec tempor tristique ”</p> <small> — Annie (CEO of company)</small> </blockquote> </div> <div class="clear"></div> </div> <div data-lower_text_label_show="1" data-lower_text_label=" Alan" data-link_target="_blank" data-link_url="#" data-image="http://demo8.dnngo.net/portals/13/Home14-Images/home14-member07.jpg" class="slider_item"> <div class="slider_wrap"> <h3 class="pic_name"> Alan</h3> <blockquote> <p>“Aenean mollis tortor placerat mauris ornare suscipit. Praesent vitae faucibus sem. Nulla facilisi. Suspendisse quam dolor, suscipit tincidunt venenatis malesuada, interdum eu erat. Donec tempor tristique ”</p> <small> — Alan (Calibrated Design)</small> </blockquote> </div> <div class="clear"></div> </div> </div> </div>About Us (FootPaneA)
Code:
html
<div class="animation fadeInUp">
<div class="big-size">
<p><span class="fa fa-check-square-o"></span> Donec in ut odio libero, at vulputate urna. Nulla</p>
<p><span class="fa fa-check-square-o"></span> tristique mi a massa convallis cursus. </p>
<p><span class="fa fa-check-square-o"></span> Etiam suscipit commodo gravida.</p>
<p class="pt-10 pb-10">Nam ea labitur pericula. Meis tamquam pro te, cibo mutat necessitatibus id vim. </p>
</div>
<ul class="home14-info">
<li><span class="fa fa-phone"></span> (+086)-123-456</li>
<li><span class="fa fa-envelope"></span> [email protected]</li>
</ul>
</div>Recent News (FootPaneB)
Code:
html
<ul class="home14-ibox02 animation fadeInUp">
<li><img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic14.jpg" />
<p>Donec in ut odio libero, at vulputate urna.</p>
<span>16 may 2014</span></li>
<li><img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic15.jpg" />
<p>Donec in ut odio libero, at vulputate urna.</p>
<span>16 may 2014</span></li>
<li><img alt="" src="http://demo8.dnngo.net/portals/13/Home14-Images/home14-pic16.jpg" />
<p>Donec in ut odio libero, at vulputate urna.</p>
<span>16 may 2014</span></li>
</ul>Contact Us (FootPaneC)
This section uses the DNNGo PowerForms module — see PowerForms.
Follow Social Icon : (FooterPane)
Code:
html
Follow Social Icon : <div class="home14-social02 clearfix"> <a href="#"><span class="fa fa-facebook"></span></a> <a href="#"><span class="fa fa-twitter"></span></a> <a href="#"><span class="fa fa-dribbble"></span></a> <a href="#"><span class="fa fa-linkedin"></span></a> </div>