【网页设计期末大作业】室内设计工作室展示网页模板HTML源码.zip资源-CSDN文库

共31个文件

jpg：16个

js：6个

css：4个

版权申诉

html

网页设计

课程设计

期末大作业

HTML源码

21 浏览量 2023-06-28 16:42:52 上传评论收藏 1.55MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

【网页设计期末大作业】室内设计工作室展示网页模板HTML源码.zip （31个子文件）

【网页设计期末大作业】室内设计工作室展示网页模板HTML源码

html

shop-listing.html 23KB

bootstrap.min.js 58KB

jquery.backstretch.min.js 4KB

owl.carousel.min.js 43KB

click-scroll.js 1KB

custom.js 1KB

jquery.min.js 84KB

css

bootstrap.min.css 160KB

bootstrap-icons.css 72KB

tooplate-moso-interior.css 22KB

owl.carousel.min.css 3KB

index.html 37KB

images

living-room-interior-wall-mockup-warm-tones-with-leather-sofa-which-is-kitchen-3d-rendering.jpg 125KB

slideshow

interior-wall-mockup-with-sofa-cabinet-living-room-with-empty-white-wall-background-3d-rendering.jpg 154KB

wood-sideboard-living-room-interior-with-copy-space.jpg 209KB

white-wall-living-room-have-sofa-decoration-3d-rendering.jpg 111KB

avatar

pretty-blonde-woman-wearing-white-t-shirt.jpg 29KB

portrait-beautiful-young-woman-standing-grey-wall.jpg 24KB

portrait-young-beautiful-woman-gesticulating.jpg 30KB

studio-portrait-emotional-happy-funny-smiling-boyfriend-man-with-heavy-beard-stands-with-arms-crossed-dressed-red-t-shirt-isolated-blue.jpg 26KB

portrait-young-redhead-bearded-male-wears-white-t-shirt-keeps-his-eyes-closed-smiling-feels-happy-yellow.jpg 25KB

empty-living-room-with-blue-sofa-plants-table-empty-white-wall-background-3d-rendering.jpg 86KB

sharing-design-ideas-with-family.jpg 131KB

shop

green-sofa-white-living-room-with-blank-table-mockup.jpg 55KB

mock-up-poster-modern-dining-room-interior-design-with-white-empty-wall.jpg 134KB

concept-home-cooking-with-female-chef.jpg 141KB

minimal-bathroom-interior-design-with-wooden-furniture.jpg 90KB

childrens-bed-nursery-cot-velvet-childrens-room.jpg 76KB

shop-detail.html 13KB

fonts

bootstrap-icons.woff2 90KB

bootstrap-icons.woff 120KB

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <title>Moso Interior - HTML CSS Template</title>  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=League+Spartan:wght@100;300;400;600;700&display=swap" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap-icons.css" rel="stylesheet"> <link href="css/owl.carousel.min.css" rel="stylesheet"> <link href="css/tooplate-moso-interior.css" rel="stylesheet"> </head> <body> <nav class="navbar navbar-expand-lg bg-light fixed-top shadow-lg"> <div class="container"> <a class="navbar-brand" href="index.html">Moso <span class="tooplate-red">Inter</span><span class="tooplate-green">ior</span></a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ms-auto"> <li class="nav-item"> <a class="nav-link click-scroll" href="#section_1">Home</a> </li> <li class="nav-item"> <a class="nav-link click-scroll" href="#section_2">About</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle click-scroll" href="#section_3" id="navbarLightDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">Shop</a> <ul class="dropdown-menu dropdown-menu-light" aria-labelledby="navbarLightDropdownMenuLink"> <li><a class="dropdown-item" href="shop-listing.html">Shop Listing</a></li> <li><a class="dropdown-item" href="shop-detail.html">Shop Detail</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link click-scroll" href="#section_4">Reviews</a> </li> <li class="nav-item"> <a class="nav-link click-scroll" href="#section_5">Contact</a> </li> </ul> </div> </div> </nav> <main> <section class="hero-section hero-slide d-flex justify-content-center align-items-center" id="section_1"> <div class="container"> <div class="row"> <div class="col-lg-8 col-12 text-center mx-auto"> <div class="hero-section-text"> <small class="section-small-title">Welcome to Moso Interior <i class="hero-icon bi-house"></i></small> <h1 class="hero-title text-white mt-2 mb-4">Decorate a beautiful interior for your space</h1> <form class="custom-form hero-form" action="#" method="get" role="form"> <div class="row"> <div class="col-lg-5 col-md-6 col-12"> <div class="input-group align-items-center"> <label for="product-name">Product</label> <input type="text" name="product-name" id="product-name" class="form-control" placeholder="Bathroom, Living Room..." required> </div> </div> <div class="col-lg-5 col-md-6 col-12"> <div class="input-group align-items-center"> <label for="last-name">Price</label> <select name="price-range" class="form-select form-control" id="price-range" aria-label="Default select example"> <option value="500" selected>$500 to $990</option> <option value="1000">$1,000 - 2,900</option> <option value="3000">$3,000 - 5,000</option> <option value="5000">$5,000 - 10,000</option> <option value="11000">$11,000 - 25,000</option> </select> </div> </div> <div class="col-lg-2 col-md-6 col-12"> <button type="submit" class="form-control">Search</button> </div> </div> </form> <div class="hero-btn d-flex justify-content-center align-items-center"> <a class="bi-arrow-down hero-btn-link smoothscroll" href="#section_2"></a> </div> </div> </div> </div> </div> </section> <section class="about-section section-padding" id="section_2"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-5 col-12"> <small class="section-small-title">Our Story</small> <h2 class="mt-2 mb-4"><span class="text-muted">Introducing</span> Moso</h2> <h4 class="text-muted mb-3">Since 1986, We crafted interior products for better spaces</h4> <p>Moso Interior is a free Bootstrap 5 HTML CSS template for your website. Template is one of the best websites to download 100% free HTML Templates for web designers and developers around the world. Thank you for visiting.</p> </div> <div class="col-lg-3 col-md-5 col-5 mx-lg-auto"> <img src="images/sharing-design-ideas-with-family.jpg" class="about-image about-image-small img-fluid" alt=""> </div> <div class="col-lg-4 col-md-7 col-7"> <img src="images/living-room-interior-wall-mockup-warm-tones-with-leather-sofa-which-is-kitchen-3d-rendering.jpg" class="about-image img-fluid" alt=""> </div> </div> </div> </section> <section class="featured-section section-padding"> <div class="container"> <div class="row"> <div class="col-lg-5 col-12"> <div class="custom-block featured-custom-block"> <h2 class="mt-2 mb-4">Opening Hours</h2> <div class="d-flex">

评论收藏

内容反馈

版权申诉