Home Version 22 Page Code

Click to preview the Home Version 22 demo. View demo

Preview:

HomeVersion22

Create your New App Page Enjoy innovative, persona (BannerPane)

Code:

html

<div class="home22-bannerbox"> <ul class="home22-banner"> <div class="content animation"> <div class="title"> <div class="animation-1 animation_item scaleUp delay1">Create your New App Page</div> <div class="animation-2 animation_item scaleUp delay2">Enjoy innovative, personalized and powerful services for your online business</div> </div> <div class="home22-btn animation_item scaleUp delay3"><a href="#">DOWNLOAD NOW</a><a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">LEARN MORE</a></div> </div> <div class="bottom-img"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-banner01.png" class="animation-3 animation fadeInLeft" /> <img alt="" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-banner02.png" class="animation-4 animation fadeIn" /> <img alt="" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-banner03.png" class="animation-5 animation fadeInRight" /> </div> </ul> </div>

Our Service (Full_Screen_PaneA · 1)

Code:

html

<div class="container pt-20 xs-pt-0"> <div class="home22-ibox text-center"> <div class="row animation"> <div class="col-sm-6 col-md-3 animation_item scaleUp delay1"> <span class="lnr lnr-document xs-pt-0"></span> <h5>Document</h5> <p>Donec consectetur diam ac nibh auctor ultricies. Integer mauris lacus, consequat in luctus id, semper sed felis.</p> </div> <div class="col-sm-6 col-md-3 animation_item scaleUp delay2"> <span class="lnr lnr-ping-pong"></span> <h5>Ping Pong</h5> <p>Donec consectetur diam ac nibh auctor ultricies. Integer mauris lacus, consequat in luctus id, semper sed felis.</p> </div> <div class="col-sm-6 col-md-3 animation_item scaleUp delay3"> <span class="lnr lnr-pushpin"></span> <h5>Book Pins</h5> <p>Donec consectetur diam ac nibh auctor ultricies. Integer mauris lacus, consequat in luctus id, semper sed felis.</p> </div> <div class="col-sm-6 col-md-3 animation_item scaleUp delay4"><span class="lnr lnr-clock"></span> <h5>Time O&rsquo;clock</h5> <p>Donec consectetur diam ac nibh auctor ultricies. Integer mauris lacus, consequat in luctus id, semper sed felis.</p> </div> </div> <img alt="" class="img_display img-responsive animation scaleUp" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-img01.png" /> </div> </div>

Watch The Featured Videos (Full_Screen_PaneA · 2)

Code:

html

<div class="home22-vedio  animation zoomIn">
<div class="photo_box default_show ">
<a class="LightBox_youtube" href="http://www.youtube.com/watch?v=AkcUoA2f-jU">
<div class="pic_box">
<img alt="" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-video.jpg" />
<div class="ico ico_no_bg">
<span class="fa fa-play"></span>
<div>Watch The Featured Videos</div>
</div>
</div>
</a>
</div>
</div>

Responsive, Retina Ready & Clean (Full_Screen_PaneA · 3)

Code:

html

<div class="container pt-60 pb-60"> <div class="row pt-20 pb-20"> <div class="col-sm-12 col-md-6 text-center animation fadeInLeft"> <img alt="" class="img-responsive img_display" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-img02.png" /><div class="visible-xs pb-60"></div> </div> <div class="col-sm-12 col-md-6"> <div class="home22-content1"> <h3>Responsive, Retina Ready &amp; Clean</h3> <p class="animation fadeInRight">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridicul us mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.</p> <div class="home22-content1-list clearfix animation fadeInRight"> <span class="lnr lnr-desktop"></span> <div class="text_hidden"> <h4>Responsive Design</h4> <p>Compatible with desktops, laptops and mobile devices</p> </div> </div> <div class="home22-content1-list clearfix animation fadeInRight"> <span class="lnr lnr-cog"></span> <div class="text_hidden"> <h4>Customized Settings</h4> <p>Our skins and modules are creative, SEO friendly</p> </div> </div> <div class="home22-content1-list clearfix animation fadeInRight"> <span class="lnr lnr-briefcase"></span> <div class="text_hidden"> <h4>Popular Products</h4> <p>Customization services ensure what exactly you want</p> </div> </div> </div> </div> </div> </div>

