绿色欧美风格的高端地产中介企业网站源码下载



5 18 7



模板描述:绿色欧美风格 高端地产中介 企业网站,绿色欧美风格的高端地产中介企业网站源码下载html模板下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link href='css/simplelightbox.min.css' rel='stylesheet' type='text/css'>
<link href="//fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Italianno" rel="stylesheet">

2. 引入JS

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/jquery.flexisel.js"></script>
<script type="text/javascript" src="js/simple-lightbox.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script src="js/SmoothScroll.min.js"></script>
<script src="js/main.js"></script>

3. HTML代码

<div class="Main-agile">
	<!-- banner -->
	<div id="home" class="w3ls-banner"> 
		<!-- banner-text -->
		<div class="w3layouts-banner-top">
			<div class="container">
				<div class="agileits-banner-info">
					<span>Finding Your House is Much </span>
					<div class="rw-words rw-words-1">
						<span>Easier now!</span>
						<span>Best Estate</span>
						<span>Happiness</span>
						<span>Wonder</span>
					</div>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
					Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
					<div class="agileits_w3layouts_more menu__item">
						<a href="#" class="menu__link" data-toggle="modal" data-target="#myModal">Learn More</a>
					</div>
				</div>	
			</div>
		</div>			
	</div>
	<div class="clearfix"> </div>
	<!-- //banner-text -->
</div>	
<!-- //banner --> 
<!-- header -->
<div class="header-w3layouts"> 
	<!-- Navigation -->
	<nav class="navbar navbar-default">
		<div class="navbar-header page-scroll">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
				<span class="sr-only">Assets </span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<h1><a class="logo" href="index.html"><span>A</span>ssets</a></h1>
		</div> 
		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse navbar-ex1-collapse">
			<ul class="nav navbar-nav navbar-right">
				<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
				<li class="active"><a href="index.html">Home</a></li>
				<li><a class="scroll scroll" href="#about">About</a></li>
				<li><a class="scroll scroll" href="#services">Services</a></li>
				<li><a class="scroll scroll" href="#team">Team</a></li>
				<li><a class="scroll scroll" href="#gallery">Gallery</a></li>
				<li><a class="scroll scroll" href="#contact">Contact Us</a></li>
			</ul>
		</div>
		<!-- /.navbar-collapse -->
	</nav>  
	<div class="w3ls_search">
		<div class="cd-main-header">
			<ul class="cd-header-buttons">
				<li><a class="cd-search-trigger" href="#cd-search"> <span></span></a></li>
			</ul> <!-- cd-header-buttons -->
		</div>
		<div id="cd-search" class="cd-search">
			<form action="#" method="post">
				<input name="Search" type="search" placeholder="Click enter after typing..." required="">
			</form>
		</div>
	</div>
</div>	
<!-- //header -->
<!-- Modal -->
<div class="modal fade" id="myModal" 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>
					<img src="images/3.jpg" alt=" " class="img-responsive">
					<h5>Donec lobortis pharetra dolor</h5>
					<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, rds which don't look even slightly believable..</p>
			</div>
		</div>
		<!-- //Modal content -->
	</div>
</div>
<!-- //Modal -->
<!-- about -->
<div class="about-top" id="about">
	<div class="container">
		<h3 class="w3l-title">Welcome To Our Assets </h3>
		<span class="w3-sub">A Few Words About Us</span>
		<div class="wthree-services-bottom-grids">
			<div class="col-md-6 wthree-services-left">
				<img src="images/img.jpg" alt="">
			</div>
			<div class="col-md-6 wthree-services-right first-w3l">
				<div class="wthree-services-right-top">
					<h4>Lorem ipsum dolor sit amet</h4>
					<p>Nam tempor pharetra egestas. laoreet massa. Donec tempor ex ultrices nisi commodo consectetur. Maecenas a diam cursus, vehicula ligula vel, fringilla libero. Mauris eu nulla.</p>
				</div>
				<div class="wthree-services-right-bottom">
					<div class="services-right-bottom-bottom">
						<div class="col-xs-1 services-bottom-icon">
							<i class="fa fa-home" aria-hidden="true"></i>
						</div>
						<div class="col-xs-11 services-bottom-info">
							<h5>Nam congue</h5>
							<p>In hac habitasse platea dictumst. Proin et ipsum non augue porttitor mollis eget semper nisl.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="services-right-bottom-bottom">
						<div class="col-xs-1 services-bottom-icon">
							<i class="fa fa-key" aria-hidden="true"></i>
						</div>
						<div class="col-xs-11 services-bottom-info">
							<h5>Nam congue</h5>
							<p>In hac habitasse platea dictumst. Proin et ipsum non augue porttitor mollis eget semper nisl.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!-- //about -->
