红色欧美风格的室内装修设计企业网站源码下载



6 20 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="css/style.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" type="text/css" media="all">
<link rel="stylesheet" type="text/css" href="css/component.css"/>
<link rel="stylesheet" href="css/chocolat.css" type="text/css" >
<link href="css/index.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/owl.carousel.css" type="text/css" media="all">
<link href="css/iconeffects.css" rel='stylesheet' type='text/css' />
<link href="//fonts.googleapis.com/css?family=Dosis:300,400,500,600,700" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Ewert" rel="stylesheet">
<link href="css/owl.theme.css" rel="stylesheet">

2. 引入JS

<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script src="js/responsiveslides.min.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 src="js/jquery.filterizr.js"></script>
<script src="js/controls.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/bootstrap.js"></script>

3. HTML代码

<!--Header-->
	<div class="header" id="home">
		<!-- /header-left -->
		          <div class="header-left">
				  <!-- /sidebar -->
				        <div id="sidebar"> 
						     <h4 class="menu">Menu</h4>
						          <ul>
							        <li><a class="scroll" href="#about">About Us</a></li>
							        <li><a class="scroll" href="#service">Our Services</a></li>
									   <li><a href="#">More <i class="glyphicon glyphicon-triangle-bottom"> </i> </a>
										  <ul>
											  <li><a href="icons.html"><span>Font Icons</span></a></li>
										 </ul>
									  </li>
									<li><a class="scroll" href="#projects">Latest Designs</a></li>
									<li><a class="scroll" href="#port">Portfolio</a></li>
									<li><a class="scroll" href="#contact">Contact Us</a><li>
						   </ul>
						   <div id="sidebar-btn">
							   <span></span>
							   <span></span>
							   <span></span>
						   </div>
					   </div>
							 <script>
								  var sidebarbtn = document.getElementById('sidebar-btn');
									var sidebar = document.getElementById('sidebar');
								   sidebarbtn.addEventListener('click', function () {
								  if(sidebar.classList.contains('visible')){
										sidebar.classList.remove('visible'); 
								   }else {
										sidebar.className = 'visible';
									}
								  });
								</script>
					    <!-- //sidebar -->
					</div>
				  <!-- //header-left -->
				  <!-- /header-right -->
				    <div class="header-right">
					    <div class="tag one"><a href="#" data-toggle="modal" data-target="#myModal11"><span class="glyphicon glyphicon-tag"></span> Login</a></div>
					     <div class="tag"><a href="#" data-toggle="modal" data-target="#myModal12"><span class="glyphicon glyphicon-log-in"></span> Sign Up</a></div>
					        <ul class="top-links">
									<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-linkedin"></i></a></li>
									<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
								</ul>
					</div>
				  <!-- //header-right -->
				  <div class="clearfix"></div>
				  	<!-- login -->
			<div class="modal fade" id="myModal11" tabindex="-1" role="dialog" >
				<div class="modal-dialog" role="document">
					<div class="modal-content modal-info">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>						
						</div>
						<div class="modal-body modal-spa">
							<div class="login-grids">
								<div class="login-bottom">
									<h3>Login</h3>
									<form action="#" method="post">
									         <input type="text" class="user" name="email" placeholder="Email" required="">
											 <input type="password" name="Password" placeholder="Password" required=""> 
											 <input type="submit" value="Submit">
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
<!-- //login -->
	<!--/signup -->
			<div class="modal fade" id="myModal12" tabindex="-1" role="dialog" >
				<div class="modal-dialog" role="document">
					<div class="modal-content modal-info">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>						
						</div>
						<div class="modal-body modal-spa">
							<div class="login-grids">
								<div class="login-bottom">
									<h3>Sign Up</h3>
									<form action="#" method="post">
											<input type="text" name="Name" placeholder="Your Name" required=""> 
											<input type="email" name="Email" placeholder="Your Email" required=""> 
											<input type="tel" name="tel" placeholder="Mobile" required=""> 
											<input type="password" name="Password" placeholder="Password" required=""> 
											<input type="password" name="Password" placeholder="Confirm Password" required=""> 
											<div class="signup">
												<span class="agree-checkbox">
													<label class="checkbox"><input type="checkbox" name="checkbox">I agree to your <a class="w3layouts-t" href="#">Terms of Use</a></label>
												</span>
											</div>
											<div class="clearfix"></div>
											<input type="submit" value="Sign Up">
										</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
