Home Version 23 Page Code

Click to preview the Home Version 23 demo. View demo

Preview:

HomeVersion23

Contact Info (HeaderPane)

Code:

html

<div style="text-align: center;">
<h3 class="pb-10">Contact Info</h3>
<p>Emial : [email protected]</p>
<p>Phone : (+086) - 2755 -9999</p>
<p>Skype : Dnngo-Linda</p>
<div class="home23-social01 pt-10">
<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>
</div>
</div>

This section uses the DNNGo LayerGallery Pro module.

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

Who We Are (Full_Screen_PaneA · 1)

Code:

html

<div class="pb-60"> <div class="dnn_layout pb-10"> <div class="content_mid clearfix"> <div class="pane_layout"> <div class="row"> <div class="col-sm-12 animation fadeInDown"> <div class="home23-con_a"> <p class="text">Doren orciac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent <span>per conub nostra, per inceptos himenaeos. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</span></p> </div> </div> <div class="col-sm-4"> <div class="home23-ServeList_1 animation flipInY"> <div class="icon_out"> <div class="icon"><span class="fa fa-archive"></span></div> </div> <h6>Appealing Skins</h6> <p>Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudantium, deum a justo vitaes amet risus amets utotam rem aperiam vidoers eaque ipsa.</p> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">Read More &gt;</a> </div> </div> <div class="col-sm-4"> <div class="home23-ServeList_1 animation flipInY"> <div class="icon_out"> <div class="icon"><span class="fa fa-bell"></span></div> </div> <h6>Versatile Modules</h6> <p>Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudantium, deum a justo vitaes amet risus amets utotam rem aperiam vidoers eaque ipsa.</p> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">Read More &gt;</a> </div> </div> <div class="col-sm-4"> <div class="home23-ServeList_1 animation flipInY xs-pb-0"> <div class="icon_out"> <div class="icon"><span class="fa fa-lightbulb-o"></span></div> </div> <h6>Compelling Website</h6> <p>Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque laudantium, deum a justo vitaes amet risus amets utotam rem aperiam vidoers eaque ipsa.</p> <a class="lastlinks" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">Read More &gt;</a> </div> </div> </div> </div> </div> </div> </div>

What We Do (Full_Screen_PaneA · 2)

Code:

html

<div class="home23-SectionStyles pt-60 pb-60"> <div class="dnn_layout pt-10 pb-10"> <div class="content_mid clearfix"> <div class="pane_layout"> <div class="row"> <div class="col-sm-12"> <div class="home23-con_a"> <h3 class="title">What We Do</h3> <div class="line"></div> <p class="text">Doren orciac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conub nostra, per inceptos himenaeos. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p> </div> </div> <div class="col-sm-12 col-md-6"> <div data-autoheight="false" data-pagination="false" class="carousel home23-carousel1 home23-con_b animation fadeInLeft"> <div class="item"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-controls_1.jpg" /> </div> <div class="item"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-controls_2.jpg" /> </div> <div class="item"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-controls_3.jpg" /> </div> </div> </div> <div class="col-sm-12 col-md-6"> <div id="home23-accordion1" class="panel-group home23-accordion1 home23-con_b animation fadeInRight"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a href="#collapse2_1" data-parent="#home23-accordion1" data-toggle="collapse"><span class="accordion_icon"></span>Responsive design</a> </h4> </div> <div class="panel-collapse collapse in" id="collapse2_1"> <div class="panel-body"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec eros eget nisl fringilla comm odo. Maecenas ornare, augue ut ultricies tristique, enim lectus pretium quam, quis bibendum metus tellus sedeu dolor lacus.</p> <p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="collapsed" href="#collapse2_2" data-parent="#home23-accordion1" data-toggle="collapse"><span class="accordion_icon"></span>Customization services</a> </h4> </div> <div class="panel-collapse collapse" id="collapse2_2"> <div class="panel-body">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="collapsed" href="#collapse2_3" data-parent="#home23-accordion1" data-toggle="collapse"><span class="accordion_icon"></span>Extensively experienced developers</a> </h4> </div> <div class="panel-collapse collapse" id="collapse2_3"> <div class="panel-body">Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conub nostra, per inceptos himenaeos. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantore veritatis quasi architecto beatae vitae dicta parturie.</div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="collapsed" href="#collapse2_4" data-parent="#home23-accordion1" data-toggle="collapse"><span class="accordion_icon"></span>Free supports and updates</a> </h4> </div> <div class="panel-collapse collapse" id="collapse2_4"> <div class="panel-body">Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</div> </div> </div> </div> </div> </div> </div> </div> </div> </div><div class="pt-60 pb-10"></div>