Extensively Experienced Teams (Full_Screen_PaneA · 4)

Code:

html

<div class="home22-bg01"> <div class="container pt-60 pb-60"> <div class="row pt-20 pb-20"> <div class="col-sm-12 col-md-6"> <div class="home22-content1"> <h3>Extensively Experienced Teams</h3> <p class="animation fadeInLeft">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridicul us mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.</p> <div class="home22-content1-list clearfix animation fadeInLeft"><span class="lnr lnr-broom"></span> <div class="text_hidden"> <h4>Appealing Skins</h4> <p>Develop business solutions that fit to your needs</p> </div> </div> <div class="home22-content1-list clearfix animation fadeInLeft"><span class="lnr lnr-file-spreadsheet"></span> <div class="text_hidden"> <h4>File Management</h4> <p>Ensure to meet all your needs and requests</p> </div> </div> <div class="home22-content1-list clearfix animation fadeInLeft"><span class="lnr lnr-cart-add"></span> <div class="text_hidden"> <h4>Catalook Store</h4> <p>Choices for large collections of DNN skins and modules</p> </div> </div> </div> </div> <div class="col-sm-12 col-md-6 text-center animation fadeInRight"><div class="pt-60 visible-xs"></div><img alt="" class="img-responsive img_display" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-img03.png" /></div> </div> </div> </div> <div class="pb-30"></div>

Our Features (RowEight_Grid4_Pane1)

Code:

html

<div id="accordion_7" class="panel-group home22-accordion animation fadeInLeft">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a href="#collapse7_1" data-parent="#accordion_7" data-toggle="collapse"><span class="accordion_icon"></span>App Landing Page</a> </h4>
</div>
<div class="panel-collapse collapse in" id="collapse7_1">
<div class="panel-body">Nullam vitae sollicitudin eros. Cras varius vehicula velit, ac congue quam dictum sed. Proin mattis lacus ac sapien vestibulum rutrum tenetur.</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a class="collapsed" href="#collapse7_2" data-parent="#accordion_7" data-toggle="collapse"><span class="accordion_icon"></span>Create DNN Website</a> </h4>
</div>
<div class="panel-collapse collapse" id="collapse7_2">
<div class="panel-body">Nullam vitae sollicitudin eros. Cras varius vehicula velit, ac congue quam dictum sed. Proin mattis lacus ac sapien vestibulum rutrum tenetur.</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a class="collapsed" href="#collapse7_3" data-parent="#accordion_7" data-toggle="collapse"><span class="accordion_icon"></span>Product Description</a> </h4>
</div>
<div class="panel-collapse collapse" id="collapse7_3">
<div class="panel-body">Nullam vitae sollicitudin eros. Cras varius vehicula velit, ac congue quam dictum sed. Proin mattis lacus ac sapien vestibulum rutrum tenetur.</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"> <a class="collapsed" href="#collapse7_4" data-parent="#accordion_7" data-toggle="collapse"><span class="accordion_icon"></span>Business Solutions</a> </h4>
</div>
<div class="panel-collapse collapse" id="collapse7_4">
<div class="panel-body">Nullam vitae sollicitudin eros. Cras varius vehicula velit, ac congue quam dictum sed. Proin mattis lacus ac sapien vestibulum rutrum tenetur.</div>
</div>
</div>
</div>

Why Choose Us (RowEight_Grid4_Pane2)

Code:

html