<!-- //signup -->
		<!--Slider-->
		<div class="slider">
			<div class="callbacks_container">
				<ul class="rslides" id="slider3">
					<li>
						<div class="slider-img">
							<img src="images/banner.jpg" class="img-responsive" alt="Homey Designs">
						</div>
						<div class="slider-info">
							 <h3 class="logo"><a href="index.html">Homey <span>Designs</span></a></h3>
							<h4>BEST INTERIOR DESIGNS</h4>
							<div class="search">
								<form action="#" method="post">
									<input name="search" type="search" placeholder="Search..." required="">
									<input type="submit" value=" ">
								</form>
							</div>
						</div>
					</li>
					<li>
						<div class="slider-img">
							<img src="images/banner2.jpg" class="img-responsive" alt="Homey Designs">
						</div>
						<div class="slider-info">
						  <h3 class="logo"><a href="index.html">Homey <span>Designs</span></a></h3>
							<h4>BEST INTERIOR LIVING ROOMS</h4>
							<div class="search">
								<form action="#" method="post">
									<input name="search" type="search" placeholder="Search..." required="">
									<input type="submit" value=" ">
								</form>
							</div>
						</div>
					</li>
					<li>
						<div class="slider-img">
							<img src="images/banner3.jpg" class="img-responsive" alt="Homey Designs">
						</div>
						<div class="slider-info">
							 <h3 class="logo"><a href="index.html">Homey <span>Designs</span></a></h3>
							<h4>BEST INTERIOR BATH ROOMS</h4>
							<div class="search">
								<form action="#" method="post">
									<input name="search" type="search" placeholder="Search..." required="">
									<input type="submit" value=" ">
								</form>
							</div>
						</div>
					</li>
					<li>
						<div class="slider-img">
							<img src="images/banner4.jpg" class="img-responsive" alt="Homey Designs">
						</div>
						<div class="slider-info">
							 <h3 class="logo"><a href="index.html">Homey <span>Designs</span></a></h3>
							<h4>BEST INTERIOR KITCHEN </h4>
							<div class="search">
								<form action="#" method="post">
									<input name="Search" type="search" placeholder="Search..." required="">
									<input type="submit" value=" ">
								</form>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="clearfix"></div>
		</div>
		<!--//Slider-->
	</div>
	<!-- about -->
	      <div class="about" id="about">
		        <div class="container">
				         <div class="about-w3l-agileifo-grid">
				                  <div class="agile-w3l-ab">
								       <ul class="rslides" id="slider">
										<li>
											<div class="agile-w3l-ab-img">
												<img src="images/g4.jpg" class="img-responsive" alt="Homey Designs">
											</div>
										</li>
										<li>
											<div class="agile-w3l-ab-img">
												<img src="images/g8.jpg" class="img-responsive" alt="Homey Designs">
											</div>
										</li>
										<li>
											<div class="agile-w3l-ab-img">
												<img src="images/g2.jpg" class="img-responsive" alt="Homey Designs">
											</div>
										</li>
											<li>
											<div class="agile-w3l-ab-img">
												<img src="images/g6.jpg" class="img-responsive" alt="Homey Designs">
											</div>
										</li>
									</ul>
				                  </div>
								   <div class="ab-w3l-text w3l-pop">
											<div class="ab-agile-top">
												<h1>About Us</h1>
												<div class="ab-agile-bottom">
												   <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</p>
												</div>
											</div>
									</div>
				          </div>
				        </div>
		  </div>
	<!-- //about -->
	<!-- services-section -->
