橙色欧美风格的房地产企业网站源码下载



5 18 7



模板描述:橙色欧美风格 房地产 企业网站,橙色欧美风格的房地产企业网站源码下载html模板下载

代码结构

1. 引入CSS

<link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<link href="css/owl.carousel.css" rel="stylesheet">
<link rel="stylesheet" href="css/lightbox.css">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">

2. 引入JS

<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script defer src="js/jquery.flexslider.js"></script>
<script src="js/lightbox-plus-jquery.min.js"> </script>
<script src="js/owl.carousel.js"></script>
<script src="js/slideshow.min.js"></script>
<script src="js/launcher.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script src="js/bootstrap.js"></script>

3. HTML代码

<!--banner start here-->
<div class="banner" id="home">
<div class="agileinfo-dot">
   <div class="header">
		   <div class="header-main">
		   	 <div class="container">
			<nav class="navbar navbar-default">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<h1><a  href="index.html">Lavish Plot</a></h1>
					</div>
					<!-- navbar-header -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav navbar-right">
								<li class="scroll hvr-underline-from-center"><a href="index.html">Home</a></li>
								<li><a class="scroll hvr-underline-from-center" href="#about">About</a></li>
								<li><a class="scroll hvr-underline-from-center" href="#property">Properties</a></li>
								<li><a class="scroll hvr-underline-from-center" href="#team">Agents</a></li>
								<li><a class="scroll hvr-underline-from-center" href="#gallery">Gallery</a></li>
								<li><a class="scroll hvr-underline-from-center" href="#contact">Contact</a></li>
						  </ul>
					</div>
					<div class="clearfix"> </div>	
				</nav>
			 <div class="clearfix"> </div>
		   </div>
		   </div>
<div class="container">
		   <div class="banner-bottom">
		   	   <section class="slider">
				 <div class="flexslider">
					<ul class="slides">
					  <li>
					  	<div class="banner-bottom-text">
					  			<h3>Discover Luxury Homes</h3>
						   	   <p>We complete your dreams.</p> 	
					 	</div>
					  </li>
					  <li>
					  	<div class="banner-bottom-text">
					  		<h3>Buy and  sell amazing places</h3>
						   	   <p>We complete your dreams.</p> 	
					 	</div>
					  </li>
					  <li>
					  	<div class="banner-bottom-text">
					  		<h3>Explore unique lifestyles</h3>
						   	   <p>We complete your dreams.</p> 	
					 	</div>
					  </li>				  
				    </ul>
				 </div>
				 <div class="clearfix"> </div>
		      </section>
			<div class="search-agileits">			
				<form action="#" method="post">
					<input type="search" name="Search" placeholder="Search Your Property" required="" />
					<input type="submit" value="Search">
				</form>
			</div>	
			<div class="thim-click-to-bottom">
				<a href="#about" class="scroll">
					<i class="fa fa-chevron-down" aria-hidden="true"></i>
				</a>
			</div>
		   </div>
		</div>
	</div>
