Home Version 26 Page Code

Click to preview the Home Version 26 demo. View demo

Preview:

HomeVersion26

This section uses the DNNGo LayerGallery Pro module.

Add the slides (images, text, links) manually in the module — see LayerGallery Pro.

ABOUT US (BannerPane · 2)

Code:

html

<div class="home26-bg01 pt-60 pb-60"> <div class="container pt-10 pb-10"> <div class="home26-title"> <h3>ABOUT US</h3> <p>Welcome to our website, you can get some information about us from here</p> </div> </div> </div>

WHO WE ARE (TopPane)

Code:

html

<p class="home26-textcenter pb-40 animation fadeInUp">Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit c risus nibh laoreet odio, a porttitor metus eros ut enim senectus et netus et malesuada fames turpis egestas..</p> <div class="home26-ibox row pb-30"> <div class="col-sm-4 animation fadeInUp delay1"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img01.png" /> <h3>UMLIMITED COLORS</h3> <p>Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Praesent commodo cursus magna, vel scelerisque nisl consectetur sit amet non magna.</p> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">READ MORE <span class="fa fa-angle-right"></span></a> </div> <div class="col-sm-4 animation fadeInUp delay2"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img02.png" /> <h3>BEST SOLUTIONS</h3> <p>Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Praesent commodo cursus magna, vel scelerisque nisl consectetur sit amet non magna.</p> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">READ MORE <span class="fa fa-angle-right"></span></a> </div> <div class="col-sm-4 animation fadeInUp delay3"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img03.png" /> <h3>MAJOR BROWSERS</h3> <p>Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Praesent commodo cursus magna, vel scelerisque nisl consectetur sit amet non magna.</p> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">READ MORE <span class="fa fa-angle-right"></span></a> </div> </div>

WHAT WE DO (Full_Screen_PaneB · 1)

Code:

html

<div class="home26-bg02 pt-60 pb-60">
	<div class="container pt-20 pb-10">
		<div class="row">
			<div class="col-sm-6 text-center animation fadeInLeft"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img04.png" />
				<div class="pt-20 visible-xs ">&nbsp;</div>
			</div>
			<div class="col-sm-6 animation fadeInRight">
				<h3 class="home26-title02">WHAT WE DO</h3>
				<p class="pt-10 pb-10">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore mque laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.</p>
				<div class="row">
					<div class="col-sm-6">
						<ul class="home26-list">
							<li>New Header &amp; Footer</li>
							<li>5 Main Layout Styles</li>
							<li>Full &amp; Boxed Layout</li>
							<li>Compatible With Browsers</li>
							<li>SEO Friendly &amp; Optimized</li>
							<li>Customized Settings</li>
						</ul>
					</div>
					<div class="col-sm-6">
						<ul class="home26-list">
							<li>Ultra Responsive Design</li>
							<li>Retina Ready</li>
							<li>Responsive Slider Banner</li>
							<li>CSS3 &amp; HTML 5</li>
							<li>DNN6 &amp; DNN7</li>
							<li>Hundreds of Google Fonts</li>
						</ul>
					</div>
				</div>
				<p class="pt-30">
					<a class="home26-btn" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">VIEW ALL FEATURES</a>
				</p>
			</div>
		</div>
	</div>
</div>

OUR TEAMS (Full_Screen_PaneB · 2)

Code:

html

<div class="home26-bg01 pt-60 pb-60"> <div class="container pt-10 pb-10"> <div class="home26-title"> <h3>OUR TEAMS</h3> <p>We are a team comprised of experienced developers and reliable designers </p> </div> </div> </div><div class="pb-30"></div>

MEET OUR EMPLOYEES (ContentPane)

Code:

html

