课设&大作业&毕设-住宅室内装饰展示响应式网页模板-适配移动端-HTML源码.zip资源-CSDN文库

共63个文件

jpg：33个

js：11个

css：5个

版权申诉

响应式网站

HTML源码

适配移动端

JavaScript

48 浏览量 2024-03-29 11:38:25 上传评论收藏 2.65MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

课设&大作业&毕设-住宅室内装饰展示响应式网页模板-适配移动端-HTML源码.zip （63个子文件）

课设&大作业&毕设-住宅室内装饰展示响应式网页模板-适配移动端-HTML源码

html

typed.js 12KB

jquery.swipebox.min.js 11KB

responsiveslides.min.js 3KB

SmoothScroll.min.js 13KB

numscroller-1.0.js 4KB

bootstrap-3.1.1.min.js 28KB

jquery.flexslider.js 40KB

jquery.adipoli.min.js 8KB

easing.js 5KB

move-top.js 1KB

jquery-2.1.4.min.js 82KB

css

style.css 51KB

flexslider.css 4KB

font-awesome.css 34KB

bootstrap.css 138KB

swipebox.css 6KB

index.html 32KB

images

g3.jpg 49KB

banner11.jpg 2KB

g2.jpg 29KB

2.jpg 37KB

c1.jpg 29KB

clients.jpg 64KB

c2.jpg 24KB

arrow.png 1KB

g8.jpg 60KB

banner4.jpg 344KB

1.jpg 33KB

t3.jpg 29KB

banner3.jpg 246KB

left1.jpg 23KB

g7.jpg 35KB

g6.jpg 44KB

t1.jpg 32KB

g11.jpg 37KB

g12.jpg 49KB

icons.svg 1KB

t4.jpg 23KB

banner1.jpg 298KB

g10.jpg 44KB

g5.jpg 27KB

c3.jpg 23KB

banner44.jpg 2KB

t2.jpg 27KB

right1.jpg 41KB

g4.jpg 45KB

banner22.jpg 2KB

3.jpg 36KB

banner2.jpg 194KB

g1.jpg 37KB

banner33.jpg 2KB

g9.jpg 19KB

fonts

FontAwesome.otf 122KB

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

fontawesome-webfont.eot 75KB

glyphicons-halflings-regular.woff2 18KB

fontawesome-webfont.woff 88KB

fontawesome-webfont.woff2 70KB

fontawesome-webfont.svg 382KB

fontawesome-webfont.ttf 149KB