</div>
</div>
<!--banner end here-->
<!--banner bottom-->
<div class="banner-btm-w3layouts" id="services">
	<div class="container">
	<div class="tittle-agileinfo">
		<h3>Welcome to <span>Lavish Plot</span></h3>
		<p >Suspendisse fringilla pellentesque risus sit amet bibendum.</p>
	</div>
		<div class="services-main">
		<div class="top-w3ls">
			<div class="col-md-3 banner-botm-w3ls">
				<div class=" banner-btm-w3layouts-grids wow fadeInUp animated" data-wow-delay=".5s">
					<p>Lorem ipsum dolor sit amet, consectetur adipi amet bibendum.</p>
					<div class="banner-btm-w3layouts-img">
						<i class="fa fa-home" aria-hidden="true"></i>
					</div>
				</div>
				<h5>Homes for sale</h5>
			</div>
			<div class="col-md-3 banner-botm-w3ls">
				<div class="banner-btm-w3layouts-grids banner-btm-w3layouts-mdl wow fadeInUp animated" data-wow-delay=".5s">
					<p>Lorem ipsum dolor sit amet, consectetur adipi amet bibendum.</p>
					<div class="banner-btm-w3layouts-img">
						<i class="fa fa-building-o" aria-hidden="true"></i>
					</div>
				</div>
				<h5>Homes for rent</h5>
			</div>
			<div class="col-md-3 banner-botm-w3ls">
				<div class="banner-btm-w3layouts-grids banner-btm-w3layouts-mdl1 wow fadeInUp animated" data-wow-delay=".5s">
					<p>Lorem ipsum dolor sit amet, consectetur adipi amet bibendum.</p>
					<div class="banner-btm-w3layouts-img">
						<i class="fa fa-building" aria-hidden="true"></i>
					</div>
				</div>
				<h5>Homes for lease</h5>
			</div>
			<div class="col-md-3 banner-botm-w3ls">
				<div class="banner-btm-w3layouts-grids wow fadeInUp animated" data-wow-delay=".5s">
					<p>Lorem ipsum dolor sit amet, consectetur adipi amet bibendum.</p>
					<div class="banner-btm-w3layouts-img">
						<i class="fa fa-hospital-o" aria-hidden="true"></i>
					</div>
				</div>
				<h5>Homes for mortgage</h5>
			</div>
			<div class="clearfix"> </div>	
			</div>
			<div class="bottom-w3ls">
			<div class="col-md-3 banner-botm-w3ls">
				<div class="banner-btm-w3layouts-grids wow fadeInUp animated" data-wow-delay=".5s">
					<p>Lorem ipsum dolor sit amet, consectetur adipi amet bibendum.</p>
					<div class="banner-btm-w3layouts-img">
						<i class="fa fa-bar-chart" aria-hidden="true"></i>
					</div>
				</div>
				<h5>Finance service</h5>
			</div>
			<div class="col-md-3 banner-botm-w3ls">
				<div class="banner-btm-w3layouts-grids banner-btm-w3layouts-mdl wow fadeInUp animated" data-wow-delay=".5s">
					<p>Lorem ipsum dolor sit amet, consectetur adipi amet bibendum.</p>
					<div class="banner-btm-w3layouts-img">
						<i class="fa fa-users" aria-hidden="true"></i>
					</div>
				</div>
				<h5>Matching Buyer</h5>
			</div>
			<div class="col-md-3 banner-botm-w3ls">
				<div class="banner-btm-w3layouts-grids banner-btm-w3layouts-mdl1 wow fadeInUp animated" data-wow-delay=".5s">
					<p>Lorem ipsum dolor sit amet, consectetur adipi amet bibendum.</p>
					<div class="banner-btm-w3layouts-img">
						<i class="fa fa-percent" aria-hidden="true"></i>
					</div>
				</div>
				<h5>Price analysis</h5>
			</div>
			<div class="col-md-3 banner-botm-w3ls">
				<div class="banner-btm-w3layouts-grids wow fadeInUp animated" data-wow-delay=".5s">
					<p>Lorem ipsum dolor sit amet, consectetur adipi amet bibendum.</p>
					<div class="banner-btm-w3layouts-img">
						<i class="fa fa-money" aria-hidden="true"></i>
					</div>
				</div>
				<h5>Make money</h5>
			</div>
			<div class="clearfix"> </div>	
			</div>
				<div class="clearfix"> </div>	
		</div>
	</div>
</div>
<!--//banner bottom-->
<!-- about -->
<div class="about" id="about">
	<div class="about-left">
		<h2>About our <span>lavish plot</span></h2>
		<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500 when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
	</div>