<p class="home26-textcenter pb-10 animation fadeInUp">Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit c risus nibh laoreet odio, a porttitor metus eros ut enim senectus et netus et malesuada fames turpis egestas..</p>
<div class=" row animation scaleUp pb-30">
	<div class="col-sm-4">
		<div class="home26-employee">
			<div class="pic">
				<a href="#"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img05.jpg" /><span class="fa fa-link"></span></a>
			</div>
			<h3>Frank Miller</h3>
			<h4>WEB DESIGNER</h4>
			<p class="mb-20">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo dicta sunt explicabo.</p>
			<p class="socia">
				<a href="#"><span class="fa fa-envelope"></span></a>
				<a href="#"><span class="fa fa-phone"></span></a>
				<a href="#"><span class="fa fa-map-marker"></span></a>
			</p>
		</div>
	</div>
	<div class="col-sm-4">
		<div class="home26-employee">
			<div class="pic">
				<a href="#"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img06.jpg" /><span class="fa fa-link"></span></a>
			</div>
			<h3>Mary Chris</h3>
			<h4>PROGRAMMER</h4>
			<p class="mb-20">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo dicta sunt explicabo.</p>
			<p class="socia">
				<a href="#"><span class="fa fa-envelope"></span></a>
				<a href="#"><span class="fa fa-phone"></span></a>
				<a href="#"><span class="fa fa-map-marker"></span></a>
			</p>
		</div>
	</div>
	<div class="col-sm-4">
		<div class="home26-employee">
			<div class="pic">
				<a href="#"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img07.jpg" /><span class="fa fa-link"></span></a>
			</div>
			<h3>Harra Halloy</h3>
			<h4>DEVELOPER</h4>
			<p class="mb-20">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo dicta sunt explicabo.</p>
			<p class="socia">
				<a href="#"><span class="fa fa-envelope"></span></a>
				<a href="#"><span class="fa fa-phone"></span></a>
				<a href="#"><span class="fa fa-map-marker"></span></a>
			</p>
		</div>
	</div>
</div>

OUR SKILLS (Full_Screen_PaneE · 1)

Code:

html

<div class="home26-bg03 pt-60 pb-60">
	<div class="container pt-20 pb-10">
		<div class="home26-title03">
			<h3>OUR SKILLS</h3>
			<p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit c risus nibh laoreet odio, a porttitor metus eros ut enim senectus et netus et malesuada fames turpis egestas..</p>
		</div>
		<div class="home26-chart row animation scaleUp pt-30">
			<div class="col-md-3 col-sm-6">
				<div class="percentage" data-percent="95">
					<div class="percentage_inner"><span>0</span>%</div>
				</div>
				<h3>WEB DESIGN</h3>
				<p>Cras suscipit, quam vitae laoreet odio, a porttitor metus massa convallis.</p>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="percentage" data-percent="97">
					<div class="percentage_inner"><span>0</span>%</div>
				</div>
				<h3>HTML5 &amp; CSS3</h3>
				<p>Cras suscipit, quam vitae laoreet odio, a porttitor metus massa convallis.</p>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="percentage" data-percent="92">
					<div class="percentage_inner"><span>0</span>%</div>
				</div>
				<h3>PHOTOSHOP</h3>
				<p>Cras suscipit, quam vitae laoreet odio, a porttitor metus massa convallis.</p>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="percentage" data-percent="90">
					<div class="percentage_inner"><span>0</span>%</div>
				</div>
				<h3>JAVASCRIPT</h3>
				<p>Cras suscipit, quam vitae laoreet odio, a porttitor metus massa convallis.</p>
			</div>
		</div>
	</div>
</div>

SERVICES (Full_Screen_PaneE · 2)

Code:

html

<div class="home26-bg01 pt-60 pb-60"> <div class="container pt-10 pb-10"> <div class="home26-title"> <h3>SERVICES</h3> <p>Customization services ensure what exactly you want, skins or modules</p> </div> </div> </div> <div class="pt-60 pb-10"></div>

WHY CHOOSE US (Full_Screen_PaneE · 3)

Code:

html