<!DOCTYPE html> <html lang="en"> <head> <title>Interior Home Interior Category Bootstrap Responsive Website Template | Home :: w3layouts </title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Interior Home Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/font-awesome.css" rel="stylesheet"> <link rel="stylesheet" href="css/swipebox.css">   <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" property="" />  <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <link href="//fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet" type="text/css"> <link href="//fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext" rel="stylesheet">  </head> <body>  <div class="main_section_agile" id="home"> <div class="agileits_w3layouts_banner_nav"> <div class="container"> <nav class="navbar navbar-default"> <div class="navbar-header navbar-left"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <h1><a class="navbar-brand" href="index.html"> Interior Home<i class="glyphicon glyphicon-lamp" aria-hidden="true"></i> </a></h1> </div>  <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1"> <nav class="link-effect-2" id="link-effect-2"> <ul class="nav navbar-nav"> <li class="active"><a href="index.html" class="effect-3">Home</a></li> <li><a href="#about" class="effect-3 scroll">About</a></li> <li><a href="#services" class="effect-3 scroll">Services</a></li> <li><a href="#portfolio" class="effect-3 scroll">Portfolio</a></li> <li><a href="#team" class="effect-3 scroll">Team</a></li> <li><a href="#client" class="effect-3 scroll">Clients</a></li> <li><a href="#contact" class="effect-3 scroll">Contact Us</a></li> </ul> </nav> </div> </nav> <div class="clearfix"> </div> </div> </div> </div> <div class="banner_top"> <div class="slider"> <div class="wrapper">  <ul class="rslides" id="slider"> <li> <div class="agile_banner_text_info"> <h2>Interior <span>design</span> </h2> <p>Maecenas imperdiet odio et scelerisque interdum. Maecenas aliquam dictum velit, a euismod ante. Phasellus.</p> <a href="#">Read More</a> <a href="#contact" class="scroll">Contact Us</a> </div> </li> <li> <div class="agile_banner_text_info"> <h3>Home <span class="slide2">decoration</span> </h3> <p>Maecenas imperdiet odio et scelerisque interdum. Maecenas aliquam dictum velit, a euismod ante. Phasellus.</p> <a href="#">Read More</a> <a href="#contact" class="scroll">Contact Us</a> </div> </li> <li> <div class="agile_banner_text_info"> <h3>Luxurious <span class="slide3">design</span> </h3> <p>Maecenas imperdiet odio et scelerisque interdum. Maecenas aliquam dictum velit, a euismod ante. Phasellus.</p> <a href="#">Read More</a> <a href="#contact" class="scroll">Contact Us</a> </div> </li> <li> <div class="agile_banner_text_info"> <h3>Simplicity <span class="slide4">design</span> </h3> <p>Maecenas imperdiet odio et scelerisque interdum. Maecenas aliquam dictum velit, a euismod ante. Phasellus.</p> <a href="#">Read More</a> <a href="#contact" class="scroll">Contact Us</a> </div> </li> </ul>  <ul id="slider3-pager"> <li><a href="#"><img src="images/banner11.jpg" alt="" /></a></li> <li><a href="#"><img src="images/banner22.jpg" alt="" /></a></li> <li><a href="#"><img src="images/banner33.jpg" alt="" /></a></li> <li><a href="#"><img src="images/banner44.jpg" alt="" /></a></li> </ul> </div> </div> </div>   <div class="about" id="about"> <div class="container"> <h3 class="heading">About <span>Us</span></h3> <div class="about_grids"> <div class="col-md-6 about_left"> <h4>Aenean fermentum purus dignissim metus sodales pretium. Sed consectetur consequat fermentum. Mauris tellus massa, vestibulum hendrerit eros non.</h4> <p>Phasellus congue erat sem, ut tempor mauris tincidunt non. Nulla in erat nec orci semper ultrices et sed libero. Vivamus sodales rhoncus arcu in vulputate semper tortor. Suspendisse potentitincidunt.</p> <p class="second_para">Phasellus congue erat sem, ut tempor mauris tincidunt non. Nulla in erat nec orci semper ultrices et sed libero. Vivamus sodales rhoncus arcu in vulputate semper tortor. Suspendisse potentitincidunt. Ut vel nunc mauris. Nam sed varius nisl. Vestibulum ante ipsum primis</p> </div> <div class="col-md-6 about_right"> <div id="myCarousel" class="carousel slide" data-ride="carousel">  <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> </ol>  <div class="carousel-inner"> <div class="item active"> <img src="images/1.jpg" alt="Los Angeles" style="width:100%;"> <div class="carousel-caption banner-dott"> </div> </div> <div class="item"> <img src="images/2.jpg" alt="Chicago" style="width:100%;"> <div class="carousel-caption banner-dott"> </div> </div> <div class="item"> <img src="images/3.jpg" alt="New York" style="width:100%;"> <div class="carousel-caption banner-dott"> </div> </div> </div>  <a class="left carousel-control" href="#myCarousel" data-slide="prev"> <span class="fa fa-angle-left"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" data-slide="next"> <span class="fa fa-angle-right"></span> <span class="sr-only">Next</span> </a> </div> </div> <div class="clearfix"></div> </div> </div> </div>   <div class="services" id="services"> <div class="container"> <h3 class="heading">What We <span>Do</span></h3> <div class="servicegrids"> <div class="col-md-3 ser_grid1 icon1"> <span class="glyphicon glyphicon-lamp"></span> <h3>Interior Design</h3> <p>Phasellus congue erat sem, ut tempor mauris tincidunt non. Nulla in erat nec orci semper ultrices et

评论收藏

内容反馈

版权申诉