Meet Our Teams (Full_Screen_PaneA · 3)

Code:

html

<div class="pb-60 container"> <div class="row pb-20"> <div class="col-sm-12 animation fadeInDown"> <div class="home23-con_a"> <p class="text">Doren orciac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conub nostra, per inceptos himenaeos. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p> </div> </div> <div class="col-sm-4"> <div class="home23-our_team animation fadeInUp"> <div class="team_list"> <div class="team_content"> <div class="team_img"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-ourteam_01.jpg" /></div> <h3 class="team_title">Frank Miller</h3> <h4 class="team_title2">Web Designer</h4> <p>Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet ipsum. sed diam non umy at volutpat</p> <div class="team_social"> <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> </div> </div> </div> </div> </div> <div class="col-sm-4"> <div class="home23-our_team animation fadeInUp"> <div class="team_list"> <div class="team_content"> <div class="team_img"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-ourteam_02.jpg" /></div> <h3 class="team_title">Steven Doe</h3> <h4 class="team_title2">Developer</h4> <p>Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet ipsum. sed diam non umy at volutpat</p> <div class="team_social"> <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> </div> </div> </div> </div> </div> <div class="col-sm-4"> <div class="home23-our_team animation fadeInUp"> <div class="team_list"> <div class="team_content xs-pb-0"> <div class="team_img"><img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-ourteam_03.jpg" /></div> <h3 class="team_title">John Smith</h3> <h4 class="team_title2">CEO</h4> <p>Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet ipsum. sed diam non umy at volutpat</p> <div class="team_social"> <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> </div> </div> </div> </div> </div> </div> </div>

Meet Our Teams (Full_Screen_PaneA · 4)

Code:

html

<div class="home23-SectionStyles2 pt-60 pb-60">
	<div class="dnn_layout pt-10 pb-10">
		<div class="content_mid clearfix">
			<div class="pane_layout">
				<div class="row animation fadeInUp">
					<div class="col-sm-12">
						<div class="home23-con_a white">
							<h3 class="title">Meet Our Teams</h3>
							<div class="line"></div>
							<p class="text">Doren orciac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conub nostra, per inceptos himenaeos. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p>
						</div>
					</div>
					
					<div class="col-sm-6 col-md-3">
						<div class="home23-chart_list">
							<div class="percentage" data-percent="90">
								<div class="percentage_inner"><span>0</span>%</div>
							</div>
							<p>Web Design</p>
						</div>
						<div class="visible-sm visible-xs pt-50"></div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="home23-chart_list">
							<div class="percentage" data-percent="95">
								<div class="percentage_inner"><span>0</span>%</div>
							</div>
							<p>HTML5 &amp; CSS3</p>
						</div>
						<div class="visible-sm visible-xs pt-50"></div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="home23-chart_list">
							<div class="percentage" data-percent="85">
								<div class="percentage_inner"><span>0</span>%</div>
							</div>
							<p>Graphic Design</p>
						</div>
						<div class="visible-xs pt-50"></div>
					</div>
					<div class="col-sm-6 col-md-3">
						<div class="home23-chart_list">
							<div class="percentage" data-percent="75">
								<div class="percentage_inner"><span>0</span>%</div>
							</div>
							<p>DNN</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="pt-60 pb-10"></div>

Our Services (Full_Screen_PaneA · 5)

Code:

html