<div class="container"> <p class="home26-textcenter pb-40 animation fadeInUp">Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit c risus nibh laoreet odio, a porttitor metus eros ut enim senectus et netus et malesuada fames turpis egestas..</p> <div class="home26-ibox02"> <div class="row"> <div class="col-sm-4 animation fadeInUp delay1"> <span class="fa fa-headphones"></span> <div class="box-right"> <h3>LISTEN TO MUSIC</h3> <p>Lorem ipsum dolor sit amet, consectetur adipi sicing elit. Vitae, eius perferendis temporibus sequi magni odit repellat.</p> </div> </div> <div class="col-sm-4 animation fadeInUp delay2"> <span class="fa fa-repeat"></span> <div class="box-right"> <h3>REVOCATION</h3> <p>Lorem ipsum dolor sit amet, consectetur adipi sicing elit. Vitae, eius perferendis temporibus sequi magni odit repellat.</p> </div> </div> <div class="col-sm-4 animation fadeInUp delay3"> <span class="fa fa-cog"></span> <div class="box-right"> <h3>SITE SETTINGS</h3> <p>Lorem ipsum dolor sit amet, consectetur adipi sicing elit. Vitae, eius perferendis temporibus sequi magni odit repellat.</p> </div> </div> </div> <div class="row"> <div class="col-sm-4 animation fadeInUp delay4"> <span class="fa fa-fire"></span> <div class="box-right"> <h3>CONSULT ONLINE</h3> <p>Lorem ipsum dolor sit amet, consectetur adipi sicing elit. Vitae, eius perferendis temporibus sequi magni odit repellat.</p> </div> </div> <div class="col-sm-4 animation fadeInUp delay5"> <span class="fa fa-clock-o"></span> <div class="box-right"> <h3>TIME O'CLOCK</h3> <p>Lorem ipsum dolor sit amet, consectetur adipi sicing elit. Vitae, eius perferendis temporibus sequi magni odit repellat.</p> </div> </div> <div class="col-sm-4 animation fadeInUp delay6"> <span class="fa fa-flag"></span> <div class="box-right"> <h3>CUSTOMIZE SKIN</h3> <p>Lorem ipsum dolor sit amet, consectetur adipi sicing elit. Vitae, eius perferendis temporibus sequi magni odit repellat.</p> </div> </div> </div> </div> </div> <div class="pt-20"></div>

AMAZING FEATURES (Full_Screen_PaneE · 4)

Code:

html

<div class="home26-bg04 pt-60 "> <div class="container pt-20"> <div class="row"> <div class="col-sm-6 col-md-push-6 animation fadeInRight"> <h3 class="home26-title04">AMAZING FEATURES</h3> <ul class="home26-list02"> <li><span class="fa fa-cloud"></span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accus antium dolore mque laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore egestas.</li> <li><span class="fa fa-suitcase"></span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accus antium dolore mque laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore egestas.</li> <li><span class="fa fa-comments"></span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accus antium dolore mque laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore egestas.</li> </ul> <p class="pb-30"> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="home26-btn" style="padding-left:25px;padding-right:25px;">MORE INFORMATION</a> </p> </div> <div class="col-sm-6 col-md-pull-6 text-center animation fadeInLeft"><img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img08.png" class="img-responsive" /> </div> </div> </div> </div>

PORTFOLIO (Full_Screen_PaneE · 5)

Code:

html

<div class="home26-bg01 pt-60 pb-60"> <div class="container pt-10 pb-10"> <div class="home26-title"> <h3>PORTFOLIO</h3> <p>Recent portfolios can help you to realize our latest works about the products</p> </div> </div> </div>

MEETING REPORT (Full_Screen_PaneE · 6)

Code:

html

<div class="home26-portfolio clearfix animation fadeInUp"> <div class="portfolio-box box-left"> <div class="imgbg-cover"><img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img09.jpg" /> <div class="img-icon"> <h3>MEETING REPORT</h3> <div><a href="#"><span class="fa fa-link"></span></a> <a href="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img09.jpg" class="LightBox_image_gallery26_2"><span class="fa fa-search"></span></a></div> </div> </div> <div class="img-info"> <h3>MEETING REPORT</h3> <p>Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Praesent commodo cursus magna, vel scelerisque nisl consectetur sit amet non magna.</p> <p>Consequat viverra ipsum, sed placerat ligula aliquam eu sapien eros enatis at dapibus.</p> <p><a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">READ MORE<span class="fa fa-angle-right"></span></a></p> </div> </div> <div class="portfolio-box box-left"> <div class="imgbg-cover"><img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img10.jpg" /> <div class="img-icon"> <h3>AWESOME THEME</h3> <div><a href="#"><span class="fa fa-link"></span></a> <a href="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img10.jpg" class="LightBox_image_gallery26_2"><span class="fa fa-search"></span></a></div> </div> </div> <div class="img-info"> <h3>AWESOME THEME</h3> <p>Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Praesent commodo cursus magna, vel scelerisque nisl consectetur sit amet non magna.</p> <p>Consequat viverra ipsum, sed placerat ligula aliquam eu sapien eros enatis at dapibus.</p> <p><a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">READ MORE<span class="fa fa-angle-right"></span></a></p> </div> </div> </div> <div class="home26-portfolio clearfix animation fadeInUp"> <div class="portfolio-box box-right"> <div class="imgbg-cover"><img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img11.jpg" /> <div class="img-icon"> <h3>FULL &amp; BOXED LAYOUT</h3> <div><a href="#"><span class="fa fa-link"></span></a> <a href="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img11.jpg" class="LightBox_image_gallery26_2"><span class="fa fa-search"></span></a></div> </div> </div> <div class="img-info"> <h3>FULL &amp; BOXED LAYOUT</h3> <p>Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Praesent commodo cursus magna, vel scelerisque nisl consectetur sit amet non magna.</p> <p>Consequat viverra ipsum, sed placerat ligula aliquam eu sapien eros enatis at dapibus.</p> <p><a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">READ MORE<span class="fa fa-angle-right"></span></a></p> </div> </div> <div class="portfolio-box box-right"> <div class="imgbg-cover"><img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img12.jpg" /> <div class="img-icon"> <h3>CUSTOMER SERVICE</h3> <div><a href="#"><span class="fa fa-link"></span></a> <a href="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img12.jpg" class="LightBox_image_gallery26_2"><span class="fa fa-search"></span></a></div> </div> </div> <div class="img-info"> <h3>CUSTOMER SERVICE</h3> <p>Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Praesent commodo cursus magna, vel scelerisque nisl consectetur sit amet non magna.</p> <p>Consequat viverra ipsum, sed placerat ligula aliquam eu sapien eros enatis at dapibus.</p> <p><a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">READ MORE<span class="fa fa-angle-right"></span></a> </p> </div> </div> </div>

