白色欧美风格的农业机械企业网站源码下载



6 23 8



模板描述:白色欧美风格 农业机械 企业网站,白色欧美风格的农业机械企业网站源码下载html模板下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" 		type="text/css" media="all">
<link rel="stylesheet" href="css/chocolat.css" 		type="text/css" media="all">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700"   type="text/css" media="all">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Baloo+Bhai"				   type="text/css" media="all">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Raleway:400,500,600,700,800" type="text/css" media="all">

2. 引入JS

<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script src="js/jquery.vide.min.js"></script>
<script type="text/javascript" src="js/numscroller-1.0.js"></script>
<script src="js/jquery.filterizr.js"></script>
<script src="js/controls.js"></script>
<script src="js/jquery.chocolat.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>

3. HTML代码

	<!-- Header -->
	<div class="header w3layouts agileits" id="home">
		<!-- Navigation -->
		<div class="navigation w3layouts agileits">
			<nav class="navbar w3layouts agileits navbar-inverse navbar-default">
				<div class="container">
					<div class="navbar-header w3layouts agileits">
						<button type="button" class="navbar-toggle w3layouts agileits collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
							<span class="sr-only w3layouts agileits">Toggle navigation</span>
							<span class="icon-bar w3layouts agileits"></span>
							<span class="icon-bar w3layouts agileits"></span>
							<span class="icon-bar w3layouts agileits"></span>
						</button>
						<a class="navbar-brand w3layouts agileits" href="#">HARVESTER</a>
					</div>
					<div id="navbar" class="navbar-collapse w3layouts agileits collapse">
						<ul class="nav navbar-nav w3layouts agileits navbar-right">
							<li class="w3layouts agileits"><a class="scroll" href="#about">ABOUT</a></li>
							<li class="w3layouts agileits"><a class="scroll" href="#stats">STATS</a></li>
							<li class="w3layouts agileits"><a class="scroll" href="#details">DETAILS</a></li>
							<li class="w3layouts agileits"><a class="scroll" href="#portfolio">PORTFOLIO</a></li>
							<li class="w3layouts agileits"><a class="scroll" href="#contact">CONTACT</a></li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
		<!-- //Navigation -->
		<!-- Video -->
		<div class="video w3layouts agileits" data-vide-bg="video/tr">
			<h1>HARVESTER</h1>
			<h2>FARM & HARVEST EQUIPMENT</h2>
		</div>
		<!-- //Video -->
	</div>
	<!-- //Header -->
	<!-- About -->
	<div class="about w3layouts agileits" id="about">
		<div class="container">
			<h3>ABOUT US</h3>
			<p class="p1 w3layouts agileits">Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum".</p>
			<div class="about-grids w3layouts agileits">
				<div class="col-md-4 col-sm-4 w3layouts agileits about-grid about-grid-1">
					<div class="about-image w3layouts agileits">
						<img src="images/about-1.png" alt="W3layouts Agileits">
					</div>
					<div class="about-info w3layouts agileits">
						<h4>Reprehenderit</h4>
						<p>There are many variations of passages of Lorem Ipsum Dolores Sitamet available, but the majority have suffered alteration.</p>
					</div>
				</div>
				<div class="col-md-4 col-sm-4 w3layouts agileits about-grid about-grid-2">
					<div class="about-image w3layouts agileits">
						<img src="images/about-2.png" alt="W3layouts Agileits">
					</div>
					<div class="about-info w3layouts agileits">
						<h4>Dolore Magna</h4>
						<p>There are many variations of passages of Lorem Ipsum Dolores Sitamet available, but the majority have suffered alteration.</p>
					</div>
				</div>
				<div class="col-md-4 col-sm-4 w3layouts agileits about-grid about-grid-3">
					<div class="about-image w3layouts agileits">
						<img src="images/about-3.png" alt="W3layouts Agileits">
					</div>
					<div class="about-info w3layouts agileits">
						<h4>Excepteur Sint</h4>
						<p>There are many variations of passages of Lorem Ipsum Dolores Sit Amet available, but the majority have suffered alteration.</p>
					</div>
				</div>
				<div class="col-md-4 col-sm-4 w3layouts agileits about-grid about-grid-4">
					<div class="about-image w3layouts agileits">
						<img src="images/about-4.png" alt="W3layouts Agileits">
					</div>
					<div class="about-info w3layouts agileits">
						<h4>Exercitation</h4>
						<p>There are many variations of passages of Lorem Ipsum Dolores Sit Amet available, but the majority have suffered alteration.</p>
					</div>
				</div>
				<div class="col-md-4 col-sm-4 w3layouts agileits about-grid about-grid-5">
					<div class="about-image w3layouts agileits">
						<img src="images/about-5.png" alt="W3layouts Agileits">
					</div>
					<div class="about-info w3layouts agileits">
						<h4>Voluptate Velit</h4>
						<p>There are many variations of passages of Lorem Ipsum Dolores Sit Amet available, but the majority have suffered alteration.</p>
					</div>
				</div>
				<div class="col-md-4 col-sm-4 w3layouts agileits about-grid about-grid-6">
					<div class="about-image w3layouts agileits">
						<img src="images/about-6.png" alt="W3layouts Agileits">
					</div>
					<div class="about-info w3layouts agileits">
						<h4>Consequator</h4>
						<p>There are many variations of passages of Lorem Ipsum Dolores Sit Amet available, but the majority have suffered alteration.</p>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!-- //About -->
	<!-- Stats -->
	<div class="stats w3layouts agileits" id="stats">
		<div class="container">
			<h3>STATS</h3>
			<div class="stats-info w3layouts agileits">
				<div class="col-md-3 col-sm-3 w3layouts agileits stats-grid stats-grid-1">
					<div class="stats-img w3layouts agileits">
						<img src="images/stats-1.png" alt="W3layouts Agileits">
					</div>
					<div class='numscroller w3layouts agileits numscroller-big-bottom' data-slno='1' data-min='0' data-max='85' data-delay='5' data-increment="3">85</div>
					<p>Power</p>
				</div>
				<div class="col-md-3 col-sm-3 w3layouts agileits stats-grid stats-grid-2">
					<div class="stats-img w3layouts agileits">
						<img src="images/stats-2.png" alt="W3layouts Agileits">
					</div>
					<div class='numscroller w3layouts agileits numscroller-big-bottom' data-slno='1' data-min='0' data-max='95' data-delay='5' data-increment="3">95</div>
					<p>Durability</p>
				</div>
				<div class="col-md-3 col-sm-3 w3layouts agileits stats-grid stats-grid-3">
					<div class="stats-img w3layouts agileits">
						<img src="images/stats-3.png" alt="W3layouts Agileits">
					</div>
					<div class='numscroller w3layouts agileits numscroller-big-bottom' data-slno='1' data-min='0' data-max='95' data-delay='5' data-increment="3">95</div>
					<p>Reliability</p>
				</div>
				<div class="col-md-3 col-sm-3 w3layouts agileits stats-grid stats-grid-4">
					<div class="stats-img w3layouts agileits">
						<img src="images/stats-4.png" alt="W3layouts Agileits">
					</div>
					<div class='numscroller w3layouts agileits numscroller-big-bottom' data-slno='1' data-min='0' data-max='90' data-delay='5' data-increment="3">90</div>
					<p>Efficiency</p>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!-- //Stats -->
	<!-- Why -->
	<div id="why" class="why w3layouts agileits">
		<div class="container">
			<h3>WHY CHOOSE US</h3>
			<div class="why-grids w3layouts agileits">
				<div class="col-md-4 col-sm-4 w3layouts agileits why-grid why-grid-1">
					<nav class="why-effect w3layouts agileits">
						<a href=""><img src="images/about-2.png" alt="W3layouts Agileits"></a>
					</nav>
					<div class="why-info w3layouts agileits">
						<h4>Reprehenderit</h4>
						<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>
					<div class="clearfix"></div>
				</div>
				<div class="col-md-4 col-sm-4 w3layouts agileits why-grid why-grid-2">
					<nav class="why-effect w3layouts agileits">
						<a href=""><img src="images/about-4.png" alt="W3layouts Agileits"></a>
					</nav>
					<div class="why-info w3layouts agileits">
						<h4>Exercitation</h4>
						<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>
					<div class="clearfix"></div>
				</div>
				<div class="col-md-4 col-sm-4 w3layouts agileits why-grid why-grid-3">
					<nav class="why-effect w3layouts agileits">
						<a href=""><img src="images/about-5.png" alt="W3layouts Agileits"></a>
					</nav>
					<div class="why-info w3layouts agileits">
						<h4>Voluptatelit</h4>
						<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>
					<div class="clearfix"></div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!-- //Why -->
	<!-- Details -->
	<div class="details w3layouts agileits" id="details">
		<div class="container">
			<h3>DETAILS</h3>
			<div class="col-md-6 col-sm-6 w3layouts agileits details-info details-info-1">
				<h4>LOREM IPSUM DOLOR SIT AMET</h4>
				<ul>
					<li>There are many variations of passages of Lorem Ipsum Dolores Sit Amet available, but the majority have suffered alteration.</li>
					<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
					<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip doit ex ea incididunt commodo consequat.</li>
					<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur exercitation quis ne.</li>
				</ul>
			</div>
			<div class="col-md-6 col-sm-6 w3layouts agileits details-info details-info-2">
				<img src="images/details.jpg" alt="W3layouts Agileits">
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<!-- //Details -->
	<!-- Portfolio -->
	<div class="portfolio w3layouts agileits" id="portfolio">
		<div class="container">
			<h3>PORTFOLIO</h3>
			<ul class="simplefilter w3layouts agileits">
				<li class="active w3layouts agileits" data-filter="all">All</li>
				<li class="w3layouts agileits" data-filter="1">Category1</li>
				<li class="w3layouts agileits" data-filter="2">Category2</li>
				<li class="w3layouts agileits" data-filter="3">Category3</li>
				<li class="w3layouts agileits" data-filter="4">Category4</li>
				<li class="w3layouts agileits" data-filter="5">Category5</li>
			</ul>
			<div class="filtr-container w3layouts agileits">
				<div class="filtr-item w3layouts agileits portfolio-t" data-category="1, 5" data-sort="Busy streets">
					<a href="images/portfolio-1.jpg" class="b-link-stripe w3layouts agileits b-animate-go thickbox">
						<figure>
							<img src="images/portfolio-1.jpg" class="img-responsive w3layouts agileits" alt="W3layouts Agileits">
							<figcaption>
								<h3>HARVESTER</h3>
							</figcaption>
						</figure>
					</a>
				</div>
				<div class="filtr-item w3layouts agileits" data-category="2, 5" data-sort="Luminous night">
					<a href="images/portfolio-2.jpg" class="b-link-stripe w3layouts agileits b-animate-go thickbox">
						<figure>
							<img src="images/portfolio-2.jpg" class="img-responsive w3layouts agileits" alt="W3layouts Agileits">
							<figcaption>
								<h3>HARVESTER</h3>
							</figcaption>
						</figure>
					</a>
				</div>
				<div class="filtr-item w3layouts agileits" data-category="1, 4" data-sort="City wonders">
					<a href="images/portfolio-3.jpg" class="b-link-stripe w3layouts agileits b-animate-go thickbox">
						<figure>
							<img src="images/portfolio-3.jpg" class="img-responsive w3layouts agileits" alt="W3layouts Agileits">
							<figcaption>
								<h3>HARVESTER</h3>
							</figcaption>
						</figure>
					</a>
				</div>
				<div class="filtr-item w3layouts agileits" data-category="3" data-sort="In production">
					<a href="images/portfolio-4.jpg" class="b-link-stripe w3layouts agileits b-animate-go thickbox">
						<figure>
							<img src="images/portfolio-4.jpg" class="img-responsive w3layouts agileits" alt="W3layouts Agileits">
							<figcaption>
								<h3>HARVESTER</h3>
							</figcaption>
						</figure>
					</a>
				</div>
				<div class="filtr-item w3layouts agileits" data-category="3, 4" data-sort="Industrial site">
					<a href="images/portfolio-5.jpg" class="b-link-stripe w3layouts agileits b-animate-go thickbox">
						<figure>
							<img src="images/portfolio-5.jpg" class="img-responsive w3layouts agileits" alt="W3layouts Agileits">
							<figcaption>
								<h3>HARVESTER</h3>
							</figcaption>
						</figure>
					</a>
				</div>
				<div class="filtr-item w3layouts agileits" data-category="2, 4" data-sort="Peaceful lake">
					<a href="images/portfolio-6.jpg" class="b-link-stripe w3layouts agileits b-animate-go thickbox">
						<figure>
							<img src="images/portfolio-6.jpg" class="img-responsive w3layouts agileits" alt="W3layouts Agileits">
							<figcaption>
								<h3>HARVESTER</h3>
							</figcaption>
						</figure>
					</a>
				</div>
				<div class="filtr-item w3layouts agileits" data-category="1, 5" data-sort="City lights">
					<a href="images/portfolio-7.jpg" class="b-link-stripe w3layouts agileits b-animate-go thickbox">
						<figure>
							<img src="images/portfolio-7.jpg" class="img-responsive w3layouts agileits" alt="W3layouts Agileits">
							<figcaption>
								<h3>HARVESTER</h3>
							</figcaption>
						</figure>
					</a>
				</div>
				<div class="filtr-item w3layouts agileits" data-category="2, 4" data-sort="Dreamhouse">
					<a href="images/portfolio-8.jpg" class="b-link-stripe w3layouts agileits b-animate-go thickbox">
						<figure>
							<img src="images/portfolio-8.jpg" class="img-responsive w3layouts agileits" alt="W3layouts Agileits">
							<figcaption>
								<h3>HARVESTER</h3>
							</figcaption>
						</figure>
					</a>
				</div>
				<div class="filtr-item w3layouts agileits" data-category="2, 4" data-sort="Dreamhouse">
					<a href="images/portfolio-9.jpg" class="b-link-stripe w3layouts agileits b-animate-go thickbox">
						<figure>
							<img src="images/portfolio-9.jpg" class="img-responsive w3layouts agileits" alt="W3layouts Agileits">
							<figcaption>
								<h3>HARVESTER</h3>
							</figcaption>
						</figure>
					</a>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!-- //Portfolio -->
	<!-- Clients -->
	<div class="clients w3layouts agileits" id="clients">
		<div class="container">
			<h3>HAPPY CUSTOMERS</h3>
			<section class="slider w3layouts agileits">
				<div class="flexslider w3layouts agileits">
					<ul class="slides w3layouts agileits">
						<li>
							<div class="client-info w3layouts agileits">
								<h4>"Lorem"</h4>
								<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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
							</div>
							<div class="client-image w3layouts agileits">
								<img src="images/client-1.jpg" alt="W3layouts Agileits">
								<h5>- Eric Selvig</h5>
							</div>
						</li>
						<li>
							<div class="client-info w3layouts agileits">
								<h4>"Ipsum"</h4>
								<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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
							</div>
							<div class="client-image w3layouts agileits">
								<img src="images/client-2.jpg" alt="W3layouts Agileits">
								<h5>- Haim Howard</h5>
							</div>
						</li>
						<li>
							<div class="client-info w3layouts agileits">
								<h4>"Sitamet"</h4>
								<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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
							</div>
							<div class="client-image w3layouts agileits">
								<img src="images/client-3.jpg" alt="W3layouts Agileits">
								<h5>- Ken Adams</h5>
							</div>
						</li>
						<li>
							<div class="client-info w3layouts agileits">
								<h4>"Consectetur"</h4>
								<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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
							</div>
							<div class="client-image w3layouts agileits">
								<img src="images/client-4.jpg" alt="W3layouts Agileits">
								<h5>- Regina Phalange</h5>
							</div>
						</li>
					</ul>
				</div>
			</section>
		</div>
	</div>
	<!-- //Clients -->
	<!-- Contact -->
	<div class="contact" id="contact">
		<div class="container">
			<h3>CONTACT</h3>
			<form action="#" method="post" class="contact_form">
				<div class="message">
					<div class="col-md-6 grid_6 c1">
						<input type="text" class="text" name="Name" placeholder="YOUR NAME" required="">
						<input type="email" class="text email" name="Email" placeholder="YOUR EMAIL" required="">
						<input type="text" class="text" name="Phone" placeholder="YOUR PHONE" required="">
					</div>
					<div class="col-md-6 grid_6 c2">
						<textarea name="Message" placeholder="MESSAGE" required=""></textarea>
					<input type="submit" class="more_btn" value="SEND MESSAGE">
					</div>
					<div class="clearfix"></div>
				</div>
			</form>
		</div>
	</div>
	<!-- //Contact -->
	<!-- Footer -->
	<div class="footer w3layouts agileits">
		<div class="container">
			<div class="col-md-3 col-sm-3 w3layouts agileits footer-grid footer-grid-1">
				<ul>
					<li class="w3layouts agileits"><a class="scroll w3layouts agileits" href="#about">ABOUT</a></li>
					<li class="w3layouts agileits"><a class="scroll w3layouts agileits" href="#details">DETAILS</a></li>
					<li class="w3layouts agileits"><a class="scroll w3layouts agileits" href="#portfolio">PORTFOLIO</a></li>
					<li class="w3layouts agileits"><a class="scroll w3layouts agileits" href="#home">HOME</a></li>
				</ul>
			</div>
			<div class="col-md-3 col-sm-3 w3layouts agileits footer-grid footer-grid-2">
				<ul>
					<li class="w3layouts agileits">HARVESTERS</li>
					<li class="w3layouts agileits">TRACTORS</li>
					<li class="w3layouts agileits">BULL DOZERS</li>
					<li class="w3layouts agileits">JCBs</li>
				</ul>
			</div>
			<div class="col-md-6 col-sm-6 footer-grid w3layouts agileits footer-grid-3">
				<p>Subscribe to our newsletter and we will inform you about newest projects and promotions.</p>
				<form action="#" method="post">
					<input type="text" placeholder="Email" name="Email" required="">
					<input type="submit" value="SUBSCRIBE">
				</form>
			</div>
			<div class="clearfix"></div>
			<div class="copyright w3layouts agileits">
				<p>&copy; 2017 Harvester. All Rights Reserved | Design by <a href="http://www.51qianduan.com//">xmoban.cn</a></p>
			</div>
		</div>
	</div>
	<!-- //Footer -->
	<!-- Custom-JavaScript-File-Links -->
		<!-- Default-JavaScript --> 		<!-- Background-Video-JavaScript -->
		<!-- //Background-Video-JavaScript -->
		<!-- Skills-why-Scroller-Effect-JavaScript -->
		<!-- //Skills-why-Scroller-Effect-JavaScript -->
		<!-- Tabs-JavaScript -->
			<script type="text/javascript">
				$(function() {
					$('.filtr-container').filterizr();
				});
			</script>
		<!-- //Tabs-JavaScript -->
		<!-- PopUp-Box-JavaScript -->
			<script type="text/javascript">
				$(function() {
					$('.filtr-item a').Chocolat();
				});
			</script>
		<!-- //PopUp-Box-JavaScript -->
		<!-- Slide-To-Top JavaScript -->
			<script type="text/javascript">
				$(document).ready(function() {
					var defaults = {
						containerID: 'toTop',
						containerHoverID: 'toTopHover',
						scrollSpeed: 100,
						easingType: 'linear',
					};
					$().UItoTop({ easingType: 'easeOutQuart' });
				});
			</script>
			<a href="#home" id="toTop" class="stuoyal3w scroll stieliga" style="display: block;"> <span id="toTopHover" style="opacity: 0;"> </span></a>
		<!-- //Slide-To-Top JavaScript -->
		<!-- Smooth-Scrolling-JavaScript -->
			<script type="text/javascript">
				jQuery(document).ready(function($) {
					$(".scroll").click(function(event){
						event.preventDefault();
						$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
					});
				});
			</script>
		<!-- //Smooth-Scrolling-JavaScript -->
		<!-- FlexSlider-JavaScript -->
			<script type="text/javascript">
				$(function(){
					SyntaxHighlighter.all();
				});
				$(window).load(function(){
					$('.flexslider').flexslider({
						animation: "slide",
						start: function(slider){
							$('body').removeClass('loading');
						}
					});
				});
			</script>
		<!-- //FlexSlider-JavaScript -->
		<!-- Bootstrap-JavaScript -->	<!-- //Custom-JavaScript-File-Links -->



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


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

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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