棕色简洁风格的男士发型设计企业网站源码下载



5 17 6



模板描述:棕色简洁风格 男士发型设计 企业网站,棕色简洁风格的男士发型设计企业网站源码下载html模板下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/nivo-slider.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.transitions.css">
<link rel="stylesheet" href="css/prettyPhoto.css">
<link rel="stylesheet" href="css/simple-overlay.css">
<link rel="stylesheet" href="css/meanmenu.min.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/responsive.css">

2. 引入JS

<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/modernizr-2.8.3.min.js"></script>
<script src="js/jquery.nivo.slider.js"></script>
<script src="js/wow.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/jquery.scrollUp.min.js"></script>
<script src="js/mail.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="js/jquery.meanmenu.js"></script>
<script src="js/jquery.parallax-1.1.3.js"></script>
<script src="js/jquery.easing-1.3%20.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script src="js/jquery.goole-map.js"></script>
<script src="js/simple-overlay.js"></script>
<script src="js/app.js"></script>
<script src="js/main.js"></script>

3. HTML代码

    <!-- HEADER AREA START HERE -->
    <header class="header-area" id="#home">
        <div class="header-top">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-sm-6">
                        <ul class="welcom-top">
                            <li><a href="#"><i class="fa fa-phone"></i>Tel: (123) 456-7890</a></li>
                        </ul>
                    </div>
                    <!-- HEADER TOP SOCIAL -->
                    <div class="col-md-6 col-sm-6">
                        <div class="header-social alignright">
                            <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-linkedin"></i></a></li>
                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- HEADER TOP END HERE -->
        <!-- MENU AREA START HERE -->
        <div class="main-menu-area">
            <div class="container">
                <div class="row">
                    <!-- FOR LOGO -->
                    <div class="col-md-2 col-sm-2">
                        <div class="logo">
                            <a href="index.html"><img src="images/logo.png" alt="">
                            </a>
                        </div>
                    </div>
                    <!-- MAIN MENU START -->
                    <div class="col-md-10 col-sm-10">
                        <div class="main-menu">
                            <nav>
                                <ul>
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="about-us.html">About Us</a></li>
									<li><a href="service-details.html">Service Details</a></li>
									<li><a href="services.html">Service</a></li>
                                    <li><a href="contact-us.html">Contact</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
					<!-- MAIN MENU END -->
                </div>
            </div>
        </div>
        <!-- MENU AREA END HERE -->
        <!-- MOBILE-MENU-AREA START -->
        <div class="mobile-menu-area">
            <div class="mobile-menu">
                <div class="logo">
                    <a href="#"><img src="images/logo.png" alt="">
                    </a>
                </div>
                <nav id="dropdown">
                    <ul>
						<li><a href="index.html">Home</a></li>
						<li><a href="about-us.html">About Us</a></li>
						<li><a href="service-details.html">Service Details</a></li>
						<li><a href="services.html">Service</a></li>
						<li><a href="contact-us.html">Contact</a></li>
					</ul>
                </nav>
            </div>
        </div>
        <!-- MOBILE-MENU-AREA START -->
    </header>
    <!-- HEADER AREA END HERE -->
	<!-- START SLIDER AREA-->
    <div id="home_version_2" class="fullslider_area">
        <div class="container">
            <div id="myCarousel" class="carousel slide carousel-fade" data-ride="carousel">
                <!-- Wrapper for slides -->
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner" role="listbox">
                    <!-- START SINGLE SLIDER AREA-->
                    <div class="item active">
                        <div class="slider" id="slider2">
                            <div class="table">
                                <div class="table-cell slider_area">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="main_slider">
                                                <h1 class="animated fadeInUp">Barber Shop & Hair Salon Services</h1>
                                                <p class="animated fadeInUp">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="button hvr-bounce-to-bottom animated fadeInDown">
                                        <a href="services.html">OUR SERVICES</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--/END SINGLE SLIDER AREA-->
                    <!-- START SINGLE SLIDER AREA-->
                    <div class="item">
                        <div class="slider">
                            <div class="table">
                                <div class="table-cell slider_area">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="main_slider">
                                                <h1 class="animated fadeInUp">Catoria Barber Salon Now in Your City</h1>
                                                <p class="animated fadeInUp">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="button hvr-bounce-to-bottom animated fadeInDown">
                                        <a href="services.html">OUR SERVICES</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--/END SINGLE SLIDER AREA-->
                    <!-- START SINGLE SLIDER AREA-->
                    <div class="item">
                        <div class="slider">
                            <div class="table">
                                <div class="table-cell slider_area">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="main_slider">
                                                <h1 class="animated fadeInUp">Amazing Barber Shop located in New York</h1>
                                                <p class="animated fadeInUp">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="button hvr-bounce-to-bottom animated fadeInDown">
                                        <a href="services.html">OUR SERVICES</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--/END SINGLE SLIDER AREA-->
                </div>
            </div>
        </div>
    </div>
    <!--/END SLIDER AREA -->
	<!-- ABOUT SECTION START HERE -->
	<section class="about-section section-padding" id="about-section">
		<div class="container">
			<div class="row">
				<div class="col-sm-6">
					<div class="about-details">
						<h2 class="text-capitalize">Welcome</h2>
						<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters.</p>
						<p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident.</p>
						<a href="about-us.html" class="about-btn btn-abt">Read More</a>
					</div>
				</div>
				<div class="col-sm-6 text-right">
					<div class="about-video">
						<img src="images/video-thumb.jpg" alt="Video Thumb" class="img-responsive">
						<div class="video-play-btn text-center">   
							<a href=""><i class="fa fa-play" aria-hidden="true"></i></a>
						</div>
					</div>
				</div>			
			</div>
		</div>
    </section>
	<!-- ABOUT SECTION END HERE -->
	<!-- SERVICE SECTION START HERE -->
	<section class="departments section-padding">
        <div class="container">
            <!-- section title -->
            <div class="row">
                <div class="col-md-12">
                    <div class="section-text">
                        <h2 class="section-title">What we do</h2>
                        <p class="s-title">Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, perferendis! Lorem ipsum. adipisicing elit.</p>
                    </div>
                </div>
            </div>
            <!-- end esction title -->
            <!-- departmets content -->
            <div class="row">
                <div class="departments-content">
                    <div class="col-md-4">
                        <div class="departmets-left">
						    <div class="dental-care">
                                <h3><span class="color">Overview</span></h3>
                                <p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporisur, perferendis! Lorem ipsum. adipisicing elit.</p>
                                <p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p>
                            </div>
                            <h3><span class="color">At a Glance</span></h3>
                            <ul class="departments-benifits">
                                <li><i class="fa fa-check"></i>Expart and Experienced Barbers</li>
                                <li><i class="fa fa-check"></i>Friendly and careful Services </li>
                                <li><i class="fa fa-check"></i>Affordable Cost</li>
                                <li><i class="fa fa-check"></i>10+ years experience</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-offset-1 col-md-7">
                        <div class="row">
                            <div class="departmets-right text-center">
                                <div class="col-md-4 col-sm-4 single-departments-content">
                                    <div class="single-department">
                                        <a href="#"><img src="images/services/01.png" alt="">
                                        </a>
                                        <h3>Clean Shaves</h3>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 single-departments-content">
                                    <div class="single-department">
                                        <a href="#"><img src="images/services/02.png" alt="">
                                        </a>
                                        <h3>Hair cuts</h3>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 single-departments-content">
                                    <div class="single-department">
                                        <a href="#"><img src="images/services/03.png" alt="">
                                        </a>
                                        <h3>Hair Wash</h3>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                                <div class="col-md-4 col-sm-4 single-departments-content">
                                    <div class="single-department">
                                        <a href="#"><img src="images/services/04.png" alt="">
                                        </a>
                                        <h3>Face Mask</h3>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 single-departments-content">
                                    <div class="single-department">
                                        <a href="#"><img src="images/services/05.png" alt="">
                                        </a>
                                        <h3>Neck massage</h3>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-4 single-departments-content">
                                    <div class="single-department">
                                        <a href="#"><img src="images/services/06.png" alt="">
                                        </a>
                                        <h3>Waxing</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end departmets content -->
        </div>
    </section>
	<!-- SERVICE SECTION END HERE -->
    <!-- WHY CHOOSE START HERE -->
    <section class="why-choose-area">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-text">
                        <h2 class="section-title">Why Choose Us</h2>
                        <p class="s-title">Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, perferendis! Lorem ipsum. adipisicing elit.</p>
                    </div>
                </div>
                <!-- SINGLE ABOUT START HERE -->
                <div class="col-md-4 col-sm-6">
                    <div class="single-choose">
                        <span><i class="fa fa-check"></i></span>
                        <h3>Quality Service</h3>
                        <p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, perferendis! Lorem ipsum. adipisicing elit.</p>
                    </div>
                </div>
                <!-- SINGLE ABOUT START HERE -->
                <div class="col-md-4 col-sm-6">
                    <div class="single-choose">
                        <span><i class="fa fa-check"></i></span>
                        <h3>Competitive Prices</h3>
                        <p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, perferendis! Lorem ipsum. adipisicing elit.</p>
                    </div>
                </div>
                <!-- SINGLE ABOUT START HERE -->
                <div class="col-md-4 col-sm-6">
                    <div class="single-choose">
                        <span><i class="fa fa-check"></i></span>
                        <h3>Friendly Staff</h3>
                        <p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, perferendis! Lorem ipsum. adipisicing elit.</p>
                    </div>
                </div>
                <!-- SINGLE ABOUT START HERE -->
                <div class="col-md-4 col-sm-6">
                    <div class="single-choose">
                        <span><i class="fa fa-check"></i></span>
                        <h3>Easy Free Parking</h3>
                        <p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, perferendis! Lorem ipsum. adipisicing elit.</p>
                    </div>
                </div>
                <!-- SINGLE ABOUT START HERE -->
                <div class="col-md-4 col-sm-6">
                    <div class="single-choose">
                        <span><i class="fa fa-check"></i></span>
                        <h3>Discounts For Kids</h3>
                        <p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, perferendis! Lorem ipsum. adipisicing elit.</p>
                    </div>
                </div>
                <!-- SINGLE ABOUT START HERE -->
                <div class="col-md-4 col-sm-6">
                    <div class="single-choose">
                        <span><i class="fa fa-check"></i></span>
                        <h3>Relaxing Atmosphere</h3>
                        <p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, perferendis! Lorem ipsum. adipisicing elit.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- WHY CHOOSE END HERE -->
    <!-- REVIEW AREA START HERE -->
    <div class="review-area">
        <div class="review-parallax" style="background-image:url(images/review.jpg)">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="review-content">
                            <div class="single-review">
                                <p>"Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis perferendis Lorem ipsum adipisicing elit Lorem ipsum dolor."</p>
                                <img src="images/reviews/review1.jpg" alt="">
                                <small>Mark Johnson</small>
                            </div>
                            <div class="single-review">
                                <p>"Sed diam nonummy nibh euismod tincidunt ut laoreet magna. Lorem ipsum dolor sit, consectetur adipisicing. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet."</p>
                                <img src="images/reviews/review2.jpg" alt="">
                                <small>Martin Collincs</small>
                            </div>
                            <div class="single-review">
                                <p>"Aliquam erat volutpat. Ut wisi enim ad minim veniam nostrud. consectetur awesome adipisicing nibh euismod. Sed diam nonummy nibh euismod tincidunt ut laoreet magna."</p>
                                <img src="images/reviews/review3.jpg" alt="">
                                <small>Prommet Doe</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- REVIEW AREA END HERE -->
	<!-- TEAM AREA START HERE -->
	<section class="team-area section-padding" id="team">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="section-text">
						<h2 class="section-title">Our Barbers</h2>
						<p class="s-title">Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, perferendis! Lorem ipsum. adipisicing elit.</p>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
					<div class="template-border bd-left team-member-spacing-top">
						<div class="banner-image">
							<figure class="team-member">
								<img src="images/team/01.jpg" alt="img21">
								<figcaption>
									<div>
										<a href="#"><p><i class="fa fa-facebook" aria-hidden="true"></i></p></a>
										<a href="#"><p><i class="fa fa-twitter" aria-hidden="true"></i></p></a>
										<a href="#"><p><i class="fa fa-envelope" aria-hidden="true"></i></p></a>
									</div>
								</figcaption>
							</figure>
						</div>
					</div>
					<h3>Zoo martin</h3>
					<h6>Senior Stylist</h6>
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p>
				</div>
				<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
					<div class="template-border bd-left">
						<div class="banner-image">
							<figure class="team-member">
								<img src="images/team/02.jpg" alt="img21">
								<figcaption>
									<div>
										<a href="#"><p><i class="fa fa-facebook" aria-hidden="true"></i></p></a>
										<a href="#"><p><i class="fa fa-twitter" aria-hidden="true"></i></p></a>
										<a href="#"><p><i class="fa fa-envelope" aria-hidden="true"></i></p></a>
									</div>
								</figcaption>
							</figure>
						</div>
					</div>
					<h3>Steph Jervis</h3>
					<h6>Master Barber</h6>
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p>
				</div>
				<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
					<div class="template-border bd-left">
						<div class="banner-image">
							<figure class="team-member">
								<img src="images/team/03.jpg" alt="img21">
								<figcaption>
									<div>
										<a href="#"><p><i class="fa fa-facebook" aria-hidden="true"></i></p></a>
										<a href="#"><p><i class="fa fa-twitter" aria-hidden="true"></i></p></a>
										<a href="#"><p><i class="fa fa-envelope" aria-hidden="true"></i></p></a>
									</div>
								</figcaption>
							</figure>
						</div>
					</div>
					<h3>Sandy Morton</h3>
					<h6>Shaving Expert</h6>
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p>
				</div> 
			</div>
		</div>
    </section>
	<!-- TEAM AREA END HERE -->
	<!-- SUBSCRIBE AREA START HERE -->	
	<section class="subscribe section-padding">
		<div class="container">	
			<div class="row">
				<div class="col-md-12">
					<div class="section-text">
						<h2 class="section-title">Our Newsletter</h2>
						<p class="s-title">Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, perferendis! Lorem ipsum. adipisicing elit.</p>
					</div>
				</div>
			</div>
			<div class="row">
				<form>
				<div class="form-group col-md-8 col-md-offset-2 custom-form  wow fadeInUp" data-wow-delay=".1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
					<label for="email"><i class="fa fa-envelope-o" aria-hidden="true"></i></label>
					<input class="form-control" id="email" type="email">
					<button>Subscribe</button>
				</div>
				</form>
			</div>
		</div>
	</section>
	<!-- SUBSCRIBE AREA END HERE -->
    <!-- FOOTER AREA START HERE -->
    <footer class="footer-area">
        <div class="footer-top">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-6">
                        <div class="footer-widget">
							<h3 class="section-title">About Us</h3>
                            <div class="f-about">
                                <p>We tried to do something for you. I distinctio quasi animi sit aspernatur praesentium.</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-linkedin"></i></a></li>
                                    <li><a href="#"><i class="fa fa-youtube"></i></a></li>
                                    <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
					<div class="col-md-3 col-sm-6">
                        <div class="footer-widget">
                            <h3 class="section-title">Address</h3>
                            <ul class="contact-list">
                                <li><i class="fa fa-home"></i><span>PO Box 16122, Collins Street West, Victoria 8007, United States.</span></li>
                            </ul>
                        </div>
                    </div>
					<div class="col-md-3 col-sm-6">
                        <div class="footer-widget">
                            <h3 class="section-title">Call us</h3>
                            <ul class="contact-list">
                                <li><i class="fa fa-phone"></i><span>+008 019529 20</span></li>
                                <li><i class="fa fa-phone"></i><span>+008 019529 20</span></li>
								<li> <i class="fa fa-envelope-o"></i><span><a href="mailto:mail@yoursite.com">mail@yoursite.com</a></span></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="footer-widget">
                            <h3 class="section-title">Working hour</h3>
                            <ul class="contact-list">
                                <li><i class="fa fa-clock-o"></i> <span>Mon - Sat 9.00 - 18.30</span></li>
                                <li><i class="fa fa-clock-o"></i> <span>Sunday Closed</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
			<div class="container">
                <div class="row">
					<p>Copyright &copy; 2018.Company name All rights reserved.</p>
				</div>
			</div>
        </div>
    </footer>
    <!-- FOOTER AREA END HERE -->
    <!--  jQuery 
    ==============================================================-->
    <script src="js/jquery-1.12.4.min.js"></script>
    <!-- Bootstrap Js 
    ==============================================================-->
    <script src="js/bootstrap.min.js"></script>
    <!-- Modernizr Js 
    ==============================================================-->
    <script src="js/modernizr-2.8.3.min.js"></script>
    <!-- Nivo-slider Js 
    ==============================================================-->
    <script src="js/jquery.nivo.slider.js"></script>
    <!-- Wow Js 
    ==============================================================-->
    <script src="js/wow.js"></script>
    <!-- Sticky Js 
    ==============================================================-->
    <script src="js/jquery.sticky.js"></script>
    <!-- ScrollUp Js 
    ==============================================================-->
    <script src="js/jquery.scrollUp.min.js"></script>
	<!-- Mail Js 
    ==============================================================-->
    <script src="js/mail.js"></script>
    <!-- Owl Js 
    ==============================================================-->
    <script src="js/owl.carousel.min.js"></script>
    <!-- PrettyPhoto Js 
    ==============================================================-->
    <script src="js/jquery.prettyPhoto.js"></script>
    <!-- Mobile Menu Js 
    ==============================================================-->
    <script src="js/jquery.meanmenu.js"></script>
    <!-- Parallax Js 
    ==============================================================-->
    <script src="js/jquery.parallax-1.1.3.js"></script>
    <!-- Easing Js 
    ==============================================================-->
    <script src="js/jquery.easing-1.3%20.js"></script>
    <!-- Counterup Js 
    ==============================================================-->
    <script src="js/jquery.counterup.min.js"></script>
    <!-- Waypoints Js 
    ==============================================================-->
    <script src="js/jquery.waypoints.min.js"></script>
	<!-- Google Maps API 
    ==============================================================-->
    <!---<script src="http://maps.googleapis.com/maps/api/js"></script>
    <script src="js/jquery.goole-map.js"></script>--->
	<!-- Simple Overlay
    ==============================================================-->
    <script src="js/simple-overlay.js"></script>
	<!-- Ajax Contact 
    ==============================================================-->
	<script src="js/app.js"></script>
    <!-- Main Js 
    ==============================================================-->
    <script src="js/main.js"></script>



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


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 企业 行业 公司 工厂 bootstrap bootstrap自适应 bootstrap响应式 欧美风 欧美 欧洲 美洲 pc+wap 移动+电脑 手机+电脑 宽屏 全屏 满屏 棕色 设计 设计公司

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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