【网页设计期末大作业】木工家具订制响应式网页模板HTML源码.zip资源-CSDN文库

共31个文件

jpg：11个

css：6个

js：4个

版权申诉

html

网页设计

课程设计

期末大作业

HTML源码

92 浏览量 2023-06-28 16:42:40 上传评论收藏 1.25MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

【网页设计期末大作业】木工家具订制响应式网页模板HTML源码.zip （31个子文件）

【网页设计期末大作业】木工家具订制响应式网页模板HTML源码

html

bootstrap.js 134KB

slick.min.js 42KB

custom.js 1KB

jquery-3.4.1.min.js 86KB

service.html 9KB

css

style.css 16KB

style.css.map 14KB

responsive.css 2KB

slick.css 2KB

bootstrap.css 188KB

font-awesome.min.css 30KB

slick-theme.css 3KB

style.scss 12KB

index.html 19KB

contact.html 8KB

about.html 7KB

images

about-img.jpg 214KB

w2.jpg 62KB

s1.jpg 71KB

s2.jpg 42KB

slider-bg.jpg 196KB

w4.jpg 46KB

w3.jpg 70KB

client2.jpg 7KB

s3.jpg 77KB

client1.jpg 7KB

w1.jpg 74KB

fonts

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

octin_sports_rg.ttf 63KB

fontawesome-webfont.ttf 162KB

<!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" />  <link rel="icon" href="images/favicon.png" type="image/gif" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta name="author" content="" /> <title> Hicknell </title>  <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />  <link href="https://fonts.googleapis.com/css?family=Poppins:400,600,700&display=swap" rel="stylesheet" />  <link href="css/font-awesome.min.css" rel="stylesheet" />  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha256-UhQQ4fxEeABh4JrcmAJ1+16id/1dnlOEVCFOxDef9Lw=" crossorigin="anonymous" />  <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"> <span> Hicknell </span> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class=""> </span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="d-flex mx-auto flex-column flex-lg-row align-items-center"> <ul class="navbar-nav "> <li class="nav-item active"> <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="about.html"> About</a> </li> <li class="nav-item"> <a class="nav-link" href="service.html"> Services </a> </li> <li class="nav-item"> <a class="nav-link" href="contact.html">Contact Us</a> </li> </ul> </div> <div class="social_box"> <a href=""> <i class="fa fa-facebook" aria-hidden="true"></i> </a> <a href=""> <i class="fa fa-twitter" aria-hidden="true"></i> </a> <a href=""> <i class="fa fa-instagram" aria-hidden="true"></i> </a> <a href=""> <i class="fa fa-youtube-play" aria-hidden="true"></i> </a> </div> </div> </nav> </div> </header>   <section class="slider_section "> <div class="slider_bg_box"> <img src="images/slider-bg.jpg" alt=""> </div> <div id="customCarousel" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="container "> <div class="row"> <div class="col-md-9 col-lg-7"> <div class="detail-box"> <h1> We Provide <br> Carpentry Services </h1> <p> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Minus quidem maiores perspiciatis, illo maxime voluptatem a itaque suscipit. </p> <div class="btn-box"> <a href="" class="btn1"> Contact Us </a> <a href="" class="btn2"> Read More </a> </div> </div> </div> </div> </div> </div> <div class="carousel-item"> <div class="container "> <div class="row"> <div class="col-md-9 col-lg-7"> <div class="detail-box"> <h1> We Provide <br> Carpentry Services </h1> <p> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Minus quidem maiores perspiciatis, illo maxime voluptatem a itaque suscipit. </p> <div class="btn-box"> <a href="" class="btn1"> Contact Us </a> <a href="" class="btn2"> Read More </a> </div> </div> </div> </div> </div> </div> <div class="carousel-item"> <div class="container "> <div class="row"> <div class="col-md-9 col-lg-7"> <div class="detail-box"> <h1> We Provide <br> Carpentry Services </h1> <p> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Minus quidem maiores perspiciatis, illo maxime voluptatem a itaque suscipit. </p> <div class="btn-box"> <a href="" class="btn1"> Contact Us </a> <a href="" class="btn2"> Read More </a> </div> </div> </div> </div> </div> </div> </div> <div class="container"> <ol class="carousel-indicators"> <li data-target="#customCarousel" data-slide-to="0" class="active"></li> <li data-target="#customCarousel" data-slide-to="1"></li> <li data-target="#customCarousel" data-slide-to="2"></li> </ol> </div> </div> </section>  </div>  <section class="service_section layout_padding"> <div class="container"> <div class="heading_container heading_center"> <h2> Our Services </h2> </div> <div class="row"> <div class="col-lg-4"> <div class="box b1"> <div class="img-box"> <img src="images/s1.jpg" alt=""> </div> <div class="detail-box"> <h5> Home Wood Work </h5> <p> Veritatis tempore labore, fugit quis nihil temporibus minima. Tenetur suscipit quibusdam ab necessitatibus aut libero hic eaque dolor a. </p> <a href=""> Read More </a> </div> </div> </div> <div class="col-lg-4"> <div class="box b2"> <div class="img-box"> <img src="images/s2.jpg" alt=""> </div> <div class="detail-box"> <h5> Indoor Furniture

评论收藏

内容反馈

版权申诉