洗车行业网站模板是一款简洁大气的汽车维修清洗企业网站模板。_html网站模板_网页源码移动端前端_H5模板

共31个文件

jpg：13个

png：9个

html：5个

网站模板

136 浏览量 2023-08-05 16:15:56 上传评论收藏 713KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

洗车行业网站模板是一款简洁大气的汽车维修清洗企业网站模板。_html网站模板_网页源码移动端前端_H5模板_自适应响应.rar （31个子文件）

洗车行业网站模板是一款简洁大气的汽车维修清洗企业网站模板。

moban115

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

<!DOCTYPE HTML> <html> <head> <title>Home</title> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' /> <script src="js/jquery.min.js"></script>  <link href="css/style.css" rel='stylesheet' type='text/css' />  <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> </head> <body>   <div class="header"> <div class="container">  <div class="logo"> <a href="index.html"><img src="images/logo.png" title="carwash" /></a> </div>   <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> $(document).ready(function(){ $("span.menu").click(function(){ $(".top-nav ul").slideToggle(1000); }); }); </script>   <div class="clearfix"> </div> </div>  </div>  <div class="benner">   <div class="img-slider">  <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>   <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>    <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>   <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="images/pic2.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="images/pic3.jpg" title="name"> </div> <div class="portfolio-caption"> <a href="#"><span class="link"> </span>

评论收藏

内容反馈