【网页设计期末大作业】室内装修服务展示响应式网页模板HTML源码.zip资源-CSDN文库

共38个文件

png：20个

jpg：6个

html：4个

版权申诉

html

网页设计

课程设计

期末大作业

HTML源码

61 浏览量 2023-06-28 16:42:55 上传评论收藏 1.48MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

【网页设计期末大作业】室内装修服务展示响应式网页模板HTML源码.zip （38个子文件）

【网页设计期末大作业】室内装修服务展示响应式网页模板HTML源码

html

bootstrap.js 134KB

custom.js 2KB

jquery-3.4.1.min.js 86KB

service.html 10KB

css

style.css 17KB

style.css.map 15KB

responsive.css 2KB

bootstrap.css 188KB

style.scss 15KB

index.html 23KB

contact.html 9KB

about.html 8KB

images

left-arrow.png 203B

p-3.jpg 96KB

right-angle.png 198B

serch-icon.png 361B

instagram.png 846B

logo.png 213B

who-bg.jpg 130KB

client-2.png 27KB

home.png 3KB

client-1.png 30KB

about-img.png 171KB

left-angle.png 158B

stairs.png 3KB

fb.png 716B

contact-bg.jpg 21KB

hero-bg.jpg 170KB

right-arrow.png 203B

twitter.png 801B

p-1.jpg 81KB

p-2.jpg 92KB

c-2.png 262KB

interior-design.png 3KB

c-1.png 329KB

client-3.png 22KB

linkedin.png 770B

cabinet.png 2KB

<!DOCTYPE html> <html> <head>  <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />  <meta name="keywords" content="" /> <meta name="description" content="" /> <meta name="author" content="" /> <title>INODINO</title>  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />  <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Poppins:400,500,700&display=swap" rel="stylesheet" />  <link href="css/style.css" rel="stylesheet" />  <link href="css/responsive.css" rel="stylesheet" /> </head> <body> <div class="hero_area">  <header class="header_section"> <div class="container-fluid"> <nav class="navbar navbar-expand-lg custom_nav-container"> <a class="navbar-brand" href="index.html"> <img src="images/logo.png" alt="" /> <span> INODINO </span> </a> <div class="navbar-collapse" id=""> <div class="custom_menu-btn"> <button onclick="openNav()"> <span class="s-1"> </span> <span class="s-2"> </span> <span class="s-3"> </span> </button> </div> <div id="myNav" class="overlay"> <div class="overlay-content"> <a href="index.html">HOME</a> <a href="about.html">ABOUT</a> <a href="service.html">Services</a> <a href="contact.html">CONTACT US</a> </div> </div> </div> </nav> </div> </header>   <section class=" slider_section position-relative"> <div class="number-box"> <div class="num-box"> <h6>01</h6> </div> <div class="num-box"> <h6>01</h6> </div> </div> <div class="container"> <div class="row"> <div class="col-lg-7 col-md-10"> <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="detail-box"> <h1> interior <br /> design </h1> <p> There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by </p> <div> <a href=""> Contact us </a> </div> </div> </div> <div class="carousel-item"> <div class="detail-box"> <h1> interior <br /> design </h1> <p> There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by </p> <div> <a href=""> Contact us </a> </div> </div> </div> <div class="carousel-item"> <div class="detail-box"> <h1> interior <br /> design </h1> <p> There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by </p> <div> <a href=""> Contact us </a> </div> </div> </div> </div> <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"> <span class="sr-only">Next</span> </a> </div> </div> </div> </div> </section>  </div>  <section class="service_section layout_padding"> <div class="container"> <div class="heading_container"> <h2> our services </h2> <p> There are many variations of passages of Lorem Ipsum </p> </div> <div class="service_container"> <div class="box"> <div class="img-box"> <img src="images/cabinet.png" alt=""> </div> <div class="detail-box"> <h5> furnitures </h5> <p> There are many variations of passages of Lorem Ipsum available, but the </p> <div> <a href=""> Read More </a> </div> </div> </div> <div class="box"> <div class="img-box"> <img src="images/interior-design.png" alt=""> </div> <div class="detail-box"> <h5> office </h5> <p> There are many variations of passages of Lorem Ipsum available, but the </p> <div> <a href=""> Read More </a> </div> </div> </div> <div class="box"> <div class="img-box"> <img src="images/home.png" alt=""> </div> <div class="detail-box"> <h5> home </h5> <p> There are many variations of passages of Lorem Ipsum available, but the </p> <div> <a href=""> Read More </a> </div> </div> </div> <div class="box"> <div class="img-box"> <img src="images/stairs.png" alt=""> </div> <div class="detail-box"> <h5> bedroom </h5> <p> There are many variations of passages of Lorem Ipsum available, but the </p> <div> <a href=""> Read More </a> </div> </div> </div> </div> </div> </section>   <section class="about_section layout_padding"> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="img-box"> <img src="images/about-img.png" alt=""> </div> </div> <div class="col-md-6"> <div class="detail-box"> <div> <h2>

评论收藏

内容反馈

版权申诉