<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Carwash Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<script src="./js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="./css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- webfonts -->
<link href='http://fonts.googleapis.com/css?family=Raleway:200,400,300,600,500,900,700,100,800|Comfortaa:700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Comfortaa:700,300,400' rel='stylesheet' type='text/css'>
<!-- webfonts -->
</head>
<body>
<!-- container -->
<!-- header -->
<div class="header">
<div class="container">
<!-- logo -->
<div class="logo">
<a href="index.html"><img src="./images/logo.png" title="carwash" /></a>
</div>
<!-- /logo -->
<!-- top-nav -->
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="contact.html">Contact</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<!-- script-for-nav -->
<script>
$(document).ready(function(){
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(1000);
});
});
</script>
<!-- script-for-nav -->
<!-- /top-nav -->
<div class="clearfix"> </div>
</div>
<!-- /header -->
</div>
<!-- banner -->
<div class="benner">
<!-- slider -->
<!--- img-slider --->
<div class="img-slider">
<!----start-slider-script---->
<script src="./js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager: true,
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>
<!----//End-slider-script---->
<!-- Slideshow 4 -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<img class="img-responsive" src="./images/slide1.jpg" alt="">
<div class="slider-caption">
<h1>the<span>Car</span> Wash CENTER</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin lectus in quam elementum aliquet. Quisque gravida fringilla velit nec ornare. </p>
</div>
</li>
<li>
<img src="./images/slide1.jpg" alt="">
<div class="slider-caption">
<h1>the<span>Car</span> Care CENTER</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin lectus in quam elementum aliquet. Quisque gravida fringilla velit nec ornare. </p>
</div>
</li>
<li>
<img src="./images/slide1.jpg" alt="">
<div class="slider-caption">
<h1>the<span>Car</span> Wash CENTER</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin lectus in quam elementum aliquet. Quisque gravida fringilla velit nec ornare. </p>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<!-- slider -->
<!-- banner -->
<!-- top-grids -->
<div class="top-grids">
<div class="container">
<div class="top-grids-head text-center">
<h2>Our Services</h2>
<p>Praesent sem risus, posuere ut turpis in, facilisis aliquet metus. Sed efficitur cursus nibh</p>
</div>
<div class="col-md-4">
<div class="top-grid">
<div class="grid-icon">
<span class="icons1"> </span>
</div>
<div class="grid-info">
<h3>Lorem ipsum</h3>
<p> consectetur adipiscing elit. Proin fermentum dolor tortor, id interdum diam pulvinar feugiat.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-4">
<div class="top-grid">
<div class="grid-icon">
<span class="icons2"> </span>
</div>
<div class="grid-info">
<h3>Lorem ipsum</h3>
<p> consectetur adipiscing elit. Proin fermentum dolor tortor, id interdum diam pulvinar feugiat.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-4">
<div class="top-grid">
<div class="grid-icon">
<span class="icons3"> </span>
</div>
<div class="grid-info">
<h3>Lorem ipsum</h3>
<p> consectetur adipiscing elit. Proin fermentum dolor tortor, id interdum diam pulvinar feugiat.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-4">
<div class="top-grid">
<div class="grid-icon">
<span class="icons4"> </span>
</div>
<div class="grid-info">
<h3>Lorem ipsum</h3>
<p> consectetur adipiscing elit. Proin fermentum dolor tortor, id interdum diam pulvinar feugiat.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-4">
<div class="top-grid">
<div class="grid-icon">
<span class="icons5"> </span>
</div>
<div class="grid-info">
<h3>Lorem ipsum</h3>
<p> consectetur adipiscing elit. Proin fermentum dolor tortor, id interdum diam pulvinar feugiat.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="col-md-4">
<div class="top-grid">
<div class="grid-icon">
<span class="icons6"> </span>
</div>
<div class="grid-info">
<h3>Lorem ipsum</h3>
<p> consectetur adipiscing elit. Proin fermentum dolor tortor, id interdum diam pulvinar feugiat.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- top-grids -->
<!-- portfolio -->
<div class="portfolio">
<div class="portfolio-grids">
<div class="col-md-3 portfolio-grid">
<div class="portfolio-pic">
<img class="img-responsive" src="./images/pic1.jpg" title="name">
</div>
<div class="portfolio-caption">
<a href="#"><span class="link"> </span></a>
<h4>vestibulum</h4>
<p>Praesent sem risus, posuere ut turpis in, facilisis aliquet metus</p>
</div>
</div>
<div class="col-md-3 portfolio-grid">
<div class="portfolio-pic">
<img class="img-responsive" src="
洗车房中心网页模板_html5 bootstrap 响应式模板UI前端源码.rar
198 浏览量
2023-08-01
14:01:55
上传
评论
收藏 1.49MB RAR 举报
洗车房中心网页模板_html5 bootstrap 响应式模板UI前端源码.rar （81个子文件） 
html mobile css 
style.css 16KB
services.html 7KB index.html 8KB contact.html 5KB about.html 6KB images 
pic5.jpg 65KB pic6.jpg 69KB people-pic4.jpg 6KB people-pic1.jpg 9KB people-pic.jpg 10KB people-pic3.jpg 7KB
arrow.png 3KB pic8.jpg 71KB logo.png 7KB pic4.jpg 63KB slide1.jpg 59KB pic2.jpg 63KB pic3.jpg 72KB pic1.jpg 88KB link.png 3KB icons.png 10KB pic7.jpg 76KB nav-icon.png 3KB products.html 6KB smartphone js responsiveslides.min.js 3KB jquery.min.js 94KB css style.css 19KB services.html 9KB index.html 14KB contact.html 8KB about.html 9KB images pic5.jpg 9KB pic6.jpg 11KB people-pic4.jpg 6KB people-pic1.jpg 9KB people-pic.jpg 10KB people-pic3.jpg 7KB arrow.png 3KB pic8.jpg 14KB logo.png 7KB pic4.jpg 10KB slide1.jpg 15KB pic2.jpg 8KB pic3.jpg 13KB pic1.jpg 16KB link.png 3KB icons.png 10KB pic7.jpg 12KB nav-icon.png 3KB products.html 8KB web js responsiveslides.min.js 3KB jquery.min.js 94KB css style.css 27KB bootstrap.css 118KB services.html 9KB index.html 16KB contact.html 7KB about.html 10KB images pic5.jpg 37KB pic6.jpg 41KB people-pic4.jpg 21KB people-pic1.jpg 18KB people-pic.jpg 18KB people-pic3.jpg 14KB arrow.png 3KB pic8.jpg 40KB icon1.png 4KB icon4.png 4KB logo.png 5KB pic4.jpg 40KB slide1.jpg 205KB pic2.jpg 32KB pic3.jpg 32KB pic1.jpg 60KB link.png 4KB icon3.png 4KB icons.png 11KB pic7.jpg 40KB nav-icon.png 3KB icon2.png 4KB products.html 8KB资源评论