</div>
<!-- //about-bottom -->
<!--property -->
	<div class="property" id="property">
	<div class="container">
	<div class="tittle-agileinfo">
			<h3>property for<span> sale</span></h3>
			<p >Suspendisse fringilla pellentesque risus sit amet bibendum.</p>
		</div>
			<div class="agile-team-grids">
				<div class="col-md-4 team-grid">
					<div class="team-img">
						<img src="images/g3.jpg" class="img-responsive" alt=" " />
						<figcaption class="overlay">
								<a href="#"  data-toggle="modal" data-target="#myModal1">Read More</a>
						</figcaption>
					</div>
					<div class="prop-info-w3ls">
						<div class="both-w3-agileits">
						<p><i class="fa fa-home" aria-hidden="true"></i> 450 Sqft</p>
						</div>
						<div class="both-w3-agileits">
						<p><i class="fa fa-bed" aria-hidden="true"></i> 5</p>
						</div>
						<div class="both-w3-agileits">
						<p><i class="fa fa-wheelchair" aria-hidden="true"></i> 3</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="prop-btm-w3ls">
						<h4>Luxury Villa<span>$55,320</span></h4>
						<p><i class="fa fa-map-marker" aria-hidden="true"></i>8901 Marmora Road,Australia</p>
					</div>
				</div>
				<div class="col-md-4 team-grid">
					<div class="team-img">
						<img src="images/g4.jpg" class="img-responsive" alt=" " />
						<figcaption class="overlay">
							<a href="#"  data-toggle="modal" data-target="#myModal2">Read More</a>
						</figcaption>
					</div>
					<div class="prop-info-w3ls">
						<div class="both-w3-agileits">
						<p><i class="fa fa-home" aria-hidden="true"></i> 480 Sqft</p>
						</div>
						<div class="both-w3-agileits">
						<p><i class="fa fa-bed" aria-hidden="true"></i> 5</p>
						</div>
						<div class="both-w3-agileits">
						<p><i class="fa fa-wheelchair" aria-hidden="true"></i> 3</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="prop-btm-w3ls">
						<h4>Luxury Villa<span>$58,390</span></h4>
						<p><i class="fa fa-map-marker" aria-hidden="true"></i>8901 Marmora Road,New Jersey</p>
					</div>
				</div>
				<div class="col-md-4 team-grid">
					<div class="team-img">
						<img src="images/g8.jpg" class="img-responsive" alt=" " />
						<figcaption class="overlay">
								<a href="#"  data-toggle="modal" data-target="#myModal3">Read More</a>
						</figcaption>
					</div>
					<div class="prop-info-w3ls">
						<div class="both-w3-agileits">
						<p><i class="fa fa-home" aria-hidden="true"></i> 500 Sqft</p>
						</div>
						<div class="both-w3-agileits">
						<p><i class="fa fa-bed" aria-hidden="true"></i> 4</p>
						</div>
						<div class="both-w3-agileits">
						<p><i class="fa fa-wheelchair" aria-hidden="true"></i> 3</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="prop-btm-w3ls">
						<h4>Luxury Villa<span>$60,320</span></h4>
						<p><i class="fa fa-map-marker" aria-hidden="true"></i>8901 Marmora Road,Italy</p>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		<div class="clearfix"> </div>
			</div>
	</div>
	<!-- Modal2 -->
						<div class="modal fade" id="myModal1" tabindex="-1" role="dialog">
							<div class="modal-dialog">
							<!-- Modal content-->
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal">&times;</button>
										<h4>Lavish Plot</h4>
										<img src="images/g3.jpg" alt=" " class="img-responsive">
										<h5>PROPERTY FOR SALE</h5>
										<div class="prop-btm-w3ls">
											<h4>Luxury Villa<span>$55,320</span></h4>
											<p><i class="fa fa-map-marker" aria-hidden="true"></i>8901 Marmora Road,Australia</p>
										</div>
										<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
									</div>
								</div>
							</div>
						</div>