<div class="container pb-40"> <div class="row"> <div class="col-sm-12"> <div class="home23-con_a"> <p class="text">Doren orciac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conub nostra, per inceptos himenaeos. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p> </div> </div> </div> <div class="home23-con_c home23-services animation fadeInUp"> <div class="row"> <div class="col-sm-4"> <h3><span class="fa fa-print"></span><a href="#">DNN Templates</a></h3> <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"> <h3><span class="fa fa-download"></span><a href="#">File Management</a></h3> <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"> <h3><span class="fa fa-briefcase"></span><a href="#">New Products</a></h3> <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> <div class="home23-con_c home23-services animation fadeInUp"> <div class="row"> <div class="col-sm-4"> <h3><span class="fa fa-cog"></span><a href="#">Easy To Customize</a></h3> <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"> <h3><span class="fa fa-lock"></span><a href="#">Info security</a></h3> <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"> <h3><span class="fa fa-comments"></span><a href="#">Make Comments</a></h3> <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> </div>

Featured Theme (Full_Screen_PaneA · 6)

Code:

html

<div class="home23-SectionStyles3 pt-60">
	<div class="container pt-20">
		<div class="row">
			<div class="col-sm-6">
				<div class="home23-con_d animation fadeInLeft"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-hand.png" /> </div>
			</div>
			<div class="col-sm-6">
				<div class="home23-con_a white textleft animation fadeInRight">
					<h3 class="title">Featured Theme</h3>
					<div class="line"></div>
					<p class="text">Doren orciac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conub nostra, per inceptos himenaeos. Sed ut perspiciatis unde omnis.</p>
					<ul>
						<li> <span>1</span>
							<h5>Browser Compatibility</h5>
							<p>Nunc nibh diam, blandit vitae vehicula dapibus. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu.</p>
						</li>
						<li> <span>2</span>
							<h5>Advanced Technology</h5>
							<p>Nunc nibh diam, blandit vitae vehicula dapibus. Fusce et ornare sapien, non euismod felis. Integer et risus quis arcu.</p>
						</li>
					</ul>
					<div class="pt-10">
						<div class="home23-Button01">
							<a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">All The Features</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="pt-60 pb-10"></div>

Recent Works (Full_Screen_PaneA · 7)

Code:

html