<div class="services-section" id="service">
	<div class="container">
	 <div class="port-head">
							<h3 class="tittle">Our Services</h3>
						</div>
		<div class="service-grids">
			<div class="col-md-5 service-icons">
				<div class="serve-one">
					<div class="hi-icon-wrap hi-icon-effect-4 hi-icon-effect-4b">
					<div class="icon-one">
					   <a href="#" class="hi-icon icon1"></a>
					</div>
						<div class="abt-icon">
							<h4>Service 1</h4>
							<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit</p>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="serve-one two">
					<div class="hi-icon-wrap hi-icon-effect-4 hi-icon-effect-4b">
					<div class="icon-one">
					   <a href="#" class="hi-icon icon2"></a>
					</div>
						<div class="abt-icon">
							<h4>Service 2</h4>
							<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit</p>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="serve-one">
					<div class="hi-icon-wrap hi-icon-effect-4 hi-icon-effect-4b">
					<div class="icon-one">
					   <a href="#" class="hi-icon icon3"></a>
					</div>
						<div class="abt-icon">
							<h4>Service 3</h4>
							<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit</p>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<div class="col-md-7 service-text">
			  <div class="agile-w3l-serve">
			     <img class="img-responsive" src="images/g8.jpg" alt="Image-3">
			  </div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
</div>
<!-- differencials -->
	<!-- Portfolio -->
       <div class="portfolio" id="port">
		       <div class="port-head">
							<h3 class="tittle">Portfolio</h3>
						</div>
            <ul class="simplefilter">
                <li class="active" data-filter="all">All</li>
                <li data-filter="1">Living Room</li>
                <li data-filter="2">Hall</li>
                <li data-filter="3">Kitchen</li>
                <li data-filter="4">Bath Room</li>
            </ul>
            <div class="filtr-container">
                <div class="  filtr-item gallery-t" data-category="1, 3" data-sort="Busy streets">
                <a href="images/g6.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
					<figure>
					 <img src="images/g6.jpg" class="img-responsive" alt=" " />	<figcaption>
							<h3>Homey Designs</h3>
						</figcaption>
					</figure>
				</a>
                </div>
                <div class=" filtr-item" data-category="2, 3" data-sort="Luminous night">
                   <a href="images/g8.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
					<figure>
					 <img src="images/g8.jpg" class="img-responsive" alt=" " />	<figcaption>
							<h3>Homey Designs</h3>
						</figcaption>
					</figure>
				</a>
                </div>
                <div class=" filtr-item" data-category="1, 3" data-sort="City wonders">
                    <a href="images/g5.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
					<figure>
					 <img src="images/g5.jpg" class="img-responsive" alt=" " />	<figcaption>
							<h3>Homey Designs</h3>
						</figcaption>
					</figure>
				</a>
                </div>
                <div class="  filtr-item" data-category="3" data-sort="In production">
                   <a href="images/g9.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
					<figure>
					 <img src="images/g9.jpg" class="img-responsive" alt=" " />	<figcaption>
							<h3>Homey Designs</h3>
						</figcaption>
					</figure>
				</a>
                </div>
                <div class=" filtr-item" data-category="3, 2" data-sort="Industrial site">
                  <a href="images/g3.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
					<figure>
					 <img src="images/g3.jpg" class="img-responsive" alt=" " />	<figcaption>
							<h3>Homey Designs</h3>
						</figcaption>
					</figure>
				</a>
                </div>
                <div class=" filtr-item" data-category="2, 2" data-sort="Peaceful lake">
                    <a href="images/g5.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
					<figure>
					 <img src="images/g5.jpg" class="img-responsive" alt=" " />	<figcaption>
							<h3>Homey Designs</h3>
						</figcaption>
					</figure>
				</a>
                </div>
                <div class="  filtr-item" data-category="1, 3" data-sort="City lights">
                   <a href="images/g6.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
					<figure>
					 <img src="images/g6.jpg" class="img-responsive" alt=" " />	<figcaption>
							<h3>Homey Designs</h3>
						</figcaption>
					</figure>
				</a>
                </div>
                <div class=" filtr-item" data-category="2, 2" data-sort="Dreamhouse">
                   <a href="images/g7.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
					<figure>
					 <img src="images/g7.jpg" class="img-responsive" alt=" " />	<figcaption>
							<h3>Homey Designs</h3>
						</figcaption>
					</figure>
				</a>
                </div>
				<div class=" filtr-item" data-category="2, 4" data-sort="Dreamhouse">
                  <a href="images/g2.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
					<figure>
					 <img src="images/g2.jpg" class="img-responsive" alt=" " />	<figcaption>
							<h3>Homey Designs</h3>
						</figcaption>
					</figure>
				</a>
                </div>
               <div class="clearfix"> </div>
         </div>
