Home Version 1 Page Code

Click to preview the Home Version 1 demo. View demo

Preview:

HomeVersion1

New Awesome App Landing Page Our brilliant develop (BannerPane)

Code:

html

<div class="home01-banner">
<div class="banner-bg">&nbsp;</div>

<div class="container">
<div class="row animation">
<div class="col-sm-6">
<div class="banner-title animation_item fadeInLeft delay1">New <span>Awesome</span> App Landing Page</div>

<div class="banner-content animation_item fadeInLeft delay2">Our brilliant developers have been using the most advanced and cutting-edge development technology.</div>

<div class="banner-link animation_item fadeInLeft delay3"><a href="#">Learn More</a> <a href="#">Download App</a></div>
</div>

<div class="col-sm-6">
<div class="banner-img animation_item fadeInRight delay4"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-banner.png" /></div>
</div>
</div>
</div>
</div>

New Products (TopPane)

Code:

html

<div class="pt-20 pt-20">
  <div class="row animation">
    <div class="col-md-3 col-sm-6 animation_item scaleUp delay1">
      <div class="home01-ibox">
        <div class="ico"><span class="lnr lnr-gift"></span></div>
        <h5>New Products</h5>
        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore mque laudan tium, totam rem aperiam, eaque ipsa quaet quasit.</p>
      </div>
    </div>
    <div class="col-md-3 col-sm-6 animation_item scaleUp delay2">
      <div class="home01-ibox">
        <div class="ico"><span class="lnr lnr-camera2"></span></div>
        <h5>Photo Gallery</h5>
        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore mque laudan tium, totam rem aperiam, eaque ipsa quaet quasit.</p>
      </div>
    </div>
    <div class="clearfix visible-sm">&nbsp;</div>
    <div class="col-md-3 col-sm-6 animation_item scaleUp delay3">
      <div class="home01-ibox">
        <div class="ico"><span class="lnr lnr-thumbs-up"></span></div>
        <h5>Full Support</h5>
        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore mque laudan tium, totam rem aperiam, eaque ipsa quaet quasit.</p>
      </div>
    </div>
    <div class="col-md-3 col-sm-6 animation_item scaleUp delay4">
      <div class="home01-ibox">
        <div class="ico"><span class="lnr lnr-cog"></span></div>
        <h5>Custom Web</h5>
        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore mque laudan tium, totam rem aperiam, eaque ipsa quaet quasit.</p>
      </div>
    </div>
  </div>
</div>

Our Services (Full_Screen_PaneB · 1)

Code:

html

<div class="home01-bg pt-60 pb-60">
<div class="container">
<div class="row animation">
<div class="col-sm-6 animation_item fadeInLeft delay1">
<h3 class="home01-title">Our Services</h3>
<div id="home01-accordion" class="panel-group home01-accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a href="#collapse1_1" data-parent="#home01-accordion" data-toggle="collapse"> <span class="accordion_icon"></span>Many different grid flexible layouts</a> </h4>
</div>
<div class="panel-collapse collapse in" id="collapse1_1">
<div class="panel-body">
<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.</p>
<p>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.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a class="collapsed" href="#collapse1_2" data-parent="#home01-accordion" data-toggle="collapse"> <span class="accordion_icon"></span>Cutting-edge CSS3 animations</a> </h4>
</div>
<div class="panel-collapse collapse" id="collapse1_2">
<div class="panel-body">
<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.</p>
<p>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.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a class="collapsed" href="#collapse1_3" data-parent="#home01-accordion" data-toggle="collapse"> <span class="accordion_icon"></span>Responsive Full Width Slider Banner</a> </h4>
</div>
<div class="panel-collapse collapse" id="collapse1_3">
<div class="panel-body">
<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.</p>
<p>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.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a class="collapsed" href="#collapse1_4" data-parent="#home01-accordion" data-toggle="collapse"> <span class="accordion_icon"></span>Compatible with most browsers</a> </h4>
</div>
<div class="panel-collapse collapse" id="collapse1_4">
<div class="panel-body">
<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.</p>
<p>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.</p>
</div>
</div>
</div>
</div>
<div class="pb-60"> </div>
</div>
<div class="col-sm-6 animation_item fadeInRight delay1">
<h3 class="home01-title">Our Abilities</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nibh diam, blandit vitae vehicula dapibus. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu.  totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae. </p>
<br />
<div class="home01-loadlist">
<p>Web Design</p>
<div class="progress">
<div data-width="87%" class="bar animation animationwidth color-1"> <span></span> </div>
</div>
<p>Photoshop</p>
<div class="progress">
<div data-width="97%" class="bar animation animationwidth color-2"> <span></span> </div>
</div>
<p>Html5 &amp; Css3</p>
<p> </p>
<div class="progress">
<div data-width="80%" class="bar animation animationwidth color-3"> <span></span> </div>
</div>
<p>Javascript</p>
<div class="progress">
<div data-width="77%" class="bar animation animationwidth color-4"> <span></span> </div>
</div>
</div>
<div class="pb-60"> </div>
</div>
</div>
</div>
<div class="pb-20"> </div>
</div>