<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="home23-con_a animation fadeInUp">
<p class="text">Doren orciac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conub nostra, per inceptos himenaeos. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p>
</div>
</div>
</div>
</div>
<div class="isotope_grid home23-isotope_grid animation fadeInUp">
<div class="isotope_group"> <a class="active" href="#" data-filter="*">All</a>/<a href="#" data-filter=".webdesign">Web Design</a>/<a href="#" data-filter=".blogs">Blog</a>/<a href="#" data-filter=".photography">Photography</a>/<a href="#" data-filter=".videos">Videos</a></div>
<div class="loading">
<div class="loading-container container1">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>
<div class="circle4"></div>
</div>
<div class="loading-container container2">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>
<div class="circle4"></div>
</div>
<div class="loading-container container3">
<div class="circle1"></div>
<div class="circle2"></div>
<div class="circle3"></div>
<div class="circle4"></div>
</div>
</div>
<div class="isotope_main" data-min-width="390">
<div class="isotope_item webdesign">
<div class="photo_box img_zoom ico_zoom"> <a href="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox1_01.jpg" class="LightBox_image_gallery2" data-effect="mfp-move-from-top">
<div class="pic_box"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox1_01.jpg" />
<div class="content">
<div class="vertical_center_1">
<div class="vertical_center_2">
<div class="ico"><span class="fa fa-plus"></span></div>
<h3>Create Website</h3>
<p>Web Design</p>
</div>
</div>
</div>
<div class="shade"></div>
</div>
</a> </div>
</div>
<div class="isotope_item blogs">
<div class="photo_box img_zoom ico_zoom"> <a href="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox1_02.jpg" class="LightBox_image_gallery2" data-effect="mfp-move-from-top">
<div class="pic_box"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox1_02.jpg" />
<div class="content">
<div class="vertical_center_1">
<div class="vertical_center_2">
<div class="ico"><span class="fa fa-plus"></span></div>
<h3>Create Website</h3>
<p>Blog</p>
</div>
</div>
</div>
<div class="shade"></div>
</div>
</a> </div>
</div>
<div class="isotope_item photography">
<div class="photo_box img_zoom ico_zoom"> <a href="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox1_03.jpg" class="LightBox_image_gallery2" data-effect="mfp-move-from-top">
<div class="pic_box"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox1_03.jpg" />
<div class="content">
<div class="vertical_center_1">
<div class="vertical_center_2">
<div class="ico"><span class="fa fa-plus"></span></div>
<h3>Create Website</h3>
<p>Photography</p>
</div>
</div>
</div>
<div class="shade"></div>
</div>
</a> </div>
</div>
<div class="isotope_item videos">
<div class="photo_box img_zoom ico_zoom"> <a href="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox1_04.jpg" class="LightBox_image_gallery2" data-effect="mfp-move-from-top">
<div class="pic_box"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox1_04.jpg" />
<div class="content">
<div class="vertical_center_1">
<div class="vertical_center_2">
<div class="ico"><span class="fa fa-plus"></span></div>
<h3>Create Website</h3>
<p>Videos</p>
</div>
</div>
</div>
<div class="shade"></div>
</div>
</a> </div>
</div>
<div class="isotope_item blogs webdesign">
<div class="photo_box img_zoom ico_zoom"> <a href="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox1_05.jpg" class="LightBox_image_gallery2" data-effect="mfp-move-from-top">
<div class="pic_box"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox1_05.jpg" />
<div class="content">
<div class="vertical_center_1">
<div class="vertical_center_2">
<div class="ico"><span class="fa fa-plus"></span></div>
<h3>Create Website</h3>
<p>Blogs Webdesign</p>
</div>
</div>
</div>
<div class="shade"></div>
</div>
</a> </div>
</div>
<div class="isotope_item photography videos">
<div class="photo_box img_zoom ico_zoom"> <a href="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox1_06.jpg" class="LightBox_image_gallery2" data-effect="mfp-move-from-top">
<div class="pic_box"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox1_06.jpg" />
<div class="content">
<div class="vertical_center_1">
<div class="vertical_center_2">
<div class="ico"><span class="fa fa-plus"></span></div>
<h3>Create Website</h3>
<p>Photography Videos</p>
</div>
</div>
</div>
<div class="shade"></div>
</div>
</a> </div>
</div>
<div class="isotope_item blogs videos">
<div class="photo_box img_zoom ico_zoom"> <a href="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox1_07.jpg" class="LightBox_image_gallery2" data-effect="mfp-move-from-top">
<div class="pic_box"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox1_07.jpg" />
<div class="content">
<div class="vertical_center_1">
<div class="vertical_center_2">
<div class="ico"><span class="fa fa-plus"></span></div>
<h3>Create Website</h3>
<p>Blogs Videos</p>
</div>
</div>
</div>
<div class="shade"></div>
</div>
</a> </div>
</div>
<div class="isotope_item photography webdesign">
<div class="photo_box img_zoom ico_zoom"> <a href="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox1_08.jpg" class="LightBox_image_gallery2" data-effect="mfp-move-from-top">
<div class="pic_box"> <img alt="" class="img-responsive" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox1_08.jpg" />
<div class="content">
<div class="vertical_center_1">
<div class="vertical_center_2">
<div class="ico"><span class="fa fa-plus"></span></div>
<h3>Create Website</h3>
<p>Photography Webdesign</p>
</div>
</div>
</div>
<div class="shade"></div>
</div>
</a> </div>
</div>
</div>
</div>

“Sed ut perspiciatis unde omnis iste natus error s (Full_Screen_PaneA · 8)

Code:

html

<div class="home23-SectionStyles4 pt-60 pb-60"> <div class="container animation fadeInUp pt-20 pb-20"> <div class="row"> <div class="col-sm-12"> <ul data-display-navigation="false" data-autoplay="5000" data-height-auto="false" data-position="roll-left" class="Testimonials_tab home23-Testimonials"> <li> <blockquote> <p><span class="Pic"><img alt="" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-Pic1_01.jpg" class="img-responsive" /></span> &ldquo;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.&rdquo;</p> <small>Steven Chris <span>The Buyer of dnngo.net</span></small> </blockquote> </li> <li> <blockquote> <p><span class="Pic"><img alt="" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-Pic1_02.jpg" class="img-responsive" /></span> &ldquo;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.&rdquo;</p> <small>David Smith <span>The Buyer of dnngo.net</span></small> </blockquote> </li> <li> <blockquote> <p><span class="Pic"><img alt="" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-Pic1_03.jpg" class="img-responsive" /></span> &ldquo;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.&rdquo;</p> <small>David Smith <span>The Buyer of dnngo.net</span></small> </blockquote> </li> </ul> </div> </div> </div> </div><div class="pt-60 pb-10"></div>

