<!DOCTYPE html>
<html lang="en">
<head>
<!-- basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- mobile metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>niture</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- bootstrap css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" href="css/style.css">
<!-- Responsive-->
<link rel="stylesheet" href="css/responsive.css">
<!-- fevicon -->
<link rel="icon" href="images/fevicon.png" type="image/gif" />
<!-- Scrollbar Custom CSS -->
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
<!-- Tweaks for older IEs-->
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<!-- body -->
<body class="main-layout">
<!-- loader -->
<div class="loader_bg">
<div class="loader"><img src="images/loading.gif" alt="#" /></div>
</div>
<!-- end loader -->
<div class="wrapper">
<div class="sidebar">
<!-- Sidebar -->
<nav id="sidebar">
<div id="dismiss">
<i class="fa fa-arrow-left"></i>
</div>
<ul class="list-unstyled components">
<li class="active"> <a href="index.html">Home</a></li>
<li> <a href="about.html">About</a></li>
<li> <a href="product.html">Product</a></li>
<li> <a href="blog.html">Blog</a></li>
<li> <a href="contact.html">Contact us</a></li>
</ul>
</nav>
</div>
<div id="content">
<!-- header -->
<header>
<!-- header inner -->
<div class="header">
<div class="container-fluid">
<div class="row">
<div class="col-lg-3 logo_section">
<div class="full">
<div class="center-desk">
<div class="logo">
<a href="index.html"><img src="images/logo.jpg" alt="#"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-9">
<div class="right_header_info">
<ul>
<li>
<a href="#"><img style="margin-right: 15px;" src="icon/1.png" alt="#" /></a>
</li>
<li class="tytyu">
<a href="#"><img style="margin-right: 15px;" src="icon/2.png" alt="#" /></a>
</li>
<li>
<a href="#"><img style="margin-right: 15px;" src="icon/3.png" alt="#" /></a>
</li>
<li>
<button type="button" id="sidebarCollapse">
<img src="images/menu_icon.png" alt="#" />
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- end header inner -->
</header>
<!-- end header -->
<section class="slider_section">
<div class="banner_main">
<div class="container-fluid">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 mapimg">
<div class="text-bg">
<h1>The latest <br> <strong class="black_bold">furniture Design</strong><br></h1>
<a href="#">Shop Now <i class='fa fa-angle-right'></i></a>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
<div class="text-img">
<figure><img src="images/bg.jpg" /></figure>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- discount -->
<div class="container">
<div id="myCarousel" class="carousel slide banner_Client" 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="carousel-item active">
<div class="container">
<div class="carousel-caption text">
<div class="row">
<div class="col-xl-8 col-lg-8 col-md-8 col-sm-12">
<div class="img_bg">
<h3>50% DISCOUNT<br> <strong class="black_nolmal">the latest collection</strong></h3>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
<div class="img_bg">
<figure><img src="images/discount.jpg" /></figure>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="carousel-caption text">
<div class="row">
<div class="col-xl-8 col-lg-8 col-md-8 col-sm-12">
<div class="img_bg">
<h3>50% DISCOUNT<br> <strong class="black_nolmal">the latest collection</strong></h3>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-
没有合适的资源?快使用搜索试试~ 我知道了~
HTML+CSS+JS+JQ+Bootstrap的家具风格趋势展示响应式网页.7z
共131个文件
css:24个
js:23个
ttf:22个
0 下载量 78 浏览量
2024-07-24
16:40:50
上传
评论
收藏 3.7MB 7Z 举报
温馨提示
1. 实用性和学习价值 实践案例:这些代码通常提供实际网站构建的示例,包括布局、交互和动态效果,有助于理解理论知识在现实项目中的应用。 技术栈覆盖:包含HTML5、CSS3和现代JavaScript(如ES6+),紧跟Web开发趋势,帮助学习者掌握最新技术。 2. 易于理解和修改 清晰的结构:良好的代码组织和注释,便于初学者理解代码逻辑和功能实现。 模块化设计:代码可能采用模块化方式编写,使得部分功能可以轻松地被提取或替换,适合个性化定制。 3. 兼容性和响应式设计 跨浏览器兼容:确保网站在不同浏览器中表现一致,提高用户体验。 响应式布局:适应各种设备屏幕尺寸,从桌面到移动设备,提供无缝的视觉体验。 4. 性能优化 加载速度:优化图像和脚本,减少HTTP请求,提升页面加载速度。 代码压缩:使用Gzip等方法压缩文件大小,加快数据传输。 5. 互动和动画 用户交互:利用JavaScript创建动态表单验证、下拉菜单等,增强用户参与度。 动画效果:通过CSS3或JavaScript实现平滑过渡和动画,增加视觉吸引力。
资源推荐
资源详情
资源评论
收起资源包目录
HTML+CSS+JS+JQ+Bootstrap的家具风格趋势展示响应式网页.7z (131个子文件)
bootstrap.css 169KB
layers.css 137KB
bootstrap.min.css 137KB
navigation.css 58KB
animate.min.css 52KB
style.css 46KB
jquery.mCustomScrollbar.min.css 42KB
bootstrap-grid.css 37KB
jquery-ui.css 35KB
font-awesome.min.css 30KB
settings.css 29KB
bootstrap-grid.min.css 28KB
icomoon.css 28KB
jquery.fancybox.min.css 14KB
default-skin.css 11KB
pe-icon-7-stroke.css 10KB
responsive.css 9KB
normalize.css 7KB
bootstrap-reboot.css 5KB
bootstrap-reboot.min.css 4KB
meanmenu.css 4KB
nice-select.css 4KB
owl.carousel.min.css 3KB
slick.css 2KB
fontawesome-webfont.eot 162KB
Pe-icon-7-strokebb1d.eot 57KB
Pe-icon-7-stroked41d.eot 57KB
revicons90c6.eot 12KB
loading.gif 35KB
loader.gif 2KB
index.html 21KB
product_detail3.html 20KB
product.html 13KB
blog.html 11KB
contact.html 11KB
about.html 9KB
openhand.html 326B
closedhand.html 326B
mapimg.jpg 97KB
Avangarda_klu.jpg 85KB
2.jpg 51KB
bg.jpg 48KB
1.jpg 39KB
3.jpg 27KB
blol.jpg 14KB
discount.jpg 12KB
blog.jpg 12KB
logo.jpg 5KB
logo1.jpg 4KB
bootstrap.bundle.js 206KB
modernizer.js 141KB
bootstrap.js 120KB
jquery.themepunch.tools.min.js 105KB
jquery.min.js 85KB
bootstrap.bundle.min.js 69KB
jquery.themepunch.revolution.min.js 61KB
bootstrap.min.js 49KB
revolution.extension.layeranimation.min.js 49KB
jquery.validate.js 48KB
jquery.mCustomScrollbar.concat.min.js 44KB
revolution.extension.slideanims.min.js 28KB
revolution.extension.navigation.min.js 25KB
revolution.extension.video.min.js 23KB
popper.min.js 19KB
jquery-3.0.0.min.js 11KB
revolution.extension.parallax.min.js 10KB
revolution.extension.actions.min.js 9KB
revolution.extension.carousel.min.js 7KB
revolution.extension.migration.min.js 6KB
revolution.extension.kenburn.min.js 3KB
slider-setting.js 3KB
custom.js 612B
bootstrap.min.css.map 545KB
bootstrap.css.map 415KB
bootstrap.bundle.js.map 351KB
bootstrap.bundle.min.js.map 287KB
bootstrap.js.map 208KB
bootstrap.min.js.map 172KB
bootstrap-grid.css.map 95KB
bootstrap-grid.min.css.map 67KB
bootstrap-reboot.css.map 58KB
bootstrap-reboot.min.css.map 25KB
FontAwesome.otf 132KB
img1.png 356KB
p2.png 146KB
p4.png 94KB
p3.png 59KB
lllll.png 53KB
p1.png 47KB
maps-and-flags.png 3KB
3.png 2KB
search_icon.png 2KB
1.png 2KB
2.png 2KB
tw.png 2KB
4.png 1KB
menu_icon.png 1000B
gridtile_3x3.png 938B
gridtile_3x3_white.png 935B
gridtile.png 933B
共 131 条
- 1
- 2
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于python的网页自动化工具项目全套技术资料100%好用.zip
- 抢购软件:快速复制信息
- 单机无穷大系统发生各类(三相短路,单相接地,两相接地,两相相间短路)等短路故障,各类(单相断线,两相断线,三相断线)等断线故障,暂态稳定仿真分析
- 微信文章爬虫项目全套技术资料100%好用.zip
- 基于动态窗口算法的AGV仿真避障 可设置起点目标点,设置地图,设置移动障碍物起始点目标点,未知静态障碍物 动态窗口方法(DynamicWindowApproach) 是一种可以实现实时避障的局部规划算
- Power Quality Disturbance:基于MATLAB Simulink的各种电能质量扰动仿真模型,包括配电线路故障、感应电机启动、变压器励磁、单相 三相非线性负载等模型,可用于模拟各种
- 数据爬虫项目全套技术资料100%好用.zip
- 聊天系统项目全套技术资料100%好用.zip
- putty,linux客户端工具
- 丹佛丝堆垛机变频器参数配置起升、运行、货叉
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功