<ul class="home22-list-ul animation fadeInUp">
    <li><span class="lnr lnr-star"></span>Ut enim ad minima veniam, quis nostrum </li>
    <li><span class="lnr lnr-star"></span>Exercitationem ullam corporis suscipit laborio </li>
    <li><span class="lnr lnr-star"></span>Samnisi ut aliquid epsum factorial non </li>
    <li><span class="lnr lnr-star"></span>deposit quid pro quo hic escorol </li>
    <li><span class="lnr lnr-star"></span>Olypian quarrels et gorilla congolium nause</li>
    <li><span class="lnr lnr-star"></span>Duis aute irure dolor in reprehenderit in </li>
    <li><span class="lnr lnr-star"></span>Voluptate velit esse cillum dolore eu fugiat </li>
    <li><span class="lnr lnr-star"></span>Nulla pariatur. Excepteur sint occaecat </li>
    <li><span class="lnr lnr-star"></span>Cupidatat non proident, sunt in culpa qui </li>
</ul>

Our Skills (RowEight_Grid4_Pane3)

Code:

html

<div class="home22_load animation fadeInRight">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, totam, mollitia neque quibusdam accus antium libero consequuntur.</p>
<div class="home22-load-list">
<p>Web Design</p>
<div class="progress progress-striped active">
<div data-width="74%" class="bar animation animationwidth"><span></span></div>
</div>
<p>HTML5 &amp; CSS3</p>
<div class="progress progress-striped active">
<div data-width="58%" class="bar animation animationwidth"><span></span></div>
</div>
<p>Photo Shop</p>
<div class="progress progress-striped active">
<div data-width="96%" class="bar animation animationwidth"><span></span></div>
</div>
<p>JQuery</p>
<div class="progress progress-striped active">
<div data-width="80%" class="bar animation animationwidth"><span></span></div>
</div>
</div>
</div>

Top Numbers (Full_Screen_PaneD)

Code:

html

<div class="pt-20"></div><div class="home22-bg02 text-center pt-10 pb-20"><div class="pt-60 pb-60"> <div class="home22-title01"> <h2>Top Numbers</h2> <div class="line"></div> </div> <div class="container"> <p class="pb-30">Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit.</p> </div> <div class="home22-number animation zoomIn"> <div class="home22-number-Animation clearfix pb-40"> <div class="col-xs-6 col-sm-4 col-lg-2 number-bgcolor1"> <div class="number_box"> <span data-number="1800" class="animation number">0</span> <div class="line"></div> Customers </div> </div> <div class="col-xs-6 col-sm-4 col-lg-2 number-bgcolor2"> <div class="number_box"> <span data-number="720" class="animation number">0</span> <div class="line"></div> Products </div> </div> <div class="col-xs-6 col-sm-4 col-lg-2 number-bgcolor3"> <div class="number_box"> <span data-number="3600" class="animation number">0</span> <div class="line"></div> Followers </div> </div> <div class="col-xs-6 col-sm-4 col-lg-2 number-bgcolor4"> <div class="number_box"> <span data-number="950" class="animation number">0</span> <div class="line"></div> Reviews </div> </div> <div class="col-xs-6 col-sm-4 col-lg-2 number-bgcolor5"> <div class="number_box"> <span data-number="1430" class="animation number">0</span> <div class="line"></div> Comments </div> </div> <div class="col-xs-6 col-sm-4 col-lg-2 number-bgcolor6"> <div class="number_box"> <span data-number="260" class="animation number">0</span> <div class="line"></div> Members </div> </div> </div> <a class="home20-btn" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">MORE FEATURES</a><a class="home20-btn" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">CHECK OTHERS</a> </div> </div></div>

Content Section (ContentPane · 1)

Code:

html

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

Amazing Features (ContentPane · 2)

Code:

html

<div class="home22-features animation"> <div class="row "> <div class="col-sm-4 animation_item scaleUp delay1"> <h5><span class="lnr lnr-briefcase"></span>New Products</h5> <p>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.</p> </div> <div class="col-sm-4 animation_item scaleUp delay2"> <h5><span class="lnr lnr-window"></span>App Windows</h5> <p>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.</p> </div> <div class="col-sm-4 animation_item scaleUp delay3"> <h5><span class="lnr lnr-desktop"></span>Responsive Web</h5> <p>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.</p> </div> </div> <div class="row"> <div class="col-sm-4 animation_item scaleUp delay4"> <h5><span class="lnr lnr-volume-high"></span>Multi-media</h5> <p>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.</p> </div> <div class="col-sm-4 animation_item scaleUp delay5"> <h5><span class="lnr lnr-magnifier"></span>SEO Friendly</h5> <p>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.</p> </div> <div class="col-sm-4 animation_item scaleUp delay6 xs-pb-0"> <h5><span class="lnr lnr-camera2"></span>Photo Gallery</h5> <p class="xs-mb-0">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.</p> </div> </div> </div>