Pricing Tables (Full_Screen_PaneA · 9)

Code:

html

<div class="container pb-60 mb-10">
	<div class="row">
		<div class="col-sm-12">
			<div class="home23-con_a animation fadeInUp">
				<p class="text">Doren orciac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conub nostra, per inceptos himenaeos. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p>
			</div>
		</div>
	</div>
	<div class="home23-con_e price-table home23-price-table row">
		<div class="col-md-3 col-sm-6">
			<div class="price_border animation_item scaleUp delay1">
				<div class="price_title">
					<h2>Basic Plan</h2> </div>
				<div class="price_holder">
					<div class="price_box"><span class="sup">$</span><span class="price">100</span><span class="unit">Per Month</span></div>
					<ul>
						<li>Responsive Web</li>
						<li>Sample Pages</li>
						<li>Unlimited Colors</li>
						<li><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span> </li>
					</ul>
					<a class="btn " href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">BUY NOW!</a>
				</div>
			</div>
		</div>
		<div class="col-md-3 col-sm-6 best_value">
			<div class="price_border animation_item scaleUp delay2">
				<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">Per Month</span></div>
					<ul>
						<li>Responsive Web</li>
						<li>Sample Pages</li>
						<li>Unlimited Colors</li>
						<li><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span><span class="fa fa-star-o"></span></li>
					</ul>
					<a class="btn" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">Buy Now !</a>
				</div>
			</div>
		</div>
		<div class="col-md-3 col-sm-6">
			<div class="price_border animation_item scaleUp delay3">
				<div class="price_title">
					<h2>MAXIMUM</h2> </div>
				<div class="price_holder">
					<div class="price_box"><span class="sup">$</span><span class="price">300</span><span class="unit">Per Month</span></div>
					<ul>
						<li>Responsive Web</li>
						<li>Sample Pages</li>
						<li>Unlimited Colors</li>
						<li><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star-o"></span></li>
					</ul>
					<a class="btn" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">Buy Now !</a>
				</div>
			</div>
		</div>
		<div class="col-md-3 col-sm-6">
			<div class="price_border animation_item scaleUp delay4">
				<div class="price_title">
					<h2>EXTREME</h2> </div>
				<div class="price_holder">
					<div class="price_box"><span class="sup">$</span><span class="price">400</span><span class="unit">Per Month</span></div>
					<ul>
						<li>Responsive Web</li>
						<li>Sample Pages</li>
						<li>Unlimited Colors</li>
						<li><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span><span class="fa fa-star"></span></li>
					</ul>
					<a class="btn " href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">Buy Now !</a>
				</div>
			</div>
		</div>
	</div>
</div>

Develop interactive, engaging and satisfying websi (Full_Screen_PaneA · 10)

Code:

html

<div class="home23-SectionStyles5 pt-60 pb-60"> <div class="dnn_layout"> <div class="content_mid clearfix"> <div class="pane_layout"> <div class="row"> <div class="col-sm-12"> <h3 class="home23-con_f animation fadeInUp">Develop interactive, engaging and satisfying website <div class="clearfix visible-sm"></div> <a class="home23-Button02" href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">Purchase This Theme</a> </h3> </div> </div> </div> </div> </div> </div><div class="pt-60 pb-10"></div>

Contact Us (Full_Screen_PaneA · 11)

Code:

html

<div class="container"> <div class="row"> <div class="col-sm-12"> <div class="home23-con_a animation fadeInUp"> <p style="margin-bottom:0;">Doren orciac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conub nostra, per inceptos himenaeos. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p> </div> </div> </div> </div>

Work Time: Monday-Friday: 8:00AM-5:30PM (RowFour_Grid6_Pane1)

Code:

html