<!-- //Modal2 -->
<!-- Modal2 -->
						<div class="modal fade" id="myModal2" tabindex="-1" role="dialog">
							<div class="modal-dialog">
							<!-- Modal content-->
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal">&times;</button>
										<h4>Lavish Plot</h4>
										<img src="images/g4.jpg" alt=" " class="img-responsive">
										<h5>PROPERTY FOR SALE</h5>
										<div class="prop-btm-w3ls">
											<h4>Luxury Villa<span>$58,390</span></h4>
											<p><i class="fa fa-map-marker" aria-hidden="true"></i>8901 Marmora Road,New Jersey</p>
										</div>
										<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
									</div>
								</div>
							</div>
						</div>
<!-- //Modal2 -->
<!-- Modal2 -->
						<div class="modal fade" id="myModal3" tabindex="-1" role="dialog">
							<div class="modal-dialog">
							<!-- Modal content-->
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal">&times;</button>
										<h4>Lavish Plot</h4>
										<img src="images/g8.jpg" alt=" " class="img-responsive">
										<h5>PROPERTY FOR SALE</h5>
										<div class="prop-btm-w3ls">
											<h4>Luxury Villa<span>$60,320</span></h4>
											<p><i class="fa fa-map-marker" aria-hidden="true"></i>8901 Marmora Road,Italy</p>
										</div>
										<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
									</div>
								</div>
							</div>
						</div>
<!-- //Modal2 -->
<!-- //property -->
<!-- team -->
	<div class="team" id="team">
		<div class="container">
		<div class="tittle-agileinfo">
			<h3>Our <span>Agents</span></h3>
			<p >Suspendisse fringilla pellentesque risus sit amet bibendum.</p>
		</div>
						  <div class="inner_w3l_agile_grids">
						<div class="sreen-gallery-cursual">
						       <div id="owl-demo" class="owl-carousel">
							      <div class="item-owl">
					                		<div class="test-review">
						                	  <img src="images/s1.jpg" class="img-responsive" alt=""/>
											  <h5>Nick Anderson</h5>
											  <h6>Manager</h6>
					                	    </div>
					                </div>
					                 <div class="item-owl">
					                	<div class="test-review">
						                	  <img src="images/s2.jpg" class="img-responsive" alt=""/>
											  <h5>Susan</h5>
											  <h6>Sales Agent</h6>
					                	    </div>
					                </div>
					                 <div class="item-owl">
					                	    <div class="test-review">
						                	  <img src="images/s3.jpg" class="img-responsive" alt=""/>
											  <h5>Mendelson</h5>
											  <h6>Agent</h6>
					                	    </div>
					                </div>
									 <div class="item-owl">
					                	    <div class="test-review">
						                	  <img src="images/s4.jpg" class="img-responsive" alt=""/>
											  <h5>John Smith</h5>
											  <h6>Area Agent</h6>
					                	    </div>
					                </div>
									<div class="item-owl">
					                	    <div class="test-review">
						                	  <img src="images/s5.jpg" class="img-responsive" alt=""/>
											 <h5>Alexandra</h5>
											  <h6>Manager</h6>
					                	    </div>
					                </div>
					                 <div class="item-owl">
					                		<div class="test-review">
						                	  <img src="images/s6.jpg" class="img-responsive" alt=""/>
											   <h5>Mendelson</h5>
											  <h6>Sales Manager</h6>
					                	    </div>
					                </div>
									 <div class="item-owl">
					                		<div class="test-review">
						                	  <img src="images/s1.jpg" class="img-responsive" alt=""/>
											  <h5>Nick Anderson</h5>
											  <h6>Agent</h6>
					                	    </div>
					                </div>
								</div>
							</div>
				            </div>
				<div class="clearfix"> </div>
		</div>
	</div>
