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



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

38 150 51



模板描述:棕色简洁风格 男士发型设计 企业网站。棕色简洁风格的男士发型设计企业网站源码下载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:[email protected]">[email protected]</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自适应 IT网络科技 蓝色 普通自适应 欧美风 旅游 红色 中国风 金融理财保险 绿色 韩系 高校 灰色 日系 简洁简约 工业产品 黄色 炫酷 家居装饰 紫色 卡通动画 橙色 招聘猎头 精美 实用通用 艺术创意 粉色 政府 婚庆 大气 白色 新闻资讯 婚纱摄影 棕色 清新 教育培训 彩色 绘画 设计 餐饮美食 其他风格 外贸 服装服饰 建筑 化工企业 医药器械 美容美发 动漫 电影视频 包装印刷 机械 汽车4S店 农业产品 咨询管理 酒店 健身房 化妆品 食品 花卉 房地产 协会组织 快递货运 数码电器 搬家 珠宝首饰 酒业 文化传媒 装修装饰 医院医疗 律师 酒吧音乐 图书 动物宠物 航空航天 股票 能源 公益 饮品 生活用品 家政保洁 体育 房屋租赁 商务 电力公司 打车租车 环保 宗教寺庙 工具文具 企业行业 自适应响应式 风格类型 颜色色彩

×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

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

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