<ul class="home23-con_g animation fadeInLeft">
 <li><span class="fa fa-clock-o"></span>
 <h6><span>Work Time:</span> Monday-Friday: 8:00AM-5:30PM</h6>
 </li>
 <li><span class="fa fa-fax"></span>
 <h6><span>Phone Number:</span> Office One: (+086) - 2566 -8799 Office Two: (+086) - 2477 -8366</h6>
 </li>
 <li><span class="fa fa-location-arrow"></span>
 <h6><span>Our Address:</span> YuanLin Hotel 16th Floor, XinAn Street, HuaYu Road No.2, KuiGuan Company</h6>
 </li>
 <li><span class="fa fa-envelope"></span>
 <h6><span>Email:</span> [email protected]</h6>
 </li>
</ul>

Form Section (RowFour_Grid6_Pane2)

This section uses the DNNGo PowerForms module — see PowerForms.

BottomOutPane Section (BottomOutPane)

Code:

html

<div class="pt-10"></div><div class="animation fadeInUp mt-20 home23-gmap" id="gmap01"></div>

About (FootPaneD)

Code:

html

<div class="home23-botbox_c clearfix animation fadeInUp">
<p>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.
<br />
<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nibh diam, blandit</p>
<br />
<a class="fa fa-facebook" href="#"></a>
<a class="fa fa-dribbble" href="#"></a>
<a class="fa fa-twitter" href="#"></a>
<a class="fa fa-google-plus" href="#"></a>
<a class="fa fa-linkedin" href="#"></a>
<a class="fa fa-rss" href="#"></a>
</div>

Photos (FootPaneE)

Code:

html

<div class="home23-botbox_d clearfix animation fadeInUp">
<div class="col-sm-4 col-xs-6">
<div class="photo_box"> <a href="http://demo8.dnngo.net/portals/13/Home23-Images/home23-big_01.jpg" class="LightBox_image_gallery1" title="Image Gallery">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox2_01.jpg" class="img-responsive" />
<div class="shade"></div>
</div>
</a> </div>
</div>
<div class="col-sm-4  col-xs-6">
<div class="photo_box"> <a href="http://demo8.dnngo.net/portals/13/Home23-Images/home23-big_02.jpg" class="LightBox_image_gallery1" title="Image Gallery">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox2_02.jpg" class="img-responsive" />
<div class="shade"></div>
</div>
</a> </div>
</div>
<div class="col-sm-4  col-xs-6">
<div class="photo_box"> <a href="http://demo8.dnngo.net/portals/13/Home23-Images/home23-big_03.jpg" class="LightBox_image_gallery1" title="Image Gallery">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox2_03.jpg" class="img-responsive" />
<div class="shade"></div>
</div>
</a> </div>
</div>
<div class="col-sm-4  col-xs-6">
<div class="photo_box"> <a href="http://demo8.dnngo.net/portals/13/Home23-Images/home23-big_04.jpg" class="LightBox_image_gallery1" title="Image Gallery">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox2_04.jpg" class="img-responsive" />
<div class="shade"></div>
</div>
</a> </div>
</div>
<div class="col-sm-4  col-xs-6">
<div class="photo_box"> <a href="http://demo8.dnngo.net/portals/13/Home23-Images/home23-big_05.jpg" class="LightBox_image_gallery1" title="Image Gallery">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox2_05.jpg" class="img-responsive" />
<div class="shade"></div>
</div>
</a> </div>
</div>
<div class="col-sm-4  col-xs-6">
<div class="photo_box"> <a href="http://demo8.dnngo.net/portals/13/Home23-Images/home23-big_06.jpg" class="LightBox_image_gallery1" title="Image Gallery">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox2_06.jpg" class="img-responsive" />
<div class="shade"></div>
</div>
</a> </div>
</div>
<div class="col-sm-4  col-xs-6">
<div class="photo_box"> <a href="http://demo8.dnngo.net/portals/13/Home23-Images/home23-big_07.jpg" class="LightBox_image_gallery1" title="Image Gallery">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox2_07.jpg" class="img-responsive" />
<div class="shade"></div>
</div>
</a> </div>
</div>
<div class="col-sm-4  col-xs-6">
<div class="photo_box"> <a href="http://demo8.dnngo.net/portals/13/Home23-Images/home23-big_08.jpg" class="LightBox_image_gallery1" title="Image Gallery">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox2_08.jpg" class="img-responsive" />
<div class="shade"></div>
</div>
</a> </div>
</div>
<div class="col-sm-4  col-xs-6">
<div class="photo_box"> <a href="http://demo8.dnngo.net/portals/13/Home23-Images/home23-big_09.jpg" class="LightBox_image_gallery1" title="Image Gallery">
<div class="pic_box"> <img alt="" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-LightBox2_09.jpg" class="img-responsive" />
<div class="shade"></div>
</div>
</a> </div>
</div>
</div>

