Home Version 15 Page Code
Click to preview the Home Version 15 demo. View demo
Preview:
E-mail: [email protected] (HeaderPane)
Code:
html
E-mail: [email protected]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 SERVICE (TopPane · 1)
Code:
html
<div class="home15-title02">
<h3>OUR SERVICE</h3>
<p>PROFESSION WEB DESIGN FOR WAHT YOU WANT</p>
</div>Responsive web design (TopPane · 2)
Code:
html
<div class="home15-ibox"> <div class="left_box"> <ul class="ibox-animation ibox_left"> <li><span class="number">1</span> <div class="animation fadeInLeft"> <h3>Responsive web design</h3> Our brilliant developers have been using the most advanced and cutting-edge</div> </li> <li><span class="number">2</span> <div class="animation fadeInLeft"> <h3>User Experience</h3> Our brilliant developers have been using the most advanced and cutting-edge </div> </li> <li><span class="number">3</span> <div class="animation fadeInLeft"> <h3>Photography</h3> Our brilliant developers have been using the most advanced and cutting-edge</div> </li> </ul> </div> <div class="center_box"> <div class="ibox_center"> <div class="animation fadeInUp"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home15-Images/home15-pic01.png" /> <p class="pt-10 pb-10"> Lorem ipsum dolor sit amet, ex per vitae iisque, verterem torquatos mei in. An summo hendrerit</p> <a class="home15-btn" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">LEARN MORE</a> </div> </div><br /></div> <div class="right_box"> <ul class="ibox-animation ibox_right"> <li><span class="number">4</span> <div class="animation fadeInRight"> <h3>Mobile & Web Design</h3> Our brilliant developers have been using the most advanced and cutting-edge</div> </li> <li> <span class="number">5</span> <div class="animation fadeInRight"> <h3>Customize Web Development</h3> Our brilliant developers have been using the most advanced and cutting-edge </div> </li> <li> <span class="number">6</span> <div class="animation fadeInRight"> <h3>Commerce Web Development</h3> Our brilliant developers have been using the most advanced and cutting-edge</div> </li> </ul> </div> </div>WHAT YOU CAN GET FROM OUR COMPANY (Full_Screen_PaneB)
Code:
html
<div class="home15-bg pt-30 xs-pt-0"> <div class="bg-shade"></div> <div class="container"> <div class="home15-title animation scaleUp">WHAT YOU CAN GET FORM OUR COMPANY</div> <div class="home15-imginfo animation scaleUp"> <ul> <li class="animation periodic1"><span class="ico"></span>DNN Design & Skinning</li> <li class="animation periodic2"><span class="ico"></span>Mobile Site Development</li> <li class="animation periodic3"><span class="ico"></span>DNN Module Development</li> </ul> <img alt="" class="img-responsive animation scaleUp" src="http://demo8.dnngo.net/portals/13/Home15-Images/home15-pic02.png" /> </div> </div> </div>SOME USEFUL INFORMATION (ContentPane)
Code:
html
<div class="pt-30"></div>
<div class="home15-title02 animation scaleUp">
<h3>WHY CHOOSE US</h3>
<p class="pb-10">DOREN ORCIAC CONVALLIS ALIQUAM, LECTUS TURPIS VARIUS LOREM, EU POSUERE NUNC JUSTO TEMPUS LEO. CLASS APTENT TACITI SOCIOSQU AD LITORA TORQUENT PER CONUB NOSTRA, </p>
</div>
<div class="row animation pb-10 xs-pb-0">
<div class="col-sm-3 animation_item scaleUp delay1">
<div class="home15-ibox02"><span class="fa fa-commenting-o"></span>
<h3>Consult Online</h3>
<p>Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget quammollis lac in venenatis tellus. </p>
</div>
</div>
<div class="col-sm-3 animation_item scaleUp delay2">
<div class="home15-ibox02"><span class="fa fa-clone"></span>
<h3>Clean Design</h3>
<p>Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget quammollis lac in venenatis tellus. </p>
</div>
</div>
<div class="col-sm-3 animation_item scaleUp delay3">
<div class="home15-ibox02"><span class="fa fa-cloud"></span>
<h3>File Adopted</h3>
<p>Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget quammollis lac in venenatis tellus. </p>
</div>
</div>
<div class="col-sm-3 animation_item scaleUp delay4">
<div class="home15-ibox02 xs-mb-0"><span class="fa fa-file-text-o"></span>
<h3>New Products</h3>
<p class="xs-mb-0">Mauris at ultricies eros. Morbi vel dui nec arcu suscipit euismod. Phasellus pellentes untque lectus eget quammollis lac in venenatis tellus. </p>
</div>
</div>
</div>PROVIDE PROFESSIONAL AND (Full_Screen_PaneE)
Code:
html
<div class="home15-bg02 pt-60 pb-30 color-white"> <div class="container pt-10"> <div class="row"> <div class="col-sm-6 phone-center animation fadeInLeft "> <div class="home15-title03"> <h3> PROVIDE PROFESSIONAL AND </h3> <h2>BEAUTIFUL DESIGN</h2> </div> <p>THESE THEMES WILL HELP YOU TO MANAGE YOUR WEBSITE EASILY</p> <p>Cras at ultrices erat, sed vulputate ernos. Nunc at augue gravida est fermentum vulputate. Pellentesque et ipsum in duiea malesuada tempus. Donec dobutelly pellentesque.Donec consectetur diam ac nibh auctor ultricies. Integer mauris lacus, consequat in luctus id.</p> <div class="pt-40 pb-60"> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="home15-btn02">BUY IT NOW</a> <a href="https://www.dnngo.net/DNNStore/tabid/58/ProductID/1647/Default.aspx" class="home15-btn02">GETTING STARTED</a> </div> <div class="pb-30 visible-xs"></div> </div> <div class="col-sm-6 animation fadeInRight"> <div class="home15-title04"> <h3>TRUSTED CLIENTS</h3> <p class="pb-20">Nullam rutrum velit. Maecenas sit amet tincidunt elit lorem ipsum urabitur quis rhoncus tellus, quis lorem ipsum for dolor luctus.</p> <ul class="home15-clients"> <li><img alt="" src="http://demo8.dnngo.net/portals/13/Home15-Images/home15-clients01.png" /></li> <li><img alt="" src="http://demo8.dnngo.net/portals/13/Home15-Images/home15-clients02.png" /></li> <li><img alt="" src="http://demo8.dnngo.net/portals/13/Home15-Images/home15-clients03.png" /></li> <li><img alt="" src="http://demo8.dnngo.net/portals/13/Home15-Images/home15-clients04.png" /></li> <li><img alt="" src="http://demo8.dnngo.net/portals/13/Home15-Images/home15-clients05.png" /></li> <li><img alt="" src="http://demo8.dnngo.net/portals/13/Home15-Images/home15-clients06.png" /></li> </ul> </div> </div> </div><div class="visible-xs pb-60"></div> </div> </div>SOME USEFUL INFORMATION (BottomPane)
Code:
html
<div class="pt-20"></div> <div class="home15-title05"> <h3>SOME USEFUL INFORMATION</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. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim.</p> </div> <div class="home15-cont animation scaleUp"> <div class="cont-left"> <ul class=" Testimonials_tab home15-Testimonials" data-position="roll-left" data-display-arrows="false"> <li><img alt="" src="http://demo8.dnngo.net/portals/13/Home15-Images/home15-pic03.png" /> </li> <li><img alt="" src="http://demo8.dnngo.net/portals/13/Home15-Images/home15-pic04.png" /> </li> <li><img alt="" src="http://demo8.dnngo.net/portals/13/Home15-Images/home15-pic05.png" /> </li> </ul> </div> <div class="cont-right"> <ul class="home15-list"> <li> <div class="info_box"> <h3>Amazing Spider Man / <span>Desige</span></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. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio.</p> </div> </li> <li> <div class="info_box"> <h3>Bibendum Luctus Neque / <span>Programming</span></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. Cras suscipit, quam vitae adipiscing faucibus.</p> </div> </li> <li> <div class="info_box"> <h3>Mcorper Hendrerit Tellus / <span>Photo</span></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. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio.</p> </div> </li> </ul> </div> </div><div style="text-align: center;" class="pb-20"> <a href="https://www.dnngo.net/DNNStore/tabid/58/ProductID/1647/Default.aspx" class="home15-btn" target="blank">KNOW MORE</a> <a href="https://www.dnngo.net/DNNStore/tabid/58/ProductID/1647/Default.aspx" class="home15-btn" target="blank">BUY THE THEME</a></div>OUR SKILLS (Full_Screen_PaneH)
Code:
html
<div class="home15-bg pt-60 pb-40"> <div class="bg-shade"></div> <div class="container pt-10"> <div class="home15-title02 white"><h3>OUR SKILLS</h3></div> <div class="row animation scaleUp"> <div class="col-md-3 col-sm-6"> <div class="home15-percentage" data-percent="95"> <div class="percentage_inner"><span>0</span>% <p>HTML5</p> </div> <em class="arrow"></em> </div> </div> <div class="col-md-3 col-sm-6"> <div class="home15-percentage" data-percent="93"> <div class="percentage_inner"><span>0</span>% <p>PHOTOSHOP</p> </div> <em class="arrow hidden-sm"></em> </div> </div> <div class="col-md-3 col-sm-6"> <div class="home15-percentage" data-percent="91"> <div class="percentage_inner"><span>0</span>% <p>CORELDRAW</p> </div> <em class="arrow"></em> </div> </div> <div class="col-md-3 col-sm-6"> <div class="home15-percentage" data-percent="90"> <div class="percentage_inner"><span>0</span>% <p>CSS3</p> </div> </div> </div> </div> </div> </div>PRICING TABLES (BottomOutPane)
Code:
html
<div class="container pt-30">
<div class="home15-title02">
<h3 class="animation scaleUp" style="font-weight: bold;"> PRICING TABLES </h3>
<p class="animation scaleUp ">Cras at ultrices erat, sed vulputate eros. Nunc at augue gravida est fermentum vulputate. </p>
</div>
<div class="price-table home15-price col3 animation scaleUp ">
<div class="col">
<div class="price_title">
<h2>STANDARD</h2> </div>
<div class="price_holder">
<div class="price_box"> <span class="sup">$</span><span class="price">100</span> <span class="unit">/ MONTH</span> </div>
<ul>
<li>10 Projects</li>
<li>30GB Space</li>
<li>Unlimited Colors</li>
<li>5 Pages</li>
<li>Responsive Web</li>
</ul>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="btn ">Buy It Now</a>
</div>
</div>
<div class="col best-value">
<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">/ MONTH</span> </div>
<ul>
<li>20 Projects</li>
<li>50GB Space</li>
<li>Unlimited Colors</li>
<li>10 Pages</li>
<li>Responsive Web</li>
</ul>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="btn ">Buy It Now</a>
</div>
</div>
<div class="col ">
<div class="price_title">
<h2>BUSINESS</h2> </div>
<div class="price_holder">
<div class="price_box"> <span class="sup">$</span><span class="price">300</span> <span class="unit">/ MONTH</span> </div>
<ul>
<li>50 Projects</li>
<li>200GB Space</li>
<li>Unlimited Colors</li>
<li>50 Pages</li>
<li>Responsive Web</li>
</ul>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="btn ">Buy It Now</a>
</div>
</div>
</div>
<div class="pb-60 pt-10"></div>
</div>ABOUT US (FootPaneD)
Code:
html
<div class="animation fadeInUp "> <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna.</p> <ul class="home15-list02"> <li><span class="fa fa-phone"></span>Phone: (+086)-123-456-789 </li> <li><span class="fa fa-envelope"></span>Email: [email protected] </li> <li><span class="fa fa-fax"></span>Fax: 011-1234-5678-910 </li> </ul> </div>RECENT POSTS (FootPaneE)
Code:
html
<ul class="home15-list03 animation fadeInUp ">
<li><img alt="" src="http://demo8.dnngo.net/portals/13/Home15-Images/home15-pic06.jpg" /> web design: dnngo.net urma
<p>February 28, 2014</p>
</li>
<li><img alt="" src="http://demo8.dnngo.net/portals/13/Home15-Images/home15-pic07.jpg" />Nulla tristique mi massa donec
<p>February 28, 2014</p>
</li>
<li><img alt="" src="http://demo8.dnngo.net/portals/13/Home15-Images/home15-pic08.jpg" />web design: dnngo.net
<p>February 28, 2013</p>
</li>
</ul>COMMENT LINK (FootPaneF)
Code:
html
<ul class="home15-list04 animation fadeInUp ">
<li><span class="fa fa-arrow-right"></span><a target="blank" href="http://store.dnnsoftware.com/home/product-details/unlimited-responsive-dnn-theme-042-v320-retina-shortcodes-bootstrap3-css3animations/r/7ab93d48c5e846d6b199">Donec in ut odio libero at vulputate</a></li>
<li><span class="fa fa-arrow-right"></span><a target="blank" href="http://store.dnnsoftware.com/home/product-details/unlimited-responsive-dnn-theme-042-v320-retina-shortcodes-bootstrap3-css3animations/r/7ab93d48c5e846d6b199">Urna nulla tristique mi a massa</a></li>
<li><span class="fa fa-arrow-right"></span><a target="blank" href="http://store.dnnsoftware.com/home/product-details/unlimited-responsive-dnn-theme-042-v320-retina-shortcodes-bootstrap3-css3animations/r/7ab93d48c5e846d6b199">Convallis cursus nulla eu mi magna.</a></li>
<li><span class="fa fa-arrow-right"></span><a target="blank" href="http://store.dnnsoftware.com/home/product-details/unlimited-responsive-dnn-theme-042-v320-retina-shortcodes-bootstrap3-css3animations/r/7ab93d48c5e846d6b199">Donec in ut odio libero at vulputate </a></li>
<li><span class="fa fa-arrow-right"></span><a target="blank" href="http://store.dnnsoftware.com/home/product-details/unlimited-responsive-dnn-theme-042-v320-retina-shortcodes-bootstrap3-css3animations/r/7ab93d48c5e846d6b199">Nulla tristique mi a massa </a></li>
</ul>NEWSLETTER SIGNUP (FootPaneG · 1)
Code:
html
<div class="animation fadeInUp mb-10">Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna.</div>Form Section (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>