<!-- //team -->
 <!--/gallery-->
 <div class="gallery" id="gallery">
	<div class="container">
	<div class="tittle-agileinfo">
			<h3>Our<span> Gallery</span></h3>
			<p >Suspendisse fringilla pellentesque risus sit amet bibendum.</p>
		</div>
		    <div class="w3-agile-top-info">	
				<div class="col-md-4 gallery-grid">
					<div class="grid">
						<figure class="effect-roxy">
							<a class="example-image-link" href="images/g1.jpg" data-lightbox="example-set" data-title="In lacinia pharetra ipsum vel dapibus. Ut vitae tristique nisi, mattis pellentesque elit. Proin mollis sed nisi ac sodales.">
								<img src="images/g1.jpg" alt="" />
								<figcaption>
									<h3>Lavish <span>Plot</span></h3>
								</figcaption>	
							</a>
						</figure>
					</div>
				</div>
				<div class="col-md-4 gallery-grid">
					<div class="grid">
						<figure class="effect-roxy">
							<a class="example-image-link" href="images/g2.jpg" data-lightbox="example-set" data-title="In lacinia pharetra ipsum vel dapibus. Ut vitae tristique nisi, mattis pellentesque elit. Proin mollis sed nisi ac sodales.">
								<img src="images/g2.jpg" alt="" />
								<figcaption>
									<h3>Lavish <span>Plot</span></h3>
								</figcaption>	
							</a>
						</figure>
					</div>
				</div>
				<div class="col-md-4 gallery-grid">
					<div class="grid">
						<figure class="effect-roxy">
							<a class="example-image-link" href="images/g3.jpg" data-lightbox="example-set" data-title="In lacinia pharetra ipsum vel dapibus. Ut vitae tristique nisi, mattis pellentesque elit. Proin mollis sed nisi ac sodales.">
								<img src="images/g3.jpg" alt="" />
								<figcaption>
									<h3>Lavish <span>Plot</span></h3>
								</figcaption>		
							</a>
						</figure>
					</div>
				</div>
				<div class="col-md-4 gallery-grid">
					<div class="grid">
						<figure class="effect-roxy">
							<a class="example-image-link" href="images/g4.jpg" data-lightbox="example-set" data-title="In lacinia pharetra ipsum vel dapibus. Ut vitae tristique nisi, mattis pellentesque elit. Proin mollis sed nisi ac sodales.">
								<img src="images/g4.jpg" alt="" />
								<figcaption>
								<h3>Lavish <span>Plot</span></h3>
								</figcaption>	
							</a>
						</figure>
					</div>
				</div>
				<div class="col-md-4 gallery-grid">
					<div class="grid">
						<figure class="effect-roxy">
							<a class="example-image-link" href="images/g5.jpg" data-lightbox="example-set" data-title="In lacinia pharetra ipsum vel dapibus. Ut vitae tristique nisi, mattis pellentesque elit. Proin mollis sed nisi ac sodales.">
								<img src="images/g5.jpg" alt="" />
								<figcaption>
									<h3>Lavish <span>Plot</span></h3>
								</figcaption>	
							</a>
						</figure>
					</div>
				</div>
				<div class="col-md-4 gallery-grid">
					<div class="grid">
						<figure class="effect-roxy">
							<a class="example-image-link" href="images/g6.jpg" data-lightbox="example-set" data-title="In lacinia pharetra ipsum vel dapibus. Ut vitae tristique nisi, mattis pellentesque elit. Proin mollis sed nisi ac sodales.">
								<img src="images/g6.jpg" alt="" />
								<figcaption>
									<h3>Lavish <span>Plot</span></h3>
								</figcaption>		
							</a>
						</figure>
					</div>
				</div>
				<div class="col-md-4 gallery-grid">
					<div class="grid">
						<figure class="effect-roxy">
							<a class="example-image-link" href="images/g7.jpg" data-lightbox="example-set" data-title="In lacinia pharetra ipsum vel dapibus. Ut vitae tristique nisi, mattis pellentesque elit. Proin mollis sed nisi ac sodales.">
								<img src="images/g7.jpg" alt="" />
								<figcaption>
									<h3>Lavish <span>Plot</span></h3>
								</figcaption>	
							</a>
						</figure>
					</div>
				</div>
				<div class="col-md-4 gallery-grid">
					<div class="grid">
						<figure class="effect-roxy">
							<a class="example-image-link" href="images/g8.jpg" data-lightbox="example-set" data-title="In lacinia pharetra ipsum vel dapibus. Ut vitae tristique nisi, mattis pellentesque elit. Proin mollis sed nisi ac sodales.">
								<img src="images/g8.jpg" alt="" />
								<figcaption>
									<h3>Lavish <span>Plot</span></h3>
								</figcaption>	
							</a>
						</figure>
					</div>
				</div>
				<div class="col-md-4 gallery-grid">
					<div class="grid">
						<figure class="effect-roxy">
							<a class="example-image-link" href="images/g9.jpg" data-lightbox="example-set" data-title="In lacinia pharetra ipsum vel dapibus. Ut vitae tristique nisi, mattis pellentesque elit. Proin mollis sed nisi ac sodales.">
								<img src="images/g9.jpg" alt="" />
								<figcaption>
									<h3>Lavish <span>Plot</span></h3>
								</figcaption>		
							</a>
						</figure>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
	</div>