Categories (FootPaneF)

Code:

html

<ul class="home23-botbox_e animation fadeInUp"> <li><a href="#" target="blank"><span class="fa fa-list-ul"></span>Module Development</a></li> <li><a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank"><span class="fa fa-list-ul"></span>Responsive Web</a></li> <li><a href="#" target="blank"><span class="fa fa-list-ul"></span>DNN xBlog Module</a></li> <li><a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank"><span class="fa fa-list-ul"></span>Unlimited-Color Skin</a></li> <li><a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank"><span class="fa fa-list-ul"></span>Create New Website</a></li> </ul>

Recent News (FootPaneG)

Code:

html

<ul class="home23-botbox_f animation fadeInUp"> <li> <div class="img"><img alt="" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-recentnews01.jpg" /></div> <p>Totam rem aperiam, eaque ipsa quae ab illo inventore veritatis quasi</p> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">Read More</a> </li> <li class="bbf2"> <div class="img"><img alt="" src="http://demo8.dnngo.net/portals/13/Home23-Images/home23-recentnews02.jpg" /></div> <p>Totam rem aperiam, eaque ipsa quae ab illo inventore veritatis quasi</p> <a href="http://store.dnnsoftware.com/home/product-details/PackageID/36589/r/cd57d7207c9d4266bc34" target="blank">Read More</a> </li> </ul>

Home Version 23 Page Code ​

Contact Info (HeaderPane) ​

Banner Section (BannerPane) ​

Who We Are (Full_Screen_PaneA · 1) ​

What We Do (Full_Screen_PaneA · 2) ​

Meet Our Teams (Full_Screen_PaneA · 3) ​

Meet Our Teams (Full_Screen_PaneA · 4) ​

Our Services (Full_Screen_PaneA · 5) ​

Featured Theme (Full_Screen_PaneA · 6) ​

Recent Works (Full_Screen_PaneA · 7) ​

“Sed ut perspiciatis unde omnis iste natus error s (Full_Screen_PaneA · 8) ​

Pricing Tables (Full_Screen_PaneA · 9) ​

Develop interactive, engaging and satisfying websi (Full_Screen_PaneA · 10) ​

Contact Us (Full_Screen_PaneA · 11) ​

Work Time: Monday-Friday: 8:00AM-5:30PM (RowFour_Grid6_Pane1) ​

Form Section (RowFour_Grid6_Pane2) ​

BottomOutPane Section (BottomOutPane) ​

About (FootPaneD) ​

Photos (FootPaneE) ​

Categories (FootPaneF) ​

Recent News (FootPaneG) ​

Home Version 23 Page Code

Contact Info (HeaderPane)

Banner Section (BannerPane)

Who We Are (Full_Screen_PaneA · 1)

What We Do (Full_Screen_PaneA · 2)

Meet Our Teams (Full_Screen_PaneA · 3)

Meet Our Teams (Full_Screen_PaneA · 4)

Our Services (Full_Screen_PaneA · 5)

Featured Theme (Full_Screen_PaneA · 6)

Recent Works (Full_Screen_PaneA · 7)

“Sed ut perspiciatis unde omnis iste natus error s (Full_Screen_PaneA · 8)

Pricing Tables (Full_Screen_PaneA · 9)

Develop interactive, engaging and satisfying websi (Full_Screen_PaneA · 10)

Contact Us (Full_Screen_PaneA · 11)

Work Time: Monday-Friday: 8:00AM-5:30PM (RowFour_Grid6_Pane1)

Form Section (RowFour_Grid6_Pane2)

BottomOutPane Section (BottomOutPane)

About (FootPaneD)

Photos (FootPaneE)

Categories (FootPaneF)

Recent News (FootPaneG)