Featured Products (Full_Screen_PaneB · 2)

Code:

html

<div class="home01-bg02 color-white  pt-60">
  <div class="container animation">
    <h3 class="home01-title02 animation_item scaleUp delay1">Featured Products <span class="icon"> <i class="lnr lnr-clipboard-text"></i></span></h3>
    <p class="pt-10 pb-40 animation_item scaleUp delay2" style="text-align: center;">Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris quis vehicula diam. Lorem ipsum dolor sit amet,<br />
      consectetur adipiscing elit. Maecenas ut pellentesque massa, ut porttitor risus. In eu ligula nisl.</p>
    <div class="home01-cont">
      <div class="text_img animation_item scaleUp delay3"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-img01.png" /></div>
      <dl class="text_left animation_item fadeInLeft delay4">
        <dt>Responsive Web</dt>
        <dd>Ut ut faucibus elit. Maecenas in ultricies sem. Aenean pulvinar auctor elementum.</dd>
        <dd class="line">&nbsp;</dd>
      </dl>
      <dl class="text_right animation_item fadeInRight delay4">
        <dt>Awesome Skin</dt>
        <dd>Ut ut faucibus elit. Maecenas in ultricies sem. Aenean pulvinar auctor elementum.</dd>
        <dd class="line">&nbsp;</dd>
      </dl>
    </div>
  </div>
</div>
<div class="pb-60">&nbsp;</div>

RowFour_Grid6_Pane1 Section (RowFour_Grid6_Pane1 · 1)

Code:

html

<p><img alt="" class="img-responsive mb-60 animation fadeInLeft" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-img02.png" /></p>

Creative Design (RowFour_Grid6_Pane1 · 2)

Code:

html

<div class="animation fadeInLeft">
<p class="mb-30">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec eros eget nisl fringilla comm odoae cenas ornare, augue ut ultricies tristique, enim lectus pretium quam, quis bibendum metus tellus sed placerat ligula aliquam eu sapien eros enatis at dapibus.</p>
<ul class="home01-list">
    <li>Ut enim ad minima veniam, quis nostrum exercitationem ullam</li>
    <li>Corporis suscipit laboriosam, nisi ut aliquid</li>
    <li>Epsum factorial non deposit quid pro quo hic escorol</li>
    <li>Olypian quarrels et gorilla congolium sic ad nauseum</li>
</ul>
<p class="pt-30">
<a class="home01-btn" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="_blank">View Demo</a></p>
</div>

Amazing Features (RowFour_Grid6_Pane2 · 1)

Code:

html

<div class="animation fadeInRight ">
<p class="mb-30">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec eros eget nisl fringilla comm odoae cenas ornare, augue ut ultricies tristique, enim lectus pretium quam, quis bibendum metus tellus sed placerat ligula aliquam eu sapien eros enatis at dapibus.</p>
<ul class="home01-list">
    <li>Ut enim ad minima veniam, quis nostrum exercitationem ullam</li>
    <li>Corporis suscipit laboriosam, nisi ut aliquid</li>
    <li>Epsum factorial non deposit quid pro quo hic escorol</li>
    <li>Olypian quarrels et gorilla congolium sic ad nauseum</li>
</ul>
<p class="pt-30 mb-60"> <a class="home01-btn" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="_blank">View Demo</a></p>
</div>

RowFour_Grid6_Pane2 Section (RowFour_Grid6_Pane2 · 2)

Code:

html

<p><a class="LightBox_youtube animation fadeInRight" href="https://www.youtube.com/watch?v=AkcUoA2f-jU"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-img03.png" /></a></p>

<div class="pb-60 pt-60">&nbsp;</div>