TESTIMONIALS (Full_Screen_PaneE · 7)

Code:

html

<div class="home26-bg05 pt-60 pb-60"> <div class="container pt-10 pb-20"> <h3 class="home26-title05">TESTIMONIALS</h3> <ul class="Testimonials_tab home26-testimonials animation scaleUp" data-autoheight="false" data-autoplay="8000" data-height-auto="false" data-position="fade"> <li> <blockquote> <p><span class="pic"><img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img13.jpg" /></span>&quot; Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolore mque laudan tium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. &quot;</p> <small><span>JOHN CHRIS</span>Buyer of dnngo.net</small></blockquote> </li> <li> <blockquote> <p><span class="pic"><img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img14.jpg" /></span>&quot; 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. &quot;</p> <small><span>CHRISSIE HALL </span>Unilever</small></blockquote> </li> <li> <blockquote> <p><span class="pic"><img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img15.jpg" /></span>&quot; Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam risus nibh laoreet odio. &quot;</p> <small><span>JAMES DIVINE</span>Divine Solutions</small></blockquote> </li> </ul> </div> </div>

PRICING (Full_Screen_PaneE · 8)

Code:

html

<div class="home26-bg01 pt-60 pb-60"> <div class="container pt-10 pb-10"> <div class="home26-title"> <h3>PRICING</h3> <p>Here is the pricing information from which you can choose your price plan.</p> </div> </div> </div> <div class="pt-60 pb-10"></div>

HOW WE CHARGE (Full_Screen_PaneE · 9)

Code:

html

<div class="container"> <p class="home26-textcenter pb-40 animation fadeInUp animated">Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit c risus nibh laoreet odio, a porttitor metus eros ut enim senectus et netus et malesuada fames turpis egestas..</p> <div class="price-table home26-price row"> <div class="col-md-3 col-sm-6 animation fadeInUp delay1"> <div class="price_border"> <div class="price_title"> <h2>BASIC</h2> </div> <div class="price_holder"> <div class="price_box"><span class="sup">$</span><span class="price">199/</span><span class="unit">m</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 href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" class="btn">BUY IT NOW</a> </div> </div> </div> <div class="col-md-3 col-sm-6 animation fadeInUp delay2"> <div class="price_border 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">299/</span><span class="unit">m</span></div> <ul> <li>Responsive Web</li> <li>Sample Pages</li> <li>Unlimited Colors</li> <li>100 Databases</li> <li>200GB Space</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="col-md-3 col-sm-6 animation fadeInUp delay3"> <div class="price_border"> <div class="price_title"> <h2>BUSINESS</h2> </div> <div class="price_holder"> <div class="price_box"><span class="sup">$</span><span class="price">399/</span><span class="unit">m</span></div> <ul> <li>Responsive Web</li> <li>Sample Pages</li> <li>Unlimited Colors</li> <li>150 Databases</li> <li>300GB Space</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="col-md-3 col-sm-6 animation fadeInUp delay4"> <div class="price_border"> <div class="price_title"> <h2>MAXIMUM</h2> </div> <div class="price_holder"> <div class="price_box"><span class="sup">$</span><span class="price">499/</span><span class="unit">m</span></div> <ul> <li>Responsive Web</li> <li>Sample Pages</li> <li>Unlimited Colors</li> <li>200 Databases</li> <li>400GB Space</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> </div> <div class="pt-60 pb-10"></div>