<!-- services -->
<div id="services" class="services">
	<div class="container">  
		<h3 class="w3l-title w3l">Our Services</h3>
		<span class="w3-sub">Excellent Services</span>
		<div class="services-w3ls-row">
			<div class="col-md-4 col-sm-4 col-xs-4 services-grid agileits-w3layouts">
				<span class="glyphicon glyphicon-home effect-1" aria-hidden="true"></span>
				<h5>Renting Services</h5>
				<p>Itaque earum rerum hic a sapiente delectus in auctor sapien. Itaque earum rerum hic a sapiente delectus in auctor sapien.</p>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-4 services-grid agileits-w3layouts">
				<span class="glyphicon glyphicon-cog effect-1" aria-hidden="true"></span>
				<h5>Property Listing</h5>
				<p>Itaque earum rerum hic a sapiente delectus in auctor sapien. Itaque earum rerum hic a sapiente delectus in auctor sapien.</p>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-4 services-grid agileits-w3layouts">
				<span class="glyphicon glyphicon-map-marker effect-1" aria-hidden="true"></span>
				<h5>Various Locations</h5>
				<p>Itaque earum rerum hic a sapiente delectus in auctor sapien. Itaque earum rerum hic a sapiente delectus in auctor sapien.</p>
			</div> 
			<div class="clearfix"> </div>
		</div>  
	</div>
</div>
<!-- //services -->
<!-- ad -->
<div class="container">
<!-- 自适应广告 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1112982054462406"
     data-ad-slot="7771152246"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- /ad -->
<!-- team -->
<div class="team" id="team">
	<div class="team-dot">
		<div class="container">
			<div class="w3-agile-heading team-heading">
				<h3 class="w3l-title">Meet the Team</h3>
				<span class="w3-sub">An Award Winning Bunch</span>
			</div>
			<div class="agileits-team-grids">
				<div class="col-md-3 col-sm-3 col-xs-6 agileits-team-grid">
					<div class="team-info">
						<img src="images/t1.jpg" alt="">
						<div class="team-caption"> 
							<h4>Mark Duncan</h4>
							<p>Founder</p>
							<ul>
								<li><a href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a href="#"><i class="fa fa-rss"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-sm-3 col-xs-6 agileits-team-grid">
					<div class="team-info">
						<img src="images/t2.jpg" alt="">
						<div class="team-caption"> 
							<h4>Cynthia Baker</h4>
							<p>Broker</p>
							<ul>
								<li><a href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a href="#"><i class="fa fa-rss"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-sm-3 col-xs-6 agileits-team-grid">
					<div class="team-info">
						<img src="images/t3.jpg" alt="">
						<div class="team-caption"> 
							<h4>Peter Wright</h4>
							<p>CEO</p>
							<ul>
								<li><a href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a href="#"><i class="fa fa-rss"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-sm-3 col-xs-6 agileits-team-grid">
					<div class="team-info">
						<img src="images/t4.jpg" alt="">
						<div class="team-caption"> 
							<h4>Steven Wilson</h4>
							<p>Broker</p>
							<ul>
								<li><a href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a href="#"><i class="fa fa-rss"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