Download App (Full_Screen_PaneC · 1)

Code:

html

<div class="home01-bg03 color-white pt-60 animation ">
<div class="container">
<h3 class="home01-title02 animation_item scaleUp delay1">Download App <span class="icon"> <i class="lnr lnr-download2"></i></span></h3>

<p class="pt-20 pb-20 animation_item scaleUp delay2" style="text-align: center;">Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris quis vehicula diam. Lorem ipsum dolor sit amet,<br />
consectetur adipiscing elit. Maecenas ut pellentesque massa, ut porttitor risus. In eu ligula nisl.</p>

<p class="animation_item scaleUp delay3" style="text-align: center;"><a class="home01-btn02" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="_blank"><span class="fa fa-apple"></span> App Store</a> &nbsp;&nbsp; <a class="home01-btn02" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="_blank"><span class="fa fa-android"></span> Android Store</a></p>
</div>

<div class="home01-imgight animation_item fadeInRight"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-img04.png" /></div>
</div>

Full_Screen_PaneC Section (Full_Screen_PaneC · 2)

Code:

html

<div class="pt-20"></div>

Screenshots (ContentPane)

Code:

html

<div class="animation">
<h3 class="home01-title03 animation_item scaleUp">Screenshots <span class="icon"> <i class="lnr lnr-window"></i></span></h3>

<p class="pt-20 pb-40 animation_item scaleUp delay1" style="text-align: center;">IInterdum et malesuada fames ac ante ipsum primis in faucibus. Mauris quis vehicula diam. Lorem ipsum dolor sit amet,<br />
consectetur adipiscing elit. Maecenas ut pellentesque massa, ut porttitor risus. In eu ligula nisl.</p>

<div class="carousel home01-carousel animation_item scaleUp delay2" data-autoplay="true" data-items="4" data-navigation="false" data-pagination="true">
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-carousel01.jpg" /></a></div>
</div>

<div class="item">
<div class="img_box"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-carousel02.jpg" /></a></div>
</div>

<div class="item">
<div class="img_box"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-carousel03.jpg" /></a></div>
</div>

<div class="item">
<div class="img_box"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-carousel04.jpg" /></a></div>
</div>

<div class="item">
<div class="img_box"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-carousel01.jpg" /></a></div>
</div>

<div class="item">
<div class="img_box"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-carousel02.jpg" /></a></div>
</div>

<div class="item">
<div class="img_box"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-carousel03.jpg" /></a></div>
</div>

<div class="item">
<div class="img_box"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-carousel04.jpg" /></a></div>
</div>

<div class="item">
<div class="img_box"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-carousel01.jpg" /></a></div>
</div>

<div class="item">
<div class="img_box"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-carousel02.jpg" /></a></div>
</div>

<div class="item">
<div class="img_box"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-carousel03.jpg" /></a></div>
</div>

<div class="item">
<div class="img_box"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-carousel04.jpg" /></a></div>
</div>

<div class="item">
<div class="img_box"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-carousel01.jpg" /></a></div>
</div>

<div class="item">
<div class="img_box"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-carousel02.jpg" /></a></div>
</div>

<div class="item">
<div class="img_box"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-carousel03.jpg" /></a></div>
</div>

<div class="item">
<div class="img_box"><a href="#"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-carousel04.jpg" /></a></div>
</div>
</div>

<div class="pb-60">&nbsp;</div>
</div>

BottomOutPane Section (BottomOutPane)

Code:

html

<div class="pt-40"></div>

Contact Us (Home01PaneA)

Code:

html

<div class="animation scaleUp">
<h3 class="home01-title02 pt-60 ">Contact Us<span class="icon"><i class="lnr lnr-envelope"></i></span></h3>

<p class="pt-10" style="text-align: center; color: #ffffff;">Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris quis vehicula diam. Lorem ipsum dolor sit amet,<br />
consectetur adipiscing elit. Maecenas ut pellentesque massa, ut porttitor risus. In eu ligula nisl.</p>
</div>

Form Section (Home01PaneB)

This section uses the DNNGo PowerForms module — see PowerForms.

Home01PaneB Section (Home01PaneB · 2)

Code:

html

<div class="pt-60 pb-60  hidden-xs hidden-sm"></div>

Our Location: XinAn Street No. 264, LanTai Hotel, (Home01PaneC)

Code:

html