</div>
	<!-- //Portfolio -->
<!-- /client -->
    <div class="client-agile-info" id="client">
        <div class="container">
		 <div class="client-top">
		  <h3 class="tittle two">What Our clients Say</h3>
		    <div class="slider">
					<div class="callbacks_container">
						<ul class="rslides" id="slider4">
							<li>
								 <div class="agileits-clients">
									<div class="col-md-6 client_agile_info">
											<div class="c-img"><i class="fa fa-quote-right"></i> </div>
											<p>Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
											<h4><img src="images/f1.jpg" alt=""> Martin H. Joseph</h4>
									</div>
									<div class="col-md-6 client_agile_info">
											<div class="c-img"><i class="fa fa-quote-right"></i> </div>
											<p>Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
											<h4><img src="images/f2.jpg" alt=""> Martin H.Wilson</h4>
									</div>
									<div class="clearfix"></div>
								</div>
							</li>
							<li>
							<div class="agileits-clients">
								<div class="col-md-6 client_agile_info">
                                        <div class="c-img"><i class="fa fa-quote-right"></i></div>
										<p>Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
										<h4> <img src="images/f3.jpg" alt=""> Martin H.Wilson</h4>
								</div>
								<div class="col-md-6 client_agile_info">
                                        <div class="c-img"><i class="fa fa-quote-right"></i> </div>
										<p>Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
										<h4><img src="images/f4.jpg" alt=""> Martin Pal</h4>
								</div>
								<div class="clearfix"></div>
								</div>
							</li>
							<li>
							<div class="agileits-clients">
							  <div class="col-md-6 client_agile_info">
                                        <div class="c-img"><i class="fa fa-quote-right"></i> </div>
										<p>Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
										<h4><img src="images/f1.jpg" alt=""> Martin H. Joseph</h4>
								</div>
								<div class="col-md-6 client_agile_info">
                                        <div class="c-img"><i class="fa fa-quote-right"></i></div>
										<p>Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
										<h4> <img src="images/f2.jpg" alt=""> Martin Pal</h4>
								</div>
								<div class="clearfix"></div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				</div>
	</div>