Content Section (ContentPane · 3)

Code:

html

<div class="pb-10"></div>

Screenshots (Full_Screen_PaneE · 1)

Code:

html

<div class="home22-bg03 text-center pt-60 pb-60"> <div class="container pt-20 pb-20"> <div class="home22-title01"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-icon03.png" /> <h2>Screenshots</h2> <div class="line"></div> </div> <div data-autoheight="true" data-autoplay="true" data-pagination="true" data-navigation="false" class="carousel owl-carousel home22-carousel animation zoomIn pt-20"> <div class="item"> <div class="photo_box img_zoom ico_zoom"> <a class="LightBox_image_gallery2" href="http://demo8.dnngo.net/portals/13/Home22-Images/home22-img06.jpg"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-img06.jpg" /> <div class="shade"></div> </div> </a> </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/Home22-Images/home22-img07.jpg"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-img07.jpg" /> <div class="shade"></div> </div> </a> </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/Home22-Images/home22-img08.jpg"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-img08.jpg" /> <div class="shade"></div> </div> </a> </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/Home22-Images/home22-img09.jpg"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-img09.jpg" /> <div class="shade"></div> </div> </a> </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/Home22-Images/home22-img10.jpg"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-img10.jpg" /> <div class="shade"></div> </div> </a> </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/Home22-Images/home22-img11.jpg"> <div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-img11.jpg" /> <div class="shade"></div> </div> </a> </div> </div> </div> </div> </div>

Testimonials (Full_Screen_PaneE · 2)

Code:

html

<div class="home22-bg04 pt-60 pb-60"> <div class="container pt-20 pb-20"> <div class="home22-title01"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-icon04.png" /> <h2>Testimonials</h2> <div class="line"></div> </div> <ul data-autoheight="false" data-autoplay="3000" data-display-navigation="false" data-position="fade" class="Testimonials_tab home22-Testimonials animation zoomIn"> <li> <blockquote> <p>&ldquo;Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing.&rdquo;</p> <small><img alt="" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-img12.jpg" /><span>Laura Nixon</span> IT Manager</small> </blockquote> </li> <li> <blockquote> <p>&ldquo;Proin vitae tristique lacus. Phasellus vitae metus vitae sapien pharetra vestibulum. Ut lacus mi, egestas quis viverra a, blandit ut nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut pellentesque scelerisque augue, a faucibus ipsum volutpat congue. Praesent eros mi, mattis pharetra convallis pharetra,&rdquo;</p> <small><img alt="" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-img13.jpg" /><span>Monica Wood</span>Designer </small> </blockquote> </li> <li> <blockquote> <p>&ldquo;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. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida quam vitae risus nibh laoreet odio, a porttitor metus eros ut enim.&rdquo;</p> <small><img alt="" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-img14.jpg" /><span>Harroy Chris</span>dnngo buyer</small> </blockquote> </li> </ul> </div> </div>

BottomPane Section (BottomPane · 1)

Code:

html

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

Pricing Tables (BottomPane · 2)

Code:

html