<ul class="home01-ibox02 animation fadeInRight">
    <li><span class="fa fa-map-marker"></span>
    <div class="info"> <span>Our Location:</span><br />
    XinAn Street No. 264, LanTai Hotel, DNNGo Company </div>
    </li>
    <li><span class="fa fa-envelope"></span>
    <div class="info"> <span>Email:</span><br />
    Service: dnnskindev@gmailcom<br />
    Support: [email protected]</div>
    </li>
    <li><span class="fa fa-phone-square"></span>
    <div class="info"> <span>Phone:</span><br />
    Office One: (+086)-2733-5688<br />
    Office Two: (+086)-2755-6399 </div>
    </li>
</ul>

Work Process (Home01PaneD)

Code:

html

<div class="dnn_layout">
<div class="clearfix animation">
<h3 class="home01-title03 animation_item scaleUp">Work Process <span class="icon"> <i class="lnr lnr-hammer-wrench"></i></span></h3>

<p class="pt-20 pb-40 animation_item scaleUp delay1" style="text-align: center;">IInterdum et malesuada fames ac ante ipsum primis in faucibus. Mauris quis vehicula diam. Lorem ipsum dolor sit amet,<br />
consectetur adipiscing elit. Maecenas ut pellentesque massa, ut porttitor risus. In eu ligula nisl.</p>

<div class="home01-number row">
<div class="col-md-3 col-sm-6 animation_item fadeInLeft delay2">
<div class="box color-1"><span class="number">01</span>
<div class="info">DEMAND<br />
ANALYSIS</div>
</div>
</div>

<div class="col-md-3 col-sm-6 animation_item fadeInLeft delay3">
<div class="box color-2"><span class="number">02</span>
<div class="info">WEB<br />
DESIGN</div>
</div>
</div>

<div class="clearfix visible-sm">&nbsp;</div>

<div class="col-md-3 col-sm-6 animation_item fadeInLeft delay4">
<div class="box color-3"><span class="number">03</span>
<div class="info">DEVELOP<br />
THEME</div>
</div>
</div>

<div class="col-md-3 col-sm-6 animation_item fadeInLeft delay5">
<div class="box color-4"><span class="number">04</span>
<div class="info">PROGRAM<br />
TEST</div>
</div>
</div>
</div>
</div>
</div>

About Us (FootPaneA)

Code:

html

<div class="animation scaleUp">
<p><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-logocon.png" /></p>

<p>Ut ut faucibus elit. Maecenas in ultricies sem. Aenean pulvinar augue quis libero auctor elementum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus quis nostrud ullamco laboris nisi ut aliquip.</p>

<p>&nbsp;</p>

<p>Maecenas in ultricies sem aenean pulvinar quis libero auctor sociis natoque penatibus et magnis en aolliber.</p>
</div>

Friendly Tags (FootPaneB)

Code:

html

<div class="home01-tag animation scaleUp">
<a href="http://dnngo.net" target="_blank">DNNGo</a>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="_blank">HTML5</a>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="_blank">CSS3</a>
<a href="http://dnngo.net" target="_blank">Skin Pack</a>
<a href="http://dnngo.net" target="_blank">CataLook</a>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="_blank">Shot Codes</a>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="_blank">Features</a>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="_blank">Typography</a>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="_blank">Blogs</a>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="_blank">Responsive</a>
<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="_blank">Mobile Site</a>
</div>

Photo Gallery (FootPaneC)

Code:

html

<ul class="home01-imglist animation scaleUp">
 <li><a class="LightBox_image_gallery" href="http://demo8.dnngo.net/portals/13/Home01-Images/home01-lightbox01.jpg"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-img05.jpg" /></a></li>
 <li><a class="LightBox_image_gallery" href="http://demo8.dnngo.net/portals/13/Home01-Images/home01-lightbox02.jpg"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-img06.jpg" /></a></li>
 <li><a class="LightBox_image_gallery" href="http://demo8.dnngo.net/portals/13/Home01-Images/home01-lightbox03.jpg"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-img07.jpg" /></a></li>
 <li><a class="LightBox_image_gallery" href="http://demo8.dnngo.net/portals/13/Home01-Images/home01-lightbox04.jpg"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-img08.jpg" /></a></li>
 <li><a class="LightBox_image_gallery" href="http://demo8.dnngo.net/portals/13/Home01-Images/home01-lightbox05.jpg"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-img09.jpg" /></a></li>
 <li><a class="LightBox_image_gallery" href="http://demo8.dnngo.net/portals/13/Home01-Images/home01-lightbox06.jpg"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-img10.jpg" /></a></li>
 <li><a class="LightBox_image_gallery" href="http://demo8.dnngo.net/portals/13/Home01-Images/home01-lightbox07.jpg"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-img11.jpg" /></a></li>
 <li><a class="LightBox_image_gallery" href="http://demo8.dnngo.net/portals/13/Home01-Images/home01-lightbox08.jpg"><img alt="" src="http://demo8.dnngo.net/portals/13/Home01-Images/home01-img12.jpg" /></a></li>