</div>
<!-- //team -->
<!-- feature -->
<div class="spe-w3l" id="feature">
	<div class="container">
		<div class="wthree-services-bottom-grids">
			<div class="col-md-6 wthree-services-right left-w3">
				<h3 class="title-w3">Amazing Features</h3>
				<div class="wthree-services-right-bottom">
					<div class="services-right-bottom-bottom">
						<div class="col-xs-1 services-bottom-icon">
							<i class="fa fa-home" aria-hidden="true"></i>
						</div>
						<div class="col-xs-11 services-bottom-info text-w3l">
							<h5>Living Inside a Nature</h5>
							<p>In hac habitasse platea dictumst. Proin et ipsum non augue porttitor mollis eget semper nisl.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="services-right-bottom-bottom">
						<div class="col-xs-1 services-bottom-icon">
							<i class="fa fa-paint-brush" aria-hidden="true"></i>
						</div>
						<div class="col-xs-11 services-bottom-info text-w3l">
							<h5>Royal Touch Paint</h5>
							<p>In hac habitasse platea dictumst. Proin et ipsum non augue porttitor mollis eget semper nisl.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="services-right-bottom-bottom">
						<div class="col-xs-1 services-bottom-icon">
							<i class="fa fa-wrench" aria-hidden="true"></i>
						</div>
						<div class="col-xs-11 services-bottom-info text-w3l">
							<h5>Luxurious Fittings</h5>
							<p>In hac habitasse platea dictumst. Proin et ipsum non augue porttitor mollis eget semper nisl.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="col-md-6 wthree-services-left img-2-w3">
				<img src="images/1.png" alt="">
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!-- //feature -->
<!-- testimonials -->
<div class="testimonials">
	<div class="container">
		<h3 class="w3l-title">Our Clients</h3>
		<span class="w3-sub">What Client Say</span>
		<ul id="flexiselDemo1">			
			<li>
				<div class="wthree_testimonials_grid_main">
					<div class="col-md-6 col-xs-6 wthree_testimonials_grid">
						<p><img src="images/left-quote.png" alt=" ">  Donec laoreet eu purus eu viverra. Vestibulum sed convallis massa,
							eu aliquet massa. Suspendisse lacinia rutrum tincidunt. Integer id erat porta, 
							convallis.  <img src="images/right-quote.png" alt=" "></p>
					</div>
					<div class="col-md-6 col-xs-6 wthree_testimonials_grid_pos">
						<div class="col-md-5 col-xs-5 grid-test-w3l">
							<img src="images/te3.jpg" alt=" " class="img-responsive" />
						</div>
						<div class="col-md-7 col-xs-7 wthree_testimonials_grid1">
							<h5>Michael Paul</h5>
							<p>Client</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</li>
			<li>
				<div class="wthree_testimonials_grid_main">
					<div class="col-md-6 col-xs-6 wthree_testimonials_grid">
						<p><img src="images/left-quote.png" alt=" ">  Donec laoreet eu purus eu viverra. Vestibulum sed convallis massa,
							eu aliquet massa. Suspendisse lacinia rutrum tincidunt. Integer id erat porta, 
							convallis.  <img src="images/right-quote.png" alt=" "></p>
					</div>
					<div class="col-md-6 col-xs-6 wthree_testimonials_grid_pos">
						<div class="col-md-5 col-xs-5 grid-test-w3l">
							<img src="images/te1.jpg" alt=" " class="img-responsive" />
						</div>
						<div class="col-md-7 col-xs-7 wthree_testimonials_grid1">
							<h5>hael fgul</h5>
							<p>Client</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</li>
			<li>
				<div class="wthree_testimonials_grid_main">
					<div class="col-md-6 col-xs-6 wthree_testimonials_grid">
						<p><img src="images/left-quote.png" alt=" ">  Donec laoreet eu purus eu viverra. Vestibulum sed convallis massa,
							eu aliquet massa. Suspendisse lacinia rutrum tincidunt. Integer id erat porta, 
							convallis.  <img src="images/right-quote.png" alt=" "></p>
					</div>
					<div class="col-md-6 col-xs-6 wthree_testimonials_grid_pos">
						<div class="col-md-5 col-xs-5 grid-test-w3l">
							<img src="images/te2.jpg" alt=" " class="img-responsive" />
						</div>
						<div class="col-md-7 col-xs-7 wthree_testimonials_grid1">
							<h5>Linda Carl</h5>
							<p>Client</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</li>
		</ul>
	</div>