</div>
<!-- //client -->
<!-- projects -->
	<div class="projects" id="projects">
		<div class="container">
			<div class="port-head">
				<h3 class="tittle">Latest Designs</h3>
			</div>
		</div>
		<div class="projects-grids">
				<div class="sreen-gallery-cursual">
			<div id="owl-demo" class="owl-carousel owl-theme">
					<div class="item">
						<div class="projects-agile-grid-info">
							<img src="images/s1.jpg" alt="" />
							<div class="projects-grid-caption"> 
									<h4>Homey Designs</h4>
								<p>Lorem ipsum</p>
							</div>
						</div>	
					</div>
					<div class="item">
						<div class="projects-agile-grid-info">
							<img src="images/s2.jpg" alt="" />
							<div class="projects-grid-caption"> 
									<h4>Homey Designs</h4>
								<p>Lorem ipsum</p>
							</div>
						</div>	
					</div>
					<div class="item">
						<div class="projects-agile-grid-info">
							<img src="images/s3.jpg" alt="" />
							<div class="projects-grid-caption"> 
								<h4>Homey Designs</h4>
								<p>Lorem ipsum</p>
							</div>
						</div>	
					</div>
					<div class="item">
						<div class="projects-agile-grid-info">
							<img src="images/s4.jpg" alt="" />
							<div class="projects-grid-caption"> 
								<h4>Justo congue</h4>
								<p>Phasellus magna</p>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="projects-agile-grid-info">
							<img src="images/s5.jpg" alt="" />
							<div class="projects-grid-caption"> 
									<h4>Homey Designs</h4>
								<p>Lorem ipsum</p>
							</div>
						</div>	
					</div>
					<div class="item">
						<div class="projects-agile-grid-info">
							<img src="images/s6.jpg" alt="" />
							<div class="projects-grid-caption"> 
									<h4>Homey Designs</h4>
								<p>Lorem ipsum</p>
							</div>
						</div>	
					</div>
					<div class="item">
						<div class="projects-agile-grid-info">
							<img src="images/s7.jpg" alt="" />
							<div class="projects-grid-caption"> 
								<h4>Homey Designs</h4>
								<p>Lorem ipsum</p>
							</div>
						</div>	
					</div>
					<div class="item">
						<div class="projects-agile-grid-info">
							<img src="images/s1.jpg" alt="" />
							<div class="projects-grid-caption">
									<h4>Homey Designs</h4>
								<p>Lorem ipsum</p>
							</div>
						</div>
					</div>
			</div>
		</div>
	</div>
	</div>
	<!-- //projects -->