</ul>

Get Connected (FooterBottomPaneA)

Code:

html

<div class="animation scaleUp ">
<div class="pt-60">&nbsp;</div>

<h3 class="home01-title02 pt-60">Get Connected<span class="icon"><i class="lnr lnr-link2"></i></span></h3>

<p style="text-align: center;">Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris quis vehicula diam. Lorem ipsum dolor sit amet,<br />
consectetur adipiscing elit. Maecenas ut pellentesque massa, ut porttitor risus. In eu ligula nisl.</p>

<div class="home01-social pt-30 pb-60"><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> <a href="#"><span class="fa fa-android"></span></a> <a href="#"><span class="fa  fa-github"></span></a> <a href="#"><span class="fa  fa-skype"></span></a> <a href="#"><span class="fa fa-delicious"></span></a></div>
</div>

App Site | Recent Post | Comments (FooterPane)

Code:

html

<a href="http://dnngo.net" target="_blank">App Site</a> &nbsp;&nbsp; | &nbsp;&nbsp; <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="_blank">Recent Post</a> &nbsp;&nbsp; | &nbsp;&nbsp; <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="_blank">Comments</a>

Home Version 1 Page Code ​

New Awesome App Landing Page Our brilliant develop (BannerPane) ​

New Products (TopPane) ​

Our Services (Full_Screen_PaneB · 1) ​

Featured Products (Full_Screen_PaneB · 2) ​

RowFour_Grid6_Pane1 Section (RowFour_Grid6_Pane1 · 1) ​

Creative Design (RowFour_Grid6_Pane1 · 2) ​

Amazing Features (RowFour_Grid6_Pane2 · 1) ​

RowFour_Grid6_Pane2 Section (RowFour_Grid6_Pane2 · 2) ​

Download App (Full_Screen_PaneC · 1) ​

Full_Screen_PaneC Section (Full_Screen_PaneC · 2) ​

Screenshots (ContentPane) ​

BottomOutPane Section (BottomOutPane) ​

Contact Us (Home01PaneA) ​

Form Section (Home01PaneB) ​

Home01PaneB Section (Home01PaneB · 2) ​

Our Location: XinAn Street No. 264, LanTai Hotel, (Home01PaneC) ​

Work Process (Home01PaneD) ​

About Us (FootPaneA) ​

Friendly Tags (FootPaneB) ​

Photo Gallery (FootPaneC) ​

Get Connected (FooterBottomPaneA) ​

App Site | Recent Post | Comments (FooterPane) ​

Home Version 1 Page Code

New Awesome App Landing Page Our brilliant develop (BannerPane)

New Products (TopPane)

Our Services (Full_Screen_PaneB · 1)

Featured Products (Full_Screen_PaneB · 2)

RowFour_Grid6_Pane1 Section (RowFour_Grid6_Pane1 · 1)

Creative Design (RowFour_Grid6_Pane1 · 2)

Amazing Features (RowFour_Grid6_Pane2 · 1)

RowFour_Grid6_Pane2 Section (RowFour_Grid6_Pane2 · 2)

Download App (Full_Screen_PaneC · 1)

Full_Screen_PaneC Section (Full_Screen_PaneC · 2)

Screenshots (ContentPane)

BottomOutPane Section (BottomOutPane)

Contact Us (Home01PaneA)

Form Section (Home01PaneB)

Home01PaneB Section (Home01PaneB · 2)

Our Location: XinAn Street No. 264, LanTai Hotel, (Home01PaneC)

Work Process (Home01PaneD)

About Us (FootPaneA)

Friendly Tags (FootPaneB)

Photo Gallery (FootPaneC)

Get Connected (FooterBottomPaneA)

App Site | Recent Post | Comments (FooterPane)