</div>
<!-- //testimonials -->
<!-- gallery -->
<div id="gallery" class="gallery">  
	<div class="container"> 
		<h3 class="w3l-title">Our Gallery</h3>
		<span class="w3-sub">See Our Work Projects</span>
	</div>
	<div class="agileinfo-gallery-row">
		<div class="col-md-3 col-sm-3 col-xs-6 w3gallery-grids">
			<a href="images/6.jpg" class="imghvr-hinge-right figure">
				<img src="images/6.jpg" alt="" title="Assets  Image"/> 
				<div class="agile-figcaption">
				  <h4>Assets </h4>
				  <p>Phasellus elementum ullamcorper urna, eu rhoncus.</p>
				</div>
			</a> 
		</div> 
		<div class="col-md-3 col-sm-3 col-xs-6 w3gallery-grids">
			<a href="images/5.jpg" class="imghvr-hinge-right figure">
				<img src="images/5.jpg" alt="" title="Assets  Image"/> 
				<div class="agile-figcaption">
				  <h4>Assets </h4>
				  <p>Phasellus elementum ullamcorper urna, eu rhoncus.</p>
				</div>
			</a> 
		</div>
		<div class="col-md-3 col-sm-3 col-xs-6 w3gallery-grids">
			<a href="images/7.jpg" class="imghvr-hinge-right figure">
				<img src="images/7.jpg" alt="" title="Assets  Image"/> 
				<div class="agile-figcaption">
				  <h4>Assets </h4>
				  <p>Phasellus elementum ullamcorper urna, eu rhoncus.</p>
				</div>
			</a> 
		</div>
		<div class="col-md-3 col-sm-3 col-xs-6 w3gallery-grids">
			<a href="images/8.jpg" class="imghvr-hinge-right figure">
				<img src="images/8.jpg" alt="" title="Assets  Image"/> 
				<div class="agile-figcaption">
				  <h4>Assets </h4>
				  <p>Phasellus elementum ullamcorper urna, eu rhoncus.</p>
				</div>
			</a> 
		</div>
		<div class="col-md-3 col-sm-3 col-xs-6 w3gallery-grids">
			<a href="images/1.jpg" class="imghvr-hinge-right figure">
				<img src="images/1.jpg" alt="" title="Assets  Image"/> 
				<div class="agile-figcaption">
				  <h4>Assets </h4>
				  <p>Phasellus elementum ullamcorper urna, eu rhoncus.</p>
				</div>
			</a> 
		</div> 
		<div class="col-md-3 col-sm-3 col-xs-6 w3gallery-grids">
			<a href="images/2.jpg" class="imghvr-hinge-right figure">
				<img src="images/2.jpg" alt="" title="Assets  Image"/> 
				<div class="agile-figcaption">
				  <h4>Assets </h4>
				  <p>Phasellus elementum ullamcorper urna, eu rhoncus.</p>
				</div>
			</a> 
		</div>
		<div class="col-md-3 col-sm-3 col-xs-6 w3gallery-grids">
			<a href="images/3.jpg" class="imghvr-hinge-right figure">
				<img src="images/3.jpg" alt="" title="Assets  Image"/> 
				<div class="agile-figcaption">
				  <h4>Assets </h4>
				  <p>Phasellus elementum ullamcorper urna, eu rhoncus.</p>
				</div>
			</a> 
		</div>
		<div class="col-md-3 col-sm-3 col-xs-6 w3gallery-grids">
			<a href="images/4.jpg" class="imghvr-hinge-right figure">
				<img src="images/4.jpg" alt="" title="Assets  Image"/> 
				<div class="agile-figcaption">
				  <h4>Assets </h4>
				  <p>Phasellus elementum ullamcorper urna, eu rhoncus.</p>
				</div>
			</a> 
		</div>
		<div class="clearfix"> </div>
	</div> 
</div>
<!-- //gallery -->
<!-- contact -->
<div class="agileits_w3layouts_contact" id="contact">
	<div class="container"> 
		<h3 class="w3l-title">Contact Us</h3>
		<span class="w3-sub">Write a Message</span>
		<div class="w3_mail_grids">
			<form action="#" method="post">
				<span class="input">
					<input type="text" placeholder="Your Name" name="Email" required="">
				</span>
				<span class="input">
					<input type="email" placeholder="Your Email" name="Email" required="">
				</span>
				<span class="input">
					<input type="text" placeholder="Phone Number" name="Email" required="">
				</span>
				<textarea name="Message" placeholder="Message..." required=""></textarea>
				<input type="submit" value="Submit">
			</form>
		</div>
	</div>