</div>
<!--//gallery-->
<!-- testimonials -->
	<div class="testimonials">
		<div class="container">
		<div class="tittle-agileinfo">
			<h3>Some of our<span> happy clients</span></h3>
			<p >Suspendisse fringilla pellentesque risus sit amet bibendum.</p>
		</div>
			<div class="w3_testimonials_grids">
				<div id="slideshow" class="disabled">
					<button class="previous"><b>« Previous</b></button>
					<button class="next"><b>Next »</b></button>
					<div class="strip">
						<div class="slide sticky">
							<div class="col-md-6 agileinfo_team_grid">
					<div class="agileinfo_team_grid1">
						<div class="agileinfo_team_grid1_text">
							<div class="agileinfo_team_grid1_pos">
								<img src="images/s1.jpg" alt=" " class="img-responsive" />
							</div>
							<h4>Mark Henry</h4>
							<h5>Client 1</h5>
							<p>Sed eu sollicitudin ex. Donec malesuada maur ac lectus molestie tristique.</p>
						</div>
					</div>
				</div>
					<div class="col-md-6 agileinfo_team_grid">
					<div class="agileinfo_team_grid1">
						<div class="agileinfo_team_grid1_text">
							<div class="agileinfo_team_grid1_pos">
								<img src="images/s2.jpg" alt=" " class="img-responsive" />
							</div>
							<h4>John Mark</h4>
							<h5>Client 2</h5>
							<p>Sed eu sollicitudin ex. Donec malesuada maur ac lectus molestie tristique.</p>
						</div>
					</div>
				</div>
						</div>
						<div class="slide">
							<div class="col-md-6 agileinfo_team_grid">
					<div class="agileinfo_team_grid1">
						<div class="agileinfo_team_grid1_text">
							<div class="agileinfo_team_grid1_pos">
								<img src="images/s3.jpg" alt=" " class="img-responsive" />
							</div>
							<h4>Thomus Lii</h4>
							<h5>Client 3</h5>
							<p>Sed eu sollicitudin ex. Donec malesuada maur ac lectus molestie tristique.</p>
						</div>
					</div>
				</div>
				<div class="col-md-6 agileinfo_team_grid">
					<div class="agileinfo_team_grid1">
						<div class="agileinfo_team_grid1_text">
							<div class="agileinfo_team_grid1_pos">
								<img src="images/s5.jpg" alt=" " class="img-responsive" />
							</div>
							<h4>Joseph Carl</h4>
							<h5>Client 4</h5>
							<p>Sed eu sollicitudin ex. Donec malesuada maur ac lectus molestie tristique.</p>
						</div>
					</div>
				</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
<!-- //testimonials -->
<!-- newsletter -->
	<div class="agileits_w3layouts newsletter">
		<div class="col-md-4 news-left">
			<h3>Subscribe <span>Newsletter</span></h3>
		</div>
		<div class="col-md-8 news-right">
			<form action="#" method="post">
				<input class="email" type="email" name="Email" placeholder="Email" required="">
				<input type="submit" value="Submit">
			</form>
		</div>
		<div class="clearfix"> </div>
	</div>
