【网页设计期末大作业】明亮室内设计响应式网页模板HTML源码.zip资源-CSDN文库

共182个文件

png：66个

jpg：32个

js：24个

版权申诉

html

网页设计

课程设计

期末大作业

HTML源码

188 浏览量 2023-06-28 16:42:39 上传评论收藏 4.25MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

【网页设计期末大作业】明亮室内设计响应式网页模板HTML源码.zip （182个子文件）

bootstrap.min.css 111KB

animate.min.css 55KB

font-awesome.min.css 21KB

font-awesome.css 21KB

prettyPhoto.css 19KB

styles.css 19KB

owl.transitions.css 4KB

owl.carousel.css 1KB

fontawesome-webfont.eot 55KB

glyphicons-halflings-regular.eot 20KB

loader.gif 6KB

loader.gif 2KB

default_thumbnail.gif 227B

index.html 31KB

favicon.ico 1KB

bg1.jpg 204KB

bg2.jpg 199KB

8.jpg 126KB

4.jpg 99KB

1.jpg 96KB

3.jpg 82KB

6.jpg 80KB

5.jpg 77KB

7.jpg 75KB

2.jpg 66KB

04.jpg 34KB

02.jpg 28KB

01.jpg 28KB

03.jpg 27KB

pic1.jpg 14KB

pic2.jpg 13KB

jquery.js 91KB

bootstrap.min.js 35KB

owl.carousel.min.js 22KB

jquery.prettyPhoto.js 22KB

jquery.isotope.min.js 16KB

mousescroll.js 9KB

smoothscroll.js 6KB

custom-scripts.js 6KB

wow.min.js 5KB

respond.min.js 4KB

html5shiv.js 2KB

共 182 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content="webthemez"> <title>Best Interiors Bootstrap Website Template</title>  <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/font-awesome.min.css" rel="stylesheet"> <link href="css/animate.min.css" rel="stylesheet"> <link href="css/owl.carousel.css" rel="stylesheet"> <link href="css/owl.transitions.css" rel="stylesheet"> <link href="css/prettyPhoto.css" rel="stylesheet"> <link href="css/styles.css" rel="stylesheet">  <link rel="shortcut icon" href="images/ico/favicon.ico"> </head> <body id="home"> <header id="header"> <nav id="main-nav" class="navbar navbar-default navbar-fixed-top" role="banner"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo"></a> </div> <div class="collapse navbar-collapse navbar-right"> <ul class="nav navbar-nav"> <li class="scroll active"><a href="#home">Home</a></li> <li class="scroll"><a href="#services">Our Service</a></li> <li class="scroll"><a href="#about">About Us</a></li> <li class="scroll"><a href="#portfolio">Gallery</a></li> <li class="scroll"><a href="#our-team">Team</a></li> <li class="scroll"><a href="#pricing">Pricing</a></li> <li class="scroll"><a href="#contact-us">Contact</a></li> </ul> </div> </div> </nav> </header> <section id="main-slider"> <div class="owl-carousel"> <div class="item" style="background-image: url(images/slider/bg1.jpg);"> <div class="slider-inner"> <div class="container"> <div class="row"> <div class="carousel-caption"> <div class="carousel-content"> <h2>Best Interiors Theme</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elitsed do eiusmod.</p> </div> </div> </div> </div> </div> </div> <div class="item" style="background-image: url(images/slider/bg2.jpg);"> <div class="slider-inner"> <div class="container"> <div class="row"> <div class="carousel-caption"> <div class="carousel-content"> <h2>Unique Designs</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elitsed do eiusmod.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section id="hero-text" class="wow fadeIn"> <div class="container">` <div class="row"> <div class="col-sm-9"> <h2>BRIGHT the best Interior Designs</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa semper aliquam quis mattis quam. Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum. </p> </div> <div class="col-sm-3 text-right"> <a class="btn btn-primary btn-lg" href="#pricing">Plans!</a> </div> </div> </div> </section> <section id="services" > <div class="container"> <div class="section-header"> <h2 class="section-title text-center wow fadeInDown">Our Services</h2> <p class="text-center wow fadeInDown">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget risus vitae massa <br> semper aliquam quis mattis quam.</p> </div> <div class="row"> <div class="features"> <div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="0ms"> <div class="media service-box"> <div class="hexagon"> <div class="inner"> <i class="fa fa-heart-o"></i> </div> </div> <div class="media-body"> <h4 class="media-heading">Exterior</h4> <p>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</p> </div> </div> </div> <div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="100ms"> <div class="media service-box"> <div class="hexagon"> <div class="inner"> <i class="fa fa-line-chart"></i> </div> </div> <div class="media-body"> <h4 class="media-heading">Interior</h4> <p>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</p> </div> </div> </div> <div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="200ms"> <div class="media service-box"> <div class="hexagon"> <div class="inner"> <i class="fa fa-star-o"></i> </div> </div> <div class="media-body"> <h4 class="media-heading">Gardens</h4> <p>Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p> </div> </div> </div> <div class="col-md-4 col-sm-6 wow fadeInUp" data-wow-duration="300ms" data-wow-delay="300ms"> <div class="media service-box"> <div class="hexagon"> <div class="inner"> <i class="fa fa-clock-o"></i> </div> </div> <div class="media-body"> <h4 class="media-heading">Office</h4> <p>Morbi vitae tortor tempus, placerat leo et, suscipit lectus. Phasellus ut euismod massa, eu eleifend ipsum.</p> </div> </div>

评论收藏

内容反馈

版权申诉