</div>
<!-- contact address-->
<div class="contact-row agileits-w3layouts">  
	<div class="col-md-7 contact-w3lsright">
		<div class="col-xs-6 address-row">
			<div class="col-xs-2 address-left">
				<span class="glyphicon glyphicon-home" aria-hidden="true"></span>
			</div>
			<div class="col-xs-10 address-right">
				<h5>Visit Us</h5>
				<p>Canada, New York </p>
			</div>
			<div class="clearfix"> </div>
		</div>
		<div class="col-xs-6 address-row w3-agileits">
			<div class="col-xs-2 address-left">
				<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
			</div>
			<div class="col-xs-10 address-right">
				<h5>Mail Us</h5>
				<p><a href="mailto:info@example.com"> mail@example.com </a></p>
			</div>
			<div class="clearfix"> </div>
		</div>
		<div class="col-xs-6 address-row">
			<div class="col-xs-2 address-left">
				<span class="glyphicon glyphicon-phone" aria-hidden="true"></span>
			</div>
			<div class="col-xs-10 address-right">
				<h5>Call Us</h5>
				<p>+01 222 333 4444</p>
			</div>
			<div class="clearfix"> </div>
		</div> 
		<div class="col-xs-6 address-row">
			<div class="col-xs-2 address-left">
				<span class="glyphicon glyphicon-time" aria-hidden="true"></span>
			</div>
			<div class="col-xs-10 address-right">
				<h5>Working Hours</h5>
				<p>Mon - Fri : 8:00 am to 10:30 pm</p>
			</div>
			<div class="clearfix"> </div>
		</div>
		<div class="clearfix"> </div>	
	</div>
	<div class="col-md-5 contact-w3lsleft map">
		<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3023.948805392833!2d-73.99619098458929!3d40.71914347933105!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25a27e2f24131%3A0x64ffc98d24069f02!2sCANADA!5e0!3m2!1sen!2sin!4v1479793484055"></iframe>
	</div>
	<div class="clearfix"> </div>
</div>
<!-- //contact address-->
<!-- //contact -->
<!-- footer -->
<div class="footer">
	<div class="container">
		<div class="footer-top">
			<div class="col-md-4 amet-sed fir-w3l"> 
				<div class="footer-nav">
					<ul>
						<li><a class="menu__link scroll" href="#home">Home</a></li>
						<li><a class="menu__link scroll" href="#about">About</a></li>
						<li><a class="menu__link scroll" href="#services">Services</a></li>
						<li><a class="menu__link scroll" href="#team">Team</a></li>
						<li><a class="menu__link scroll" href="#gallery">Gallery</a></li>
						<li><a class="menu__link scroll" href="#contact">Contact Us</a></li>
					</ul>
				</div>
				<div class="w3ls-social-icons-2">
					<a class="facebook" href="#"><i class="fa fa-facebook"></i></a>
					<a class="twitter" href="#"><i class="fa fa-twitter"></i></a>
					<a class="pinterest" href="#"><i class="fa fa-google-plus"></i></a>
					<a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a>
					<a class="tumblr" href="#"><i class="fa fa-tumblr"></i></a>
				</div>
			</div>
			<div class="col-md-4 amet-sed amet-medium">
				<h2><a class="logo" href="index.html">Assets</a></h2>
				<div class="ag-w3-3">
					<a href="#home" class="scroll"><i class="fa fa-angle-up" aria-hidden="true"></i> Back to Top</a>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="col-md-4 amet-sed thi-w3l">
				<div class="support">
					<form action="#" method="post">
						<input type="email" name="email" placeholder="Enter email...." required=""> 
						<input type="submit" name="submit" value="SUBMIT" class="botton">
					</form> 
				</div>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>
<!-- copy right -->
<p class="footer-class">© 2017 Assets. All Rights Reserved | Design by  <a href="http://www.51qianduan.com//" target="_blank">xmoban.cn</a> </p>
<!-- //copy right -->
<!-- //footer --> 
<!-- js-scripts -->			
	<!-- js -->
	<script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
	<!-- //js -->
	<!-- Flexslider-js for-testimonials -->
	<script type="text/javascript">
	$(window).load(function() {
	$("#flexiselDemo1").flexisel({
		visibleItems:1,
		animationSpeed: 1000,
		autoPlay:false,
		autoPlaySpeed: 3000,    		
		pauseOnHover: true,
		enableResponsiveBreakpoints: true,
		responsiveBreakpoints: { 
			portrait: { 
				changePoint:480,
				visibleItems: 1
			}, 
			landscape: { 
				changePoint:640,
				visibleItems:1
			},
			tablet: { 
				changePoint:768,
				visibleItems: 1
			}
		}
	});
	});
	</script>
	<!-- //Flexslider-js for-testimonials -->
	<!-- Gallery -->
		<script>
			$(function(){
				var gallery = $('.agileinfo-gallery-row a').simpleLightbox({navText:		['&lsaquo;','&rsaquo;']});
			});
		</script> 
	<!-- //Gallery -->
	<!-- 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 -->
	<!-- //smooth scrolling -->
	<!-- search-jQuery -->
	<!-- //search-jQuery -->
<!-- //js-scripts -->



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


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

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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