DO YOU LIKE THIS DNN THEME? (Full_Screen_PaneE · 10)

Code:

html

<div class="home26-bg06 pt-60 pb-60">
	<div class="container pt-20 pb-20">
		<div class="home26-cont text-center">
			<h3>DO YOU LIKE THIS DNN THEME?</h3>
			<p>If you want to customize a new DNN skin, we will develop business solutions that fit your needs</p>
			<div>
				<a class="home26-btn02" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">PURCHASE IT</a>
				<a class="home26-btn02" href="http://dnngo.net" target="blank">SUBMIT A TICKET</a>
			</div>
		</div>
	</div>
</div>

CONTACT (Full_Screen_PaneE · 11)

Code:

html

<div class="home26-bg01 pt-60 pb-60"> <div class="container pt-10 pb-10"> <div class="home26-title"> <h3>CONTACT</h3> <p>If you have any questions, please contact us by the ways as follows</p> </div> </div> </div><div class="pb-30"></div>

GET IN TOUCH (RowSeventeen_Grid6_Pane1)

Code:

html

<div class="animation fadeInLeft">
<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, vel illum dolore eu feugiat nulla facilisis at vero eros.</p>
<hr class="mt-20 mb-20 home26-line" />
<dl class="home26-info">
    <dt>Address:</dt>
    <dd>LanHua Building, XingAn Street No.287, New York City, USA</dd>
</dl>
<div class="row">
<div class="col-sm-6">
<dl class="home26-info">
    <dt>Phone:</dt>
    <dd>Office One: (+012) - 345 - 6789</dd>
    <dd>Office Two:(+089) - 123 - 4567</dd>
</dl>
</div>
<div class="col-sm-6">
<dl class="home26-info">
    <dt>Email:</dt>
    <dd>Suppot: [email protected]</dd>
    <dd>Technology: [email protected]</dd>
</dl>
</div>
</div>
<hr class=" mt-20 mb-20 home26-line" />
<div class="home26-socia">
<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-google-plus-square color-3"></span></a>
<a href="#"><span class="fa fa-vimeo-square color-4"></span></a>
<a href="#"><span class="fa fa-linkedin-square color-5"></span></a>
</div>
</div>

EMAIL US (RowSeventeen_Grid6_Pane2)

This section uses the DNNGo PowerForms module — see PowerForms.

Full_Screen_FootPaneA Section (Full_Screen_FootPaneA)

Code:

html

<div class="pt-20" style="background:#fff;"></div><div id="gmap01" class="map-shadow"></div>

PHOTOS (FootPaneD)

Code:

html

<ul class="home26-piclist animation fadeInUp">
    <li><a class="LightBox_image_gallery26" href="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img16-big.jpg"><img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img16.jpg" /></a></li>
    <li><a class="LightBox_image_gallery26" href="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img17-big.jpg"><img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img17.jpg" /></a></li>
    <li><a class="LightBox_image_gallery26" href="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img18-big.jpg"><img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img18.jpg" /></a></li>
    <li><a class="LightBox_image_gallery26" href="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img19-big.jpg"><img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img19.jpg" /></a></li>
    <li><a class="LightBox_image_gallery26" href="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img20-big.jpg"><img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img20.jpg" /></a></li>
    <li><a class="LightBox_image_gallery26" href="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img21-big.jpg"><img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img21.jpg" /></a></li>
    <li><a class="LightBox_image_gallery26" href="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img22-big.jpg"><img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img22.jpg" /></a></li>
    <li><a class="LightBox_image_gallery26" href="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img23-big.jpg"><img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img23.jpg" /></a></li>
    <li><a class="LightBox_image_gallery26" href="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img24-big.jpg"><img alt="" src="http://demo8.dnngo.net/portals/13/Home26-Images/home26-img24.jpg" /></a></li>
</ul>

ABOUT US (FootPaneE)

Code:

html

<div class="animation fadeInUp">
	<p>Donec consectetur diam ac nibh auctor ultricies. Integer mauris lacus, consequat in luctus id, semper sed felis. Cum sociis natoque magnis.</p>
	<p>Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser nibh, uum a justo vitaes amet un.</p>
	<p style="margin-bottom:0;">
		<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34">&gt; More Information</a>
	</p>
