课设&大作业&毕设-自动洗衣店展示响应式网页模板-适配移动端-HTML源码.zip资源-CSDN文库

共32个文件

jpg：18个

png：4个

css：3个

版权申诉

响应式网站

HTML源码

适配移动端

JavaScript

138 浏览量 2024-03-29 11:38:32 上传评论收藏 1.91MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

课设&大作业&毕设-自动洗衣店展示响应式网页模板-适配移动端-HTML源码.zip （32个子文件）

课设&大作业&毕设-自动洗衣店展示响应式网页模板-适配移动端-HTML源码

html

css

style.css 26KB

bootstrap.css 174KB

font-awesome.min.css 30KB

index.html 25KB

images

g3.jpg 58KB

g2.jpg 44KB

s2.png 18KB

te2.jpg 3KB

m1.jpg 127KB

g8.jpg 52KB

s3.png 15KB

bg1.jpg 137KB

m2.jpg 247KB

g7.jpg 57KB

g6.jpg 51KB

move-top.png 3KB

g10.jpg 32KB

g5.jpg 60KB

te1.jpg 3KB

bg3.jpg 161KB

s1.png 18KB

g4.jpg 57KB

bg2.jpg 98KB

te3.jpg 3KB

g1.jpg 37KB

g9.jpg 58KB

fonts

FontAwesome.otf 132KB

fontawesome-webfont.eot 162KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

fontawesome-webfont.svg 434KB

fontawesome-webfont.ttf 162KB

