<!--
author: W3layouts
author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Interior Decor Interior Category Flat Bootstrap Responsive Website Template | Home :: w3layouts</title>
<!-- for-mobile-apps -->
<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 Decor Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- css files -->
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' /><!-- bootstrap css -->
<link href="css/style.css" rel='stylesheet' type='text/css' /><!-- custom css -->
<link href="css/fontawesome-all.css" rel="stylesheet" /><!-- fontawesome css -->
<!-- //css files -->
<!-- google fonts -->
<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">
<!-- //google fonts -->
</head>
<body>
<!-- header -->
<header>
<div class="container">
<!-- top nav -->
<nav class="top_nav d-flex pt-4">
<!-- logo -->
<h1>
<a class="navbar-brand" href="index.html">Interior Decor
</a>
</h1>
<!-- //logo -->
<div class="w3ls_right_nav ml-auto d-flex">
<!-- search form -->
<form class="nav-search form-inline my-0 form-control" action="#" method="post">
<input class="form-control" type="search" placeholder="Search" aria-label="Search" required="">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
<!-- search form -->
<div class="nav-icon d-flex">
<!-- sigin and sign up -->
<a class="text-white login_btn align-self-center mx-md-3" href="#myModal_btn" data-toggle="modal" data-target="#myModal_btn">
<i class="far fa-user"></i>
</a>
<!-- sigin and sign up -->
</div>
</div>
</nav>
<!-- //top nav -->
<!-- bottom nav -->
<nav class="navbar navbar-expand-lg navbar-light justify-content-center">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto text-center">
<li class="nav-item">
<a class="nav-link active" href="index.html">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#furniture">Furniture</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#pricing">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="products.html">Products Page</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#team">Team</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
</nav>
<!-- //bottom nav -->
</div>
<!-- //header container -->
</header>
<!-- //header -->
<!-- banner -->
<div class="banner layer" id="home">
<div class="container">
<div class="banner-text">
<div class="slider-info text-center">
<div class="agileinfo-logo">
<h2> Interior Technology </h2>
</div>
<h3 class="txt-w3_agile"> Decorating Ideas for your House</h3>
</div>
<div class="row banner-grids text-center mt-md-5 mt-3">
<div class="col-lg-3 col-md-2">
<img src="images/bathing.png" class="img-fluid" alt="" />
</div>
<div class="col-lg-6 col-md-8 banner-para">
<p class="">Donec malesuada ex sit amet pretium sid ornare. Nulla congue scelerisque tellus, utpretium nulla malesuada sedint.
Suspendisse venenatis</p>
<a href="#myModal_btn1" data-toggle="modal" data-target="#myModal_btn1">Read More</a>
</div>
<div class="col-lg-3 col-md-2">
<img src="images/chair.png" class="img-fluid" alt="" />
</div>
</div>
<div class="thim-click-to-bottom text-center">
<div class="rotate">
<a href="#about" class="scroll">
<i class="fas fa-angle-double-down"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- //banner -->
<!-- banner bottom -->
<section class="banner-bottom py-5" id="about">
<div class="container py-md-5">
<div class="row bottom-grids text-center">
<div class="col-md-4 bottom-grid">
<span class="fab clr1 fa-accusoft"></span>
<p class="number">1</p>
<h4>Interior Design</h4>
<p class="mt-4">Donec malesuada ex sit amet pretium sid ornare. Nulla congue scelerisque tellus, utpretium nulla malesuada sedint.
Suspendisse venenatis</p>
</div>
<div class="col-md-4 mt-md-0 mt-5 bottom-grid">
<span class="fab clr2 fa-android"></span>
<p class="number">2</p>
<h4>Quality Material</h4>
<p class="mt-4">Donec malesuada ex sit amet pretium sid ornare. Nulla congue scelerisque tellus, utpretium nulla malesuada sedint.
Suspendisse venenatis</p>
</div>
<div class="col-md-4 mt-md-0 mt-5 bottom-grid">
<span class="fab clr3 fa-audible"></span>
<p class="number">3</p>
<h4>Home Furniture</h4>
<p class="mt-4">Donec malesuada ex sit amet pretium sid ornare. Nulla congue scelerisque tellus, utpretium nulla malesuada sedint.
Suspendisse venenatis</p>
</div>
<span class="border-line"></span>
</div>
</div>
</section>
<!-- //banner bottom -->
<!-- slider -->
<section class="slider">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 slider-left-img p-0">
<img src="images/slider.jpg" class="img-fluid" alt="" />
</div>
<div class="col-lg-6">
<div class="callbacks_container">
<ul class="rslides" id="slider3">
<li>
<div class="testi-pos">
<h4>Interior Technology Comes With</h4>
</div>
<div class="testi-agile">
<p>
Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Nulla
quis lorem ut libero malesuada feugiat.Nulla quis lorem ut libero malesuada feugiat.
Donec rutrum congue leo eget malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing
elit utpretium nulla malesuada sedint. Suspendisse venenatis.
</p>
<a href="#">Read More</a>
</div>
</li>
<li>
<div class="testi-pos">
<h4>Quality Management Design Is</h4>
</div>
<div class="testi-agile">
<p>
Donec rutrum congue leo eget consectetur sed, convallis at tellus. Nulla quis
lorem ut libero malesuada feugiat.Nulla quis lorem ut libero malesuada feugiat. Donec
rutrum congue leo eget malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing
elit utpretium nulla malesuada sedint. Suspendisse venenatis.
</p>
<a href="#">Read More</a>
</div>
</li>
<li>
<div class="testi-pos">
<h4>Interior Decoration design for</h4>
</div>
<div class="testi-agile">
<p>
Vivamus magna justo, lacinia
没有合适的资源?快使用搜索试试~ 我知道了~
课设&大作业&毕设-休闲座椅家居展示响应式网站模板-适配移动端-HTML源码.zip
共50个文件
png:20个
js:6个
woff2:3个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 186 浏览量
2024-03-29
11:37:45
上传
评论
收藏 2.03MB ZIP 举报
温馨提示
开发者以及学生朋友们,您是否在寻求一款高质量、易于定制的响应式HTML网页模板源码?这份针对毕业设计、课程设计以及大型作业的源码资源将完美满足您的需求! 这份源码采用最新的HTML5和CSS3技术,结合流行的响应式网站框架,为您打造了一个高度可定制、跨设备兼容的响应式网页模板。它不仅优化了用户体验,还确保了在不同尺寸的屏幕和设备上均能呈现出完美的布局和样式。 此模板具备丰富的功能组件,如导航栏、轮播图、卡片式布局等,可以灵活组合以满足您的各种设计需求。同时,它还支持多种浏览器和操作系统,让您的作品在各种环境下都能稳定运行。 更令人惊喜的是,这份源码文档齐全、注释清晰,即使您是初学者也能快速上手。我们提供了详细的教程和技术支持,助您轻松完成个性化的网站开发。 总之,这份响应式HTML网页模板源码是您进行毕设、课设或大作业的理想选择。它不仅节省了开发时间,降低了学习成本,还能帮助您提升作品的专业品质。立即获取这份资源,让您的项目脱颖而出!
资源推荐
资源详情
资源评论
收起资源包目录
课设&大作业&毕设-休闲座椅家居展示响应式网站模板-适配移动端-HTML源码.zip (50个子文件)
课设&大作业&毕设-休闲座椅家居展示响应式网站模板-适配移动端-HTML源码
html
js
bootstrap.js 112KB
responsiveslides.min.js 3KB
jquery-2.2.3.min.js 84KB
easing.js 5KB
move-top.js 1KB
smoothscroll.js 13KB
webfonts
fa-brands-400.woff 62KB
fa-brands-400.ttf 96KB
fa-brands-400.svg 496KB
fa-solid-900.woff 48KB
fa-solid-900.eot 100KB
fa-solid-900.ttf 100KB
fa-brands-400.woff2 53KB
fa-regular-400.woff2 12KB
fa-brands-400.eot 96KB
fa-regular-400.eot 30KB
fa-regular-400.woff 14KB
fa-regular-400.svg 105KB
fa-regular-400.ttf 30KB
fa-solid-900.woff2 38KB
fa-solid-900.svg 369KB
css
style.css 36KB
bootstrap.css 174KB
fontawesome-all.css 42KB
index.html 36KB
single.html 18KB
images
s2.png 341KB
brand2.png 33KB
s4.png 34KB
s1.jpg 38KB
bathing.png 12KB
t2.png 47KB
team2.png 8KB
banner.jpg 278KB
s3.png 34KB
brand1.png 22KB
team3.png 9KB
team1.png 9KB
t4.png 40KB
t3.png 50KB
team4.png 8KB
t1.png 53KB
brand3.png 32KB
chair.png 16KB
s1.png 30KB
slider.jpg 56KB
s5.png 17KB
scroll-top.png 735B
brand4.png 40KB
products.html 13KB
共 50 条
- 1
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- IPMSM永磁电机弱磁控制 附有说明文档 公式法MTPA 采用电压反馈弱磁 波形很好 跟踪很稳 包含仿真文件和两个详细说明文档 简单易懂
- MySQL学生成绩管理系统
- 面向目标探测与跟踪的相控阵雷达波束调度策略研究 开题报告答辩.pptx
- 考虑风光火储和电动汽车的微电网经济调度 软件:Matlab+cplex工具箱 介绍:在Matlab 平台上以一个包含风、光、柴油发电机、上级电网、储能以及电动汽车的小型微电网系统为例进行仿真 目标包
- springboot校园在线拍卖系统
- 广东墨睿科技有限公司创投信息
- STM32L0xx官方开发包
- 故障诊断分类 matlab代码 轴承内圈、外圈、滚动体故障分类 (1)故障样本的时域、频域、时频域、熵等特征提取; (2)BP网络或者SVM模型训练与测试 (3)输出测试样本分类准确率 成套代码,注释
- 冲床送料机程序 中达优控一体机编写 此程序已经实际设备上批量应用,程序成熟可靠,借鉴价值高,程序有注释
- tensorflow用户实验报告
- 杭州华卓信息科技有限公司创投信息
- 含电池储能+pid控制器的两区域互联网电网调频仿真
- 毕业设计B058-基于Java的卓越导师双选系统的设计与实现
- 杭州孝道科技有限公司创投信息
- 儿童节烟花代码2python实现
- 大厂成熟FOC直流电机控制方案,此方案可用于电动自行车,滑板车等电机驱动 单片机基于Stm031或相应兆易GD32等单片机 转把,高中低三速 刹车功能 助力功能 电子刹车功能 欠压检测 巡航
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功