<!-- //newsletter -->
<!-- contact -->
	<div class="contact" id="contact">
		<div class="container">
			<div class="tittle-agileinfo">
				<h3>Contact <span>Us</span></h3>
			</div>
			<div class="agile-contact-grids">
				<div class="col-md-6 agile-contact-left">
					<div class="address-grid">
						<h4>Our Address</h4>
						<ul class="w3_address">
							<li><i class="fa fa-map-marker" aria-hidden="true"></i>Melbourne St South Brisbane, QLD 4101,<span>Australia.</span></li>
							<li><i class="fa fa-mobile" aria-hidden="true"></i>+1234 567 567</li>
							<li><i class="fa fa-envelope-o" aria-hidden="true"></i><a href="mailto:info@example.com">info@example.com</a></li>
						</ul>
					</div>
					<div class="contact-form">
						<h4>Contact Form</h4>
						<form action="#" method="post">
							<div class="styled-input agile-styled-input-top">
								<input type="text" name="Name" required="">
								<label>Name</label>
								<span></span>
							</div>
							<div class="styled-input">
								<input type="email" name="Email" required=""> 
								<label>Email</label>
								<span></span>
							</div> 
							<div class="styled-input">
								<input type="text" name="Subject" required="">
								<label>Subject</label>
								<span></span>
							</div>
							<div class="styled-input">
								<textarea name="Message" required=""></textarea>
								<label>Message</label>
								<span></span>
							</div>	 
							<input type="submit" value="SEND">
						</form>
					</div>
				</div>
				<div class="col-md-6 agile-contact-right">
					<div class="agileits-map">
						<h4>Our Location</h4>
					</div>
					<div class="map-grid">
						<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3539.8126292789925!2d153.01415501513935!3d-27.475092082888686!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b915a0835840a2f%3A0xdd5e3f5c208dc0e1!2sMelbourne+St%2C+South+Brisbane+QLD+4101%2C+Australia!5e0!3m2!1sen!2sin!4v1486377281850" ></iframe>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- //contact -->
<!--footer-->
			<div class="copy">
		        <p>&copy; 2017 Lavish Plot . All Rights Reserved | Design by <a href="http://www.51qianduan.com//">xmoban.cn</a> </p>
		    </div>
<!--/footer -->
<!-- js -->
<!-- FlexSlider -->
				  <script type="text/javascript">
					$(function(){				 
					});
					$(window).load(function(){
					  $('.flexslider').flexslider({
						animation: "slide",
						start: function(slider){
						  $('body').removeClass('loading');
						}
					  });
					});
				  </script>
<!-- FlexSlider -->
<!-- required-js-files-->
		<script>
			$(document).ready(function() {
			$("#owl-demo").owlCarousel({
			items :3,
			itemsDesktop : [768,2],
			itemsDesktopSmall : [414,2],
			lazyLoad : true,
			autoPlay : true,
			navigation :true,
			navigationText :  false,
			pagination : true,
			});
			});
			</script>
<!--//required-js-files-->
<!-- clients-slider-script -->
<!-- //clients-slider-script -->
<!-- start-smoth-scrolling -->
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
<!-- smooth scrolling -->
	<script type="text/javascript">
		$(document).ready(function() {
		/*
			var defaults = {
			containerID: 'toTop', // fading element id
			containerHoverID: 'toTopHover', // fading element hover id
			scrollSpeed: 1200,
			easingType: 'linear' 
			};
		*/								
		$().UItoTop({ easingType: 'easeOutQuart' });
		});
	</script>
	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
<!-- //smooth scrolling -->



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 扁平化 企业 行业 公司 工厂 bootstrap bootstrap自适应 bootstrap响应式 pc+wap 移动+电脑 手机+电脑 简洁 简约 简单 橙色 房地产 房地产公司
×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到