黄色欧美风格的营销服务公司企业网站源码下载



4 13 5



模板描述:黄色欧美风格 营销服务公司 企业网站,黄色欧美风格的营销服务公司企业网站源码下载html模板下载

代码结构

1. 引入CSS

<link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link href="css/slider.css" type="text/css" rel="stylesheet" media="all">
<link href='css/simplelightbox.min.css' rel='stylesheet' type='text/css'>
<link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href="//fonts.googleapis.com/css?family=Tinos:400,400i,700,700i" rel="stylesheet">

2. 引入JS

<script src="js/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/simple-lightbox.min.js"></script>
<script src="js/search.js"></script>
<script src="js/snap.svg-min.js"></script>
<script src="js/main.js"></script>
<script src="js/bootstrap.js"></script>

3. HTML代码

	<!-- banner -->
	<div class="banner"> 
		<div class="cd-radial-slider-wrapper"> 
			<div class="header agileinfo-header"><!-- header -->
				<nav class="navbar navbar-default">
					<div class="container">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
								<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">Smart<span> Buzz</span></a></h1>
						</div> 
						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav nav-center"> 
								<li><a href="index.html" class="w3ls-hover active">Home</a></li>
								<li><a href="#about" class="btn w3ls-hover scroll">About</a></li> 
								<li><a href="#services" class="btn w3ls-hover scroll">Services</a></li> 
								<li><a href="#team" class="btn w3ls-hover scroll">Team</a></li>
								<li><a href="#gallery" class="btn w3ls-hover scroll">Work</a></li>
								<li><a href="#contact" class="btn w3ls-hover scroll">Contact</a></li>
							</ul>	  
							<ul class="nav navbar-nav navbar-right"> 
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-phone" aria-hidden="true"></i></a>
									<ul class="dropdown-menu">
										<li><a href="#"><b>Office :</b> +222 11 4444</a></li>  
										<li><a href="#"><b>Office1 :</b> +233 11 2345</a></li>    
									</ul>
								</li> 
							</ul>
							<div class="clearfix"> </div>
						</div><!-- //navbar-collapse -->
						<!-- cd-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 agileinfo">
							<form action="#" method="post">
								<input name="Search" type="search" placeholder="Search...">
							</form>
						</div> 
						<!-- //cd-search -->
					</div><!-- //container-fluid -->
				</nav>
			</div><!-- //header -->	
			<ul class="cd-radial-slider" data-radius1="60" data-radius2="1364" data-centerx1="110" data-centerx2="1290">
				<li class="visible"> 
					<div class="svg-wrapper">
						<svg viewBox="0 0 1400 800">
							<title>Animated SVG</title>
							<defs>
								<clipPath id="cd-image-1">
									<circle id="cd-circle-1" cx="110" cy="400" r="1364"/>
								</clipPath>
							</defs> 
							<image height='800px' width="1400px" clip-path="url(#cd-image-1)" xlink:href="images/1.jpg"></image>
						</svg>
					</div> <!-- .svg-wrapper --> 
					<div class="cd-radial-slider-content">
						<div class="wrapper">
							<div>
								<h2>Nullam condimen<span> auctor justo</span> </h2>
								<a href="#about" class="w3ls-btn button8 scroll">Learn More</a>
							</div>
						</div>
					</div> <!-- .cd-radial-slider-content -->
				</li> 
				<li class="next-slide">
					<div class="svg-wrapper">
						<svg viewBox="0 0 1400 800">
							<title>Animated SVG</title>
							<defs>
								<clipPath id="cd-image-2">
									<circle id="cd-circle-2" cx="1290" cy="400" r="60"/>
								</clipPath>
							</defs> 
							<image height='800px' width="1400px" clip-path="url(#cd-image-2)" xlink:href="images/2.jpg"></image>
						</svg>
					</div> <!-- .svg-wrapper --> 
					<div class="cd-radial-slider-content">
						<div class="wrapper">
							<div> 
								<h3>Praesent blandit nulla<span> ac tristique </span> </h3>
								<a href="#about" class="w3ls-btn button8 scroll">Learn More</a>
							</div>
						</div>
					</div> <!-- .cd-radial-slider-content -->
				</li> 
				<li>
					<div class="svg-wrapper">
						<svg viewBox="0 0 1400 800">
							<title>Animated SVG</title>
							<defs>
								<clipPath id="cd-image-3">
									<circle id="cd-circle-3" cx="110" cy="400" r="60"/>
								</clipPath>
							</defs> 
							<image height='800px' width="1400px" clip-path="url(#cd-image-3)" xlink:href="images/1.jpg"></image>
						</svg>
					</div> <!-- .svg-wrapper --> 
					<div class="cd-radial-slider-content">
						<div class="wrapper">
							<div> 
								<h3>Nullam condimentum<span> justo tincidunt</span> </h3>
								<a href="#about" class="w3ls-btn button8 scroll">Learn More</a>
							</div>
						</div>
					</div> <!-- .cd-radial-slider-content -->
				</li> 
				<li class="prev-slide">
					<div class="svg-wrapper">
						<svg viewBox="0 0 1400 800">
							<title>Animated SVG</title>
							<defs>
								<clipPath id="cd-image-4">
									<circle id="cd-circle-4" cx="110" cy="400" r="60"/>
								</clipPath>
							</defs> 
							<image height='800px' width="1400px" clip-path="url(#cd-image-4)" xlink:href="images/2.jpg"></image>
						</svg>
					</div> <!-- .svg-wrapper --> 
					<div class="cd-radial-slider-content">
						<div class="wrapper">
							<div> 
								<h3>Sed fringilla sem vitae<span> interdum comm</span> </h3>
								<a href="#about" class="w3ls-btn button8 scroll">Learn More</a>
							</div>
						</div>
					</div> <!-- .cd-radial-slider-content -->
				</li> 
			</ul> <!-- .cd-radial-slider --> 
			<ul class="cd-radial-slider-navigation">
				<li><a href="#0" class="next">Next</a></li>
				<li><a href="#0" class="prev">Prev</a></li>
			</ul> <!-- .cd-radial-slider-navigation -->
		</div> <!-- .cd-radial-slider-wrapper --> 
	</div>
	<!-- //banner --> 
	<!-- about -->
	<div class="about" id="about"> 
		<div class="container"> 
			<div class="agileits-title"> 
				<div class="col-md-6 agileits-title-left">
					<h6>- Welcome to</h6>
					<h3>Our Smart Buzz</h3>
				</div>
				<div class="col-md-6 agileits-title-right">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at placerat ante. Praesent nulla nunc, pretium dapibus efficitur in, auctor eget elit. Lorem ipsum dolor sit amet</p>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="about-w3lsrow"> 
				<div class="col-md-7 col-sm-7 w3about-img"> 
					<div class="w3about-text"> 
						<h5 class="w3l-subtitle">- About Us</h5>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at placerat ante. Praesent nulla nunc, pretium dapibus efficitur in, auctor eget elit. Lorem ipsum dolor sit amet</p>
					</div>
				</div> 
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- //about --> 
	<!-- services -->
	<div class="about services" id="services"> 
		<div class="container"> 
			<div class="agileits-title"> 
				<div class="col-md-6 agileits-title-left">
					<h6>- What we do</h6>
					<h3>Our Services</h3>
				</div>
				<div class="col-md-6 agileits-title-right">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at placerat ante. Praesent nulla nunc, pretium dapibus efficitur in, auctor eget elit. Lorem ipsum dolor sit amet</p>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="services-w3ls-row">
				<div class="col-md-3 col-sm-3 col-xs-6 services-grids">
					<div class="w3agile-servs-img">
						<div class="icon-holder">
							<span class="fa fa-gears icon" aria-hidden="true"></span>
						</div>
						<h4 class="mission">Fugiat Quo</h4>
						<p class="description">Phasellus at placerat ante nulla adipiscing elit</p>
					</div>
				</div>
				<div class="col-md-3 col-sm-3 col-xs-6 services-grids">
					<div class="w3agile-servs-img">
						<div class="icon-holder">
							<span class="fa fa-group icon" aria-hidden="true"></span>
						</div>
						<h4 class="mission">Voluptas </h4>
						<p class="description">Phasellus at placerat ante nulla adipiscing elit</p>
					</div>
				</div>
				<div class="col-md-3 col-sm-3 col-xs-6 services-grids">
					<div class="w3agile-servs-img">
						<div class="icon-holder">
							<span class="fa fa-briefcase icon" aria-hidden="true"></span>
						</div>
						<h4 class="mission">Quo fugiat</h4>
						<p class="description">Phasellus at placerat ante nulla adipiscing elit</p>
					</div>
				</div> 	
				<div class="col-md-3 col-sm-3 col-xs-6 services-grids">
					<div class="w3agile-servs-img">
						<div class="icon-holder">
							<span class="fa fa-list-alt icon" aria-hidden="true"></span>
						</div>
						<h4 class="mission">Voluptas</h4>
						<p class="description">Phasellus at placerat ante nulla adipiscing elit</p>
					</div>
				</div> 
				<div class="clearfix"> </div>
			</div>	 
		</div>
	</div>
	<!-- //services --> 
	<!-- features -->
	<div class="features">  
		<div class="tabs w3-agileits-tabs"> 
			<!-- Nav tabs -->
			<ul class="nav nav-tabs" role="tablist">
				<li class="active"><a href="#home" aria-controls="home" data-toggle="tab"><span>Business</span></a></li>
				<li><a href="#profile" aria-controls="profile" data-toggle="tab"><span>Creative</span></a></li>
				<li><a href="#messages" aria-controls="messages" data-toggle="tab"><span>Support</span></a></li>
				<li><a href="#settings" aria-controls="settings" data-toggle="tab"><span>Marketing</span></a></li>
			</ul>
			<!-- Tab panes --> 
			<div class="tab-content">
				<div role="tabpanel" class="tab-pane active" id="home"> 
					<div class="col-md-6 features-right">
						<div class="agileits-title"> 
							<h6>- Our Features</h6>
							<h3> Mauris commodo </h3>
						</div>
						<p>Fusce eget erat nunc. Sed fringilla sem vitae mi interdum commodo. Aliquam neque odio, viverra eget nisl id, vulputate malesuada lorem. Praesent quis ullamcorper lorem vulputate malesuada lorem.  </p>
					</div>
					<div class="col-md-6 features-left agileinfo-img">
					</div>
					<div class="clearfix"> </div>
				</div>
				<div role="tabpanel" class="tab-pane" id="profile"> 
					<div class="col-md-6 features-right">
						<div class="agileits-title"> 
							<h6>- Our Features</h6>
							<h3>Venenatis maecenas </h3>
						</div>
						<p>Fusce eget erat nunc. Sed fringilla sem vitae mi interdum commodo. Aliquam neque odio, viverra eget nisl id, vulputate malesuada lorem. Praesent quis ullamcorper lorem vulputate malesuada lorem.  </p>
					</div>
					<div class="col-md-6 features-left agileinfo-img2">
					</div>
					<div class="clearfix"> </div>
				</div>
				<div role="tabpanel" class="tab-pane" id="messages"> 
					<div class="col-md-6 features-right w3-agile">
						<div class="agileits-title"> 
							<h6>- Our Features</h6>
							<h3>Fusce eget</h3>
						</div>
						<p>Fusce eget erat nunc. Sed fringilla sem vitae mi interdum commodo. Aliquam neque odio, viverra eget nisl id, vulputate malesuada lorem. Praesent quis ullamcorper lorem vulputate malesuada lorem.  </p>
					</div>
					<div class="col-md-6 features-left agileinfo-img3">
					</div>
					<div class="clearfix"> </div>
				</div>
				<div role="tabpanel" class="tab-pane" id="settings"> 
					<div class="col-md-6 features-right">
						<div class="agileits-title"> 
							<h6>- Our Features</h6>
							<h3> Ut dapibus </h3>
						</div>
						<p>Fusce eget erat nunc. Sed fringilla sem vitae mi interdum commodo. Aliquam neque odio, viverra eget nisl id, vulputate malesuada lorem. Praesent quis ullamcorper lorem vulputate malesuada lorem.  </p>
					</div>
					<div class="col-md-6 features-left agileinfo-img4">
					</div>
					<div class="clearfix"> </div>
				</div>
			</div> 
		</div><!-- /tabs -->  
	</div>
	<!-- //features --> 
	<!-- team -->
	<div id="team" class="team">  
		<div class="container">
			<div class="agileits-title"> 
				<div class="col-md-6 agileits-title-left">
					<h6>- Meet our Team</h6>
					<h3>Professionals</h3>
				</div>
				<div class="col-md-6 agileits-title-right">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at placerat ante. Praesent nulla nunc, pretium dapibus efficitur in, auctor eget elit. Lorem ipsum dolor sit amet</p>
				</div>
				<div class="clearfix"> </div>
			</div> 
			<div class="team-row w3ls-team-row">  
				<div class="col-md-3 col-sm-3 col-xs-6 team-grids">   
					<div class="w3ls-effect">
						<img src="images/t1.jpg" alt="img">
						<div class="view-caption">
							<h4>John Smith</h4> 
							<p>Designer</p>
						</div>
						<div class="wthree-icon">
							<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
							<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a> 
							<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a> 
						</div>
					</div>    
				</div>
				<div class="col-md-3 col-sm-3 col-xs-6 team-grids">   
					<div class="w3ls-effect">
						<img src="images/t2.jpg" alt="img">
						<div class="view-caption">
							<h4>Thomson Doe</h4> 
							<p>Director</p>
						</div>
						<div class="wthree-icon">
							<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
							<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a> 
							<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a> 
						</div>
					</div>    
				</div>
				<div class="col-md-3 col-sm-3 col-xs-6 team-grids">   
					<div class="w3ls-effect">
						<img src="images/t3.jpg" alt="img">
						<div class="view-caption">
							<h4>Smith Kevin</h4> 
							<p>Manager</p>
						</div>
						<div class="wthree-icon">
							<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
							<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a> 
							<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a> 
						</div>
					</div>    
				</div>
				<div class="col-md-3 col-sm-3 col-xs-6 team-grids">   
					<div class="w3ls-effect">
						<img src="images/t4.jpg" alt="img">
						<div class="view-caption">
							<h4>Laura Hill</h4> 
							<p>Staff</p>
						</div>
						<div class="wthree-icon">
							<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
							<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a> 
							<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a> 
						</div>
					</div>    
				</div>
				<div class="clearfix"> </div> 
			</div>
		</div>
	</div>
	<!-- //team -->
	<!-- gallery -->
	<div id="gallery" class="gallery">  
		<div class="container">
			<div class="agileits-title"> 
				<div class="col-md-6 agileits-title-left">
					<h6>- Our featured</h6>
					<h3>Work Projects</h3>
				</div>
				<div class="col-md-6 agileits-title-right">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at placerat ante. Praesent nulla nunc, pretium dapibus efficitur in, auctor eget elit. Lorem ipsum dolor sit amet</p>
				</div>
				<div class="clearfix"> </div>
			</div> 
		</div>
		<div class="agileinfo-gallery-row">
			<div class="col-md-3 col-sm-3 col-xs-6 w3gallery-grids">
				<a href="images/img6.jpg" class="imghvr-hinge-right figure">
					<img src="images/img6.jpg" alt="" title="Smart Buzz Image"/> 
					<div class="agile-figcaption">
					  <h4>Smart Buzz</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/img5.jpg" class="imghvr-hinge-right figure">
					<img src="images/img5.jpg" alt="" title="Smart Buzz Image"/> 
					<div class="agile-figcaption">
					  <h4>Smart Buzz</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/img7.jpg" class="imghvr-hinge-right figure">
					<img src="images/img7.jpg" alt="" title="Smart Buzz Image"/> 
					<div class="agile-figcaption">
					  <h4>Smart Buzz</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/img8.jpg" class="imghvr-hinge-right figure">
					<img src="images/img8.jpg" alt="" title="Smart Buzz Image"/> 
					<div class="agile-figcaption">
					  <h4>Smart Buzz</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/img1.jpg" class="imghvr-hinge-right figure">
					<img src="images/img1.jpg" alt="" title="Smart Buzz Image"/> 
					<div class="agile-figcaption">
					  <h4>Smart Buzz</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/img2.jpg" class="imghvr-hinge-right figure">
					<img src="images/img2.jpg" alt="" title="Smart Buzz Image"/> 
					<div class="agile-figcaption">
					  <h4>Smart Buzz</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/img3.jpg" class="imghvr-hinge-right figure">
					<img src="images/img3.jpg" alt="" title="Smart Buzz Image"/> 
					<div class="agile-figcaption">
					  <h4>Smart Buzz</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/img4.jpg" class="imghvr-hinge-right figure">
					<img src="images/img4.jpg" alt="" title="Smart Buzz Image"/> 
					<div class="agile-figcaption">
					  <h4>Smart Buzz</h4>
					  <p>Phasellus elementum ullamcorper urna, eu rhoncus.</p>
					</div>
				</a> 
			</div>
			<div class="clearfix"> </div>
			<script>
				$(function(){
					var gallery = $('.agileinfo-gallery-row a').simpleLightbox({navText:		['&lsaquo;','&rsaquo;']});
				});
			</script>  
		</div> 
	</div>
	<!-- //gallery -->
	<!-- contact -->
	<div id="contact" class="contact">
		<div class="container">
			<div class="agileits-title"> 
				<div class="col-md-6 agileits-title-left">
					<h6>-Write a message</h6>
					<h3>Contact Us</h3>
				</div>
				<div class="col-md-6 agileits-title-right">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at placerat ante. Praesent nulla nunc, pretium dapibus efficitur in, auctor eget elit. Lorem ipsum dolor sit amet</p>
				</div>
				<div class="clearfix"> </div>
			</div>  
			<div class="contact-w3ls-row">
				<form action="#" method="post">
					<div class="col-md-5 col-sm-5 contact-right agileits-w3layouts">
						<textarea name="Message" placeholder="Message" required=""></textarea>
					</div>
					<div class="col-md-7 col-sm-7 contact-left agileits-w3layouts">
						<input type="text" name="First Name" placeholder="First Name" required="">
						<input class="email" name="Last Name" type="text" placeholder="Last Name" required="">
						<input type="text" name="Number" placeholder="Mobile Number" required="">
						<input class="email" name="Email" type="text" placeholder="Email" required="">
						<input type="submit" value="SUBMIT">
					</div> 
					<div class="clearfix"> </div> 
				</form>
			</div>  
		</div>
	</div>
	<!-- //contact -->
	<!-- address -->
	<div class="address w3layouts-address"> 
		<div class="col-md-6 address-left">
			<div class="agileits-title">  
				<h6>- Get in </h6>
				<h3>Touch</h3> 
			</div>
			<ul>
				<li><i class="fa fa-map-marker"></i> 123 San Sebastian, New York City USA.</li>
				<li><i class="fa fa-mobile"></i> 333 222 3333 </li>
				<li><i class="fa fa-phone"></i> +222 11 4444 </li>
				<li><i class="fa fa-envelope-o"></i> <a href="mailto:example@mail.com"> mail@example.com</a></li>
			</ul> 
		</div>
		<div class="col-md-6 address-right"> 
			<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3030.333835014631!2d-73.96137068464905!3d40.57838605371593!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c2444713b216c3%3A0xc59407a2b1960a8e!2sSan+Sebastian!5e0!3m2!1sen!2sin!4v1472037873400"></iframe>
		</div>
		<div class="clearfix"> </div>
	</div>
	<!-- //address -->
	<!-- subscribe -->
	<div class="subscribe">  
		<div class="container">
			<div class="agileits-title">  
				<h6>- Subscribe our</h6>
				<h3>Newsletter</h3> 
			</div>
			<form action="#" method="post"> 
				<input type="text" name="email" placeholder="Enter your Email..." required="">
				<input type="submit" value="Subscribe">
			</form>
			<div class="clearfix"> </div> 
		</div>
	</div>
	<!-- //subscribe -->
	<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="footer-left">
				<p>&copy; 2017 SmartBuzz . All rights reserved | Design by <a href="http://www.51qianduan.com/">xmoban.cn</a></p>
			</div>
			<div class="footer-right"> 
				<div class="wthree-icon">
					<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
					<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a> 
					<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a> 
				</div>  
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
	<!-- //footer --> 
	<!-- search jQuery -->
	<!-- //search jQuery --> 
	<script src="js/main.js"></script> <!-- Resource jQuery -->   
	<!-- smooth-scrolling-of-move-up -->
	<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>
	<!-- //smooth-scrolling-of-move-up -->   
	<!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->



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


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

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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