<div class="home20-price pb-20"> <p class="text-center pl10 pr10 mb-50">Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit.</p> <div class="price-table home22-pricetable animation "> <div class="col-md-3 col-sm-6 animation_item scaleUp delay1"> <div class="price_border"> <div class="price_title"> <h2>BASIC PLAN</h2> </div> <div class="price_holder"> <div class="price_box"><span class="sup">$</span><span class="price">19</span><span class="unit">/m</span></div> <ul> <li>1 Projects</li> <li>5 Portfolio Page</li> <li>30GB Storage</li> <li>Unlimited Colors</li> <li>Responsive Web</li> </ul> <a class="Button_Accent2" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">BUY IT NOW</a> </div> </div> </div> <div class="col-md-3 col-sm-6 animation_item scaleUp delay2"> <div class="price_border"> <div class="price_title"> <h2>PROFESSIONAL</h2> </div> <div class="price_holder"> <div class="price_box"><span class="sup">$</span><span class="price">29</span><span class="unit">/m</span></div> <ul> <li>2 Projects</li> <li>10 Portfolio Page</li> <li>60GB Storage</li> <li>Unlimited Colors</li> <li>Responsive Web</li> </ul> <a class="Button_Accent2" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">BUY IT NOW</a> </div> </div> </div> <div class="col-md-3 col-sm-6 animation_item scaleUp delay3"> <div class="price_border"> <div class="price_title"> <h2>MAXIUM</h2> </div> <div class="price_holder"> <div class="price_box"><span class="sup">$</span><span class="price">39</span><span class="unit">/m</span></div> <ul> <li>3 Projects</li> <li>15 Portfolio Page</li> <li>90GB Storage</li> <li>Unlimited Colors</li> <li>Responsive Web</li> </ul> <a class="Button_Accent2" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">BUY IT NOW</a> </div> </div> </div> <div class="col-md-3 col-sm-6 animation_item scaleUp delay4"> <div class="price_border"> <div class="price_title"> <h2>EXTREME</h2> </div> <div class="price_holder"> <div class="price_box"><span class="sup">$</span><span class="price">49</span><span class="unit">/m</span></div> <ul> <li>4 Projects</li> <li>20 Portfolio Page</li> <li>120GB Storage</li> <li>Unlimited Colors</li> <li>Responsive Web</li> </ul> <a class="Button_Accent2" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">BUY IT NOW</a> </div> </div> </div> </div> </div>

BottomPane Section (BottomPane · 3)

Code:

html

<div class="pb60"></div>

Home22PaneA Section (Home22PaneA · 1)

Code:

html

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

Contact Us (Home22PaneA)

This section uses the DNNGo PowerForms module — see PowerForms.

Download App Landing Page (Home22PaneB)

Code:

html

<div class="home22-bg06 clearfix"> <div class="home22-bg06-l"> <div class="home22-title02"> <h3>Download App Landing Page</h3> <div class="line"></div> </div> <div class="animation fadeInLeft"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit abitur dolor amet glavrida tellus, quis lorem ipsum tooltip luctus ligula. Curabitur quis rhoncus tellus, quis lorem ipsum doloripsum tooltip luctus ligula luctus ligula. Curabitur laoreet fringilla lorem ipsum porta. Nullam rutrum velit.</p> <p>Curabitur quis rhoncus tellus, quis lorem ipsum tooltip dolor quis lorem ipsum tooltip luctus luctus ligula. Quis rhoncusipsum tooltip luctus ligula tellus abitur consectetur adipiscing elit. Curabitur dolor amet glavrida tellus, quis lorem ipsum tooltip laoreet fringilla lorem ipsum porta.</p> <div class="home22-bg06-btn"><a class="home22-btn" href="#"><span class="fa fa-apple"></span>APP STORE</a><a class="home22-btn" href="#"><span class="fa fa-android"></span>PLAY STORE</a><a class="home22-btn" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank"><span class="fa fa-windows"></span>WINDOWS STORE</a></div> </div> </div> <div class="home22-bg06-r animation fadeInRight"> </div> </div>

Recent News (FootPaneA)

Code:

html

<div class="animation fadeInUp">
<div class="home22-footera clearfix"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-img15.jpg" />
<div class="news_text">
<p>Lorem ipsum dolor sit amet, conse quatu isaute irure dolor in reprehenderit in cup idatat non </p>
<div class="news_text_accent">September 12th, 2014</div>
</div>
</div>
<div class="home22-footera clearfix"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home22-Images/home22-img16.jpg" />
<div class="news_text">
<p>Lorem ipsum dolor sit amet, conse quatu isaute irure dolor in reprehenderit in cup idatat non </p>
<div class="news_text_accent">January 09th, 2015</div>
</div>
</div>
</div>