</div>

RECENT NEWS (FootPaneF)

Code:

html

<dl class="animation fadeInUp home26-news">
 <dt>Banner Slideshow Post</dt>
 <dd>August 08th, 2016</dd>
 <dt>Youtube Videos With Background</dt>
 <dd>September 12th, 2016</dd>
 <dt>Unlimited Colors Skin Pack</dt>
 <dd>December 25th, 2016</dd>
</dl>

FOLLOW US (FootPaneG)

Code:

html

<ul class="animation fadeInUp home26-social02">
    <li> <a href="#"><span class="fa fa-facebook-square"></span>Facebook</a> </li>
    <li> <a href="#"><span class="fa fa-twitter-square"></span>Twitter</a> </li>
    <li> <a href="#"><span class="fa fa-vimeo-square"></span>Vimeo</a> </li>
    <li> <a href="#"><span class="fa fa-linkedin-square"></span>Skype</a> </li>
</ul>

Post | Email | Site Map (FooterPane)

Code:

html

<a href="#">Post</a> &nbsp;&nbsp; | &nbsp;&nbsp; <a href="#">Email</a> &nbsp;&nbsp; | &nbsp;&nbsp; <a href="#">Site Map</a>

Home Version 26 Page Code ​

Banner Section (BannerPane) ​

ABOUT US (BannerPane · 2) ​

WHO WE ARE (TopPane) ​

WHAT WE DO (Full_Screen_PaneB · 1) ​

OUR TEAMS (Full_Screen_PaneB · 2) ​

MEET OUR EMPLOYEES (ContentPane) ​

OUR SKILLS (Full_Screen_PaneE · 1) ​

SERVICES (Full_Screen_PaneE · 2) ​

WHY CHOOSE US (Full_Screen_PaneE · 3) ​

AMAZING FEATURES (Full_Screen_PaneE · 4) ​

PORTFOLIO (Full_Screen_PaneE · 5) ​

MEETING REPORT (Full_Screen_PaneE · 6) ​

TESTIMONIALS (Full_Screen_PaneE · 7) ​

PRICING (Full_Screen_PaneE · 8) ​

HOW WE CHARGE (Full_Screen_PaneE · 9) ​

DO YOU LIKE THIS DNN THEME? (Full_Screen_PaneE · 10) ​

CONTACT (Full_Screen_PaneE · 11) ​

GET IN TOUCH (RowSeventeen_Grid6_Pane1) ​

EMAIL US (RowSeventeen_Grid6_Pane2) ​

Full_Screen_FootPaneA Section (Full_Screen_FootPaneA) ​

PHOTOS (FootPaneD) ​

ABOUT US (FootPaneE) ​

RECENT NEWS (FootPaneF) ​

FOLLOW US (FootPaneG) ​

Post | Email | Site Map (FooterPane) ​

Home Version 26 Page Code

Banner Section (BannerPane)

ABOUT US (BannerPane · 2)

WHO WE ARE (TopPane)

WHAT WE DO (Full_Screen_PaneB · 1)

OUR TEAMS (Full_Screen_PaneB · 2)

MEET OUR EMPLOYEES (ContentPane)

OUR SKILLS (Full_Screen_PaneE · 1)

SERVICES (Full_Screen_PaneE · 2)

WHY CHOOSE US (Full_Screen_PaneE · 3)

AMAZING FEATURES (Full_Screen_PaneE · 4)

PORTFOLIO (Full_Screen_PaneE · 5)

MEETING REPORT (Full_Screen_PaneE · 6)

TESTIMONIALS (Full_Screen_PaneE · 7)

PRICING (Full_Screen_PaneE · 8)

HOW WE CHARGE (Full_Screen_PaneE · 9)

DO YOU LIKE THIS DNN THEME? (Full_Screen_PaneE · 10)

CONTACT (Full_Screen_PaneE · 11)

GET IN TOUCH (RowSeventeen_Grid6_Pane1)

EMAIL US (RowSeventeen_Grid6_Pane2)

Full_Screen_FootPaneA Section (Full_Screen_FootPaneA)

PHOTOS (FootPaneD)

ABOUT US (FootPaneE)

RECENT NEWS (FootPaneF)

FOLLOW US (FootPaneG)

Post | Email | Site Map (FooterPane)