<!DOCTYPE html> <html lang="zxx"> <head> <title>Launderette Laundry Category Bootstrap Responsive Website Template | Home :: W3layouts</title>  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="UTF-8" /> <meta name="keywords" content="Launderette Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> <script> addEventListener("load", function () { setTimeout(hideURLbar, 0); }, false); function hideURLbar() { window.scrollTo(0, 1); } </script>   <link rel="stylesheet" href="css/bootstrap.css">  <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />  <link href="css/font-awesome.min.css" rel="stylesheet">    <link href="//fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i&subset=latin-ext,vietnamese" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Assistant:200,300,400,600,700,800&subset=hebrew" rel="stylesheet">  </head> <body> <div class="main-banner" id="home">  <header> <div class="container"> <div class="header d-lg-flex justify-content-between align-items-center py-3">  <h1 class="logo-resp text-center"> <a class="logo" href="index.html"> Launderette </a> </h1>   <div class="nav_w3ls"> <nav> <label for="drop" class="toggle">Menu</label> <input type="checkbox" id="drop" /> <ul class="menu"> <li class="active"><a href="index.html">Home</a></li> <li class="mx-lg-4 my-md-0 my-2"><a href="#about">About Us</a></li> <li><a href="#services">Services</a></li> <li class="mx-lg-4 my-md-0 my-2"><a href="#blog">Blog</a></li> <li>  <label for="drop-2" class="toggle toogle-2">Pages <span class="fa fa-angle-down" aria-hidden="true"></span> </label> <a href="#">Pages <span class="fa fa-angle-down" aria-hidden="true"></span></a> <input type="checkbox" id="drop-2" /> <ul class="text-left"> <li><a href="#what" class="drop-text">What We Do</a></li> <li><a href="#skills" class="drop-text">Skills</a></li> <li><a href="#newsletter" class="drop-text">Newsletter</a></li> <li><a href="#testi" class="drop-text">Testimonials</a></li> <li><a href="#some" class="drop-text">Some More</a></li> </ul> </li> <li class="mx-lg-4 my-md-0 my-2"><a href="#gallery">Gallery</a></li> <li><a href="#contact">Contact Us</a></li> </ul> </nav> </div>  </div> </div> </header>   <div class="w3layouts-banner-info"> <div class="container"> <div class="style-banner text-center"> <p class="text-li mb-2">Wash, Dry & Fold</p> <h3 class="text-wh font-weight-bold text-uppercase">We Are Expert Cleaner</h3> </div> </div> </div>  </div>   <section class="about py-5" id="about"> <div class="container py-xl-5 py-lg-3"> <div class="row"> <div class="col-lg-6 about-left-w3pvt pr-lg-5"> <h4 class="sub-tittle-w3layouts let">Who we are?</h4> <h3 class="tittle-w3layouts text-uppercase mt-3">Laundry and Dry <br>Cleaning Services</h3> <p class="para-text mt-5">We are the Best Laundry Services <br>est qui dolorem Lorem int ipsum dolor.</p> </div> <div class="col-lg-6 about-right"> <p class="mt-4">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p> <p class="mt-4 mb-5">Lorem ipsum dolor sit amet Neque porro quisquam est qui dolorem Lorem int ipsum dolor sit amet sed quia non numquam eius modi tempora incidunt ut labore et dolore.</p> </div> </div> </div> </section>   <div class="serives-agile pb-5" id="services"> <div class="container pb-xl-5 pb-lg-3"> <h3 class="w3ls-title text-center font-weight-bold text-da mb-5 pb-lg-4"><span class="let mb-1">What we offer?</span> Our Services</h3> <div class="row text-center"> <div class="col-lg-4 services-w3ls-grid"> <img src="images/s1.png" alt="" class="img-fluid" /> <h4 class="mt-lg-5 mt-4 mb-sm-3 mb-2 text-da">Service 1</h4> <p>Ut enim ad minima veniam, quis nostrum ullam corporis suscipit laboriosam.</p> </div> <div class="col-lg-4 services-w3ls-grid my-lg-0 my-4"> <img src="images/s2.png" alt="" class="img-fluid" /> <h4 class="mt-lg-5 mt-4 mb-sm-3 mb-2 text-da">Service 2</h4> <p>Ut enim ad minima veniam, quis nostrum ullam corporis suscipit laboriosam.</p> </div> <div class="col-lg-4 services-w3ls-grid"> <img src="images/s3.png" alt="" class="img-fluid" /> <h4 class="mt-lg-5 mt-4 mb-sm-3 mb-2 text-da">Service 3</h4> <p>Ut enim ad minima veniam, quis nostrum ullam corporis suscipit laboriosam.</p> </div> </div> </div> </div>   <div class="middle-info py-5" id="some"> <div class="container py-xl-5 py-3"> <h3 class="w3ls-title-2 text-center font-weight-bold text-wh mb-5 pb-lg-4 pt-lg-4"><span class="let mb-3">New customers save $10</span> Ut enim ad nostrud ullamco laboris <br>Nisi ut aliquip ex consequat.</h3> <div class="buttons-w3pvt text-center mt-lg-4 pb-lg-5"> <a href="#about" class="button-style scroll mr-3">Read More</a> <a href="#about" class="button-style button-style-2 scroll">Contact Us</a> </div> </div> </div>   <section class="blog py-5" id="blog"> <div class="container py-xl-5 py-lg-3"> <h3 class="w3ls-title text-center font-weight-bold text-da mb-5 pb-lg-4"><span class="let mb-1">New Posts</span> Latest Blog</h3> <div class="row">  <div class="col-lg-4 col-md-6 px-2 mt-sm-0 mt-4"> <div class="card"> <div class="card-header p-0 position-relative"> <a href="#"> <img class="card-img-bottom" src="images/g3.jpg" alt="Card image cap"> </a> </div> <div class="card-body"> <h5 class="blog-title card-title font-weight-bold"> <a href="#" class="text-da text-uppercase">At vero eos</a> </h5> <h6 class="text-colors let mb-3" data-blast="color">05 Dec 2018</h6> <p>Ut enim ad minima veniam, quis nostrum ullam corporis suscipit laboriosam</p> <div class="text-center mt-3"> <a href="#" class="button-arrow-w3"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a> </div> </div> </div> </div>   <div class="col-lg-4 col-md-6 px-2 mt-md-0 mt-4"> <div class="card"> <div class="card-header p-0 position-relative"> <a href="#"> <img class="card-img-bottom" src="images/g7.jpg" alt="Card image cap"> </a> </div> <div class="card-body"> <h5 class="blog-title card-title font-weight-b

评论收藏

内容反馈

版权申诉