<!-- /contact -->
   <div class="contact-main-agile-info" id="contact">
        <div class="container">
		   <h3 class="tittle">Contact Us</h3>
		  <div class="contact-top-agileits">
               <div class="col-md-4 contact-grid ">
					<div class="contact-grid1 agileits-w3layouts">
						<i class="fa fa-location-arrow"></i>
						<div class="con-w3l-info">
						   <h4>Address </h4>
						  <p>12K Street<span>New York City.</span></p>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="col-md-4 contact-grid">
					<div class="contact-grid2 w3">
						<i class="fa fa-volume-control-phone"></i>
						<div class="con-w3l-info">
						  <h4>Call Us</h4>
						   <p>+1234 567 890<span>+1234 567 890</span></p>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="col-md-4 contact-grid">
					<div class="contact-grid3 w3l">
						<i class="fa fa-envelope"></i>
						<div class="con-w3l-info">
						  <h4>Email</h4>
						  <p><a href="mailto:info@example.com">info@example1.com</a>
						  <span><a href="mailto:info@example.com">info@example2.com</a></span></p>
						  </div>
						  <div class="clearfix"></div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="clearfix"></div>
			<div class="map-grids">
					    <h2>Send Us a Message Now</h2>
						<form action="#" method="post">
						<p>Your Name</p>
						<input type="text" name="Your Name" placeholder="" required=" ">
						<p>Your Email</p>
						<input type="email" name="Your Email" placeholder="" required=" ">
						<p>Your Message</p>
						<textarea name="Your Message" placeholder="" required=""></textarea>
						<input type="submit" value="SUBMIT">
					</form>
				</div>
		  </div>
   <!-- map -->
		<div class="map agileits">
			   <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d26359195.17562375!2d-113.7156245614499!3d36.2473834534249!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited+States!5e0!3m2!1sen!2sin!4v1471497559566"  frameborder="0" style="border:0" allowfullscreen></iframe>
		</div>
		<!-- //map -->
  </div>
  <!-- Footer -->
	<div class="w3l-footer">
		<div class="container">
         <div class="footer-info-agile">
				<div class="col-md-4 footer-info-grid address">
					<h4>ADDRESS</h4>
					<address>
						<ul>
							<li>London Victoria 3000</li>
							<li>40019 King Street Melbourne</li>
							<li>BO,London</li>
							<li>Telephone : +1 (734) 123-4567</li>
							<li>Email : <a class="mail" href="mailto:mail@example.com">info(at)example.com</a></li>
						</ul>
					</address>
				</div>
					<div class="col-md-4 footer-info-grid links">
					<h4>QUICK LINKS</h4>
					<ul>
						       <li><a class="scroll" href="#">Home</a></li> 
								<li><a class="scroll" href="#about">About</a></li> 
								<li><a class="scroll" href="#projects">Designs</a></li> 
								<li><a class="scroll" href="#port">Portfolio</a></li> 
								<li><a class="scroll" href="#contact">Contact</a></li> 
					</ul>
				</div>
				<div class="col-md-4 footer-grid newsletter connect-social">
				   <h4>Get in Touch</h4>
					   <section class="social">
							<ul>
								<li><a class="icon fb" href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a class="icon tw" href="#"><i class="fa fa-twitter"></i></a></li>
									<li><a class="icon db" href="#"><i class="fa fa-dribbble"></i></a></li>
								<li><a class="icon gp" href="#"><i class="fa fa-google-plus"></i></a></li>
							</ul>
						</section>
					<form action="#" method="post" class="newsletter">
						<input class="email" type="email" placeholder="Your email..." required=" ">
						<input type="submit" class="submit" value="">
					</form>
					<div class="clearfix"> </div>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="copyright-wthree">
				<p>&copy; 2017 Homey Designs. All Rights Reserved | Design by <a href="http://www.51qianduan.com//">xmoban.cn</a></p>
			</div>
		</div>
	</div>
  <!-- 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>
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!--banner Slider starts Here-->
						<script src="js/responsiveslides.min.js"></script>
							<script>
								// You can also use "$(window).load(function() {"
								$(function () {
								  // Slideshow 4
								  $("#slider3").responsiveSlides({
									auto: true,
									pager:true,
									nav:false,
									speed: 500,
									namespace: "callbacks",
									before: function () {
									  $('.events').append("<li>before event fired.</li>");
									},
									after: function () {
									  $('.events').append("<li>after event fired.</li>");
									}
								  });
								});
							 </script>
							 <script>
								// You can also use "$(window).load(function() {"
								$(function () {
								  // Slideshow 4
								  $("#slider").responsiveSlides({
									auto: true,
									pager:false,
									nav:false,
									speed: 500,
									namespace: "callbacks",
									before: function () {
									  $('.events').append("<li>before event fired.</li>");
									},
									after: function () {
									  $('.events').append("<li>after event fired.</li>");
									}
								  });
								});
							 </script>
							<script>
								// You can also use "$(window).load(function() {"
								$(function () {
								  // Slideshow 4
								  $("#slider4").responsiveSlides({
									auto: true,
									pager:false,
									nav:true,
									speed: 500,
									namespace: "callbacks",
									before: function () {
									  $('.events').append("<li>before event fired.</li>");
									},
									after: function () {
									  $('.events').append("<li>after event fired.</li>");
									}
								  });
								});
							 </script>
<!--banner Slider starts Here-->
<!-- PopUp-Box-JavaScript -->
			<script src="js/jquery.chocolat.js"></script>
			<script type="text/javascript">
				$(function() {
					$('.filtr-item a').Chocolat();
				});
			</script>
		<!-- //PopUp-Box-JavaScript -->
		<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<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 -->
<!-- Tabs-JavaScript -->
			<script src="js/jquery.filterizr.js"></script>
			<script src="js/controls.js"></script>
			<script type="text/javascript">
				$(function() {
					$('.filtr-container').filterizr();
				});
			</script>
		<!-- //Tabs-JavaScript -->
<script src="js/owl.carousel.js"></script> 
<link href="css/owl.theme.css" rel="stylesheet">
<script>
$(document).ready(function() { 
	$("#owl-demo").owlCarousel({
		autoPlay: 3000, //Set AutoPlay to 3 seconds
		  autoPlay : true,
		   navigation :true,
		items : 4,
		itemsDesktop : [640,5],
		itemsDesktopSmall : [414,4]
	});
}); 
</script>
<!-- for bootstrap working -->
	<script src="js/bootstrap.js"></script>
<!-- //for bootstrap working -->



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


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

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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