About Us (FootPaneB)

Code:

html

<div class="animation fadeInUp">
<p>Donec in ut odio libero, at vulputate urna. Nulla tristiqu emia massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida.</p>
<div class="pt-10">
<div id="gmap01"></div>
</div>
</div>

Get In Touch (FootPaneC)

Code:

html

<div class="animation fadeInUp">
<p>Excepteur occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumvo luptatem accusantium dolo aperiam.</p>
<div class="home22-footerc">
<span>OFFICE ADDRESS:</span>
<div>XinHua Hotel 15th Floor No.2903</div>
</div>
<div class="home22-footerc">
<span>PHONE NUMBER:</span>
<div>(+086) -23665877, (+086) -23885899</div>
</div>
<div class="home22-footerc">
<span>EMAIL US:</span>
<div>[email protected]</div>
</div>
</div>

FooterPane Section (FooterPane)

Code:

html

<div class="home22-social  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-linkedin"></span></a>
<a href="#"><span class="fa  fa-vine"></span></a>
<a href="#"><span class="fa fa-youtube"></span></a>
<a href="#"><span class="fa fa-rss"></span></a>
</div>

Home Version 22 Page Code ​

Create your New App Page Enjoy innovative, persona (BannerPane) ​

Our Service (Full_Screen_PaneA · 1) ​

Watch The Featured Videos (Full_Screen_PaneA · 2) ​

Responsive, Retina Ready & Clean (Full_Screen_PaneA · 3) ​

Extensively Experienced Teams (Full_Screen_PaneA · 4) ​

Our Features (RowEight_Grid4_Pane1) ​

Why Choose Us (RowEight_Grid4_Pane2) ​

Our Skills (RowEight_Grid4_Pane3) ​

Top Numbers (Full_Screen_PaneD) ​

Content Section (ContentPane · 1) ​

Amazing Features (ContentPane · 2) ​

Content Section (ContentPane · 3) ​

Screenshots (Full_Screen_PaneE · 1) ​

Testimonials (Full_Screen_PaneE · 2) ​

BottomPane Section (BottomPane · 1) ​

Pricing Tables (BottomPane · 2) ​

BottomPane Section (BottomPane · 3) ​

Home22PaneA Section (Home22PaneA · 1) ​

Contact Us (Home22PaneA) ​

Download App Landing Page (Home22PaneB) ​

Recent News (FootPaneA) ​

About Us (FootPaneB) ​

Get In Touch (FootPaneC) ​

FooterPane Section (FooterPane) ​

Home Version 22 Page Code

Create your New App Page Enjoy innovative, persona (BannerPane)

Our Service (Full_Screen_PaneA · 1)

Watch The Featured Videos (Full_Screen_PaneA · 2)

Responsive, Retina Ready & Clean (Full_Screen_PaneA · 3)

Extensively Experienced Teams (Full_Screen_PaneA · 4)

Our Features (RowEight_Grid4_Pane1)

Why Choose Us (RowEight_Grid4_Pane2)

Our Skills (RowEight_Grid4_Pane3)

Top Numbers (Full_Screen_PaneD)

Content Section (ContentPane · 1)

Amazing Features (ContentPane · 2)

Content Section (ContentPane · 3)

Screenshots (Full_Screen_PaneE · 1)

Testimonials (Full_Screen_PaneE · 2)

BottomPane Section (BottomPane · 1)

Pricing Tables (BottomPane · 2)

BottomPane Section (BottomPane · 3)

Home22PaneA Section (Home22PaneA · 1)

Contact Us (Home22PaneA)

Download App Landing Page (Home22PaneB)

Recent News (FootPaneA)

About Us (FootPaneB)

Get In Touch (FootPaneC)

FooterPane Section (FooterPane)