1 Star 3 Fork 0

大鹏/简设装饰

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 19.11 KB
一键复制 编辑 原始数据 按行查看 历史
大鹏 提交于 2021-04-02 14:41 . 头部修改
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
<title>dapeng</title>
</head>
<body>
<!-- 头部 -->
<div class="header">
<div class="header-c w">
<div class="logo">
<h1><a href="index.html" title="简设装饰">简设装饰</a></h1>
</div>
<ul class="nav-list">
<li class="nav-item line"><a href="index.html">首页<span></span></a></li>
<li class="nav-item"><a href="project.html">项目</a><span></span></li>
<li class="nav-item"><a href="goods.html">产品</a><span></span></li>
<li class="nav-item"><a href="sercers.html">服务</a><span></span></li>
<li class="nav-item"><a href="news.html">新闻</a><span></span></li>
<li class="nav-item mr0"><a href="about.html">关于</a><span></span></li>
</ul>
</div>
</div>
<!-- banner 模块 -->
<div class="banner">
<div class="banner-c w">
<ul class="dot-list">
<li class="dot-item dot-blue"></li>
<li class="dot-item"></li>
<li class="dot-item"></li>
<li class="dot-item"></li>
<li class="dot-item"></li>
</ul>
</div>
</div>
<!-- 项目展示 -->
<div class="type">
<div class="type-c w">
<div class="thear">
<h3 class="title">项目展示</h3>
<p class="desc">PROJECT DISPLAY</p>
<div class="underline clearfix">
<div class="underline-left"></div>
<div class="underline-right"></div>
</div>
</div>
<!-- 项目展示 导航 -->
<ul class="nav-list clearfix">
<li class="nav-item line"><a href="">家居</a></li>
<li class="nav-item"></li>
<li class="nav-item"><a href="">办公</a></li>
<li class="nav-item"></li>
<li class="nav-item"><a href="">餐饮</a></li>
<li class="nav-item"></li>
<li class="nav-item"><a href="">MORE</a></li>
</ul>
<!-- 项目展示 产品 -->
<ul class="type-bd-list clearfix">
<li class="type-bd-item">
<a href="#">
<img class="pic" src="img/type-1.jpg" alt="">
</a>
<!-- 设置遮罩层效果 可以先放一张大图片 再设置一块元素
遮住这张大图片 当鼠标滑动时 给他隐藏 就不会出现变形或者很明显的拉拽效果 -->
<div class="info">
<p class="addr">月见棱廓 北京</p>
<p class="desc">舒适而注重情感交流的小住宅</p>
</div>
<div class="more-1">
<img src="img/more.png" alt="">
</div>
<div class="marsk clearfix">
<div class="addre">Marylebone公寓室内改造 上海</div>
<div class="title">木隔墙创造出简约的生活空间</div>
<div class="descri">
两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
式厨房、餐厅和起居室空间和谐共融。
</div>
<div class="more">
<img src="img/more.png" alt="">
</div>
</div>
</li>
<li class="type-bd-item">
<a href="#">
<img class="pic" src="img/index-type-2.jpg" alt="">
</a>
<div class="info">
<p class="addr">月见棱廓 北京</p>
<p class="desc">舒适而注重情感交流的小住宅</p>
</div>
<div class="more-1">
<img src="img/more.png" alt="">
</div>
<div class="marsk clearfix">
<div class="addre">Marylebone公寓室内改造 上海</div>
<div class="title">木隔墙创造出简约的生活空间</div>
<div class="descri">
两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
式厨房、餐厅和起居室空间和谐共融。
</div>
<div class="more">
<img src="img/more.png" alt="">
</div>
</div>
</li>
<li class="type-bd-item mr0">
<a href="#">
<img class="pic" src="img/index-type-3.jpg" alt="">
</a>
<div class="info">
<p class="addr">亭仔脚 台北</p>
<p class="desc">生活记忆的延续</p>
</div>
<div class="more-1">
<img src="img/more.png" alt="">
</div>
<div class="marsk clearfix">
<div class="addre">Marylebone公寓室内改造 上海</div>
<div class="title">木隔墙创造出简约的生活空间</div>
<div class="descri">
两间自带浴室套间的双人卧室和一个宽敞的开放 <br>
式厨房、餐厅和起居室空间和谐共融。
</div>
<div class="more">
<img src="img/more.png" alt="">
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- 产品中心 -->
<div class="product">
<div class="product-c w">
<div class="thear">
<h3 class="title">项目展示</h3>
<p class="desc">PROJECT DISPLAY</p>
<div class="underline clearfix">
<div class="underline-left"></div>
<div class="underline-right"></div>
</div>
</div>
<!-- 产品导航 -->
<ul class="product-th-nav clearfix">
<li class="th-item cor668">
<a href="">
<img src="img/chuang.png" alt="">
</a>
<p class="desc">床 BED</p>
</li>
<li class="th-item">
<a href="">
<img src="img/sofa.png" alt="">
</a>
<p class="desc">沙发 SOFA</p>
</li>
<li class="th-item">
<a href="">
<img src="img/tables.png" alt="">
</a>
<p class="desc">桌椅 TABLES & CHAIRS</p>
</li>
<li class="th-item">
<a href="">
<img src="img/closet.png" alt="">
</a>
<p class="desc">衣柜 CLOSET</p>
</li>
<li class="th-item">
<a href="">
<img src="img/light.png" alt="">
</a>
<p class="desc">灯 LIGHT</p>
</li>
</ul>
<!-- 产品列表 -->
<ul class="product-bd-nav clearfix">
<li class="bd-item ms000">
<a href="#">
<img src="img/ZUMA PUMICE.jpg" alt="">
</a>
<div class="desc">
PEMBERLY ROW <br>
软垫加州特大号床板ZUMA PUMICE
</div>
<div class="mask">
<h3 class="title">01</h3>
<div class="line"></div>
<p class="mask-desc">
PEMBERLY ROW <br>
软垫加州特大号床板ZUMA PUMICE
</p>
</div>
</li>
<li class="bd-item ms000">
<a href="#">
<img src="img/ZUMA PUMICE.jpg" alt="">
</a>
<div class="desc">
SOLOMAN <br>
中世纪浅米色面料平台床
</div>
<div class="mask">
<h3 class="title">02</h3>
<div class="line"></div>
<p class="mask-desc">
SOLOMAN <br>
中世纪浅米色面料平台床
</p>
</div>
</li>
<li class="bd-item ms000 mr0">
<a href="#">
<img src="img/index-bed-3.jpg" alt="">
</a>
<div class="desc">
CHESTER <br>
簇绒天鹅绒特大号床
</div>
<div class="mask">
<h3 class="title">03</h3>
<div class="line"></div>
<p class="mask-desc">
CHESTER <br>
簇绒天鹅绒特大号床
</p>
</div>
</li>
<li class="bd-item ms000">
<a href="#">
<img src="img/index-bed-4.jpg" alt="">
</a>
<div class="desc">
HAWTHORNE <br>
女王平台床
</div>
<div class="mask">
<h3 class="title">04</h3>
<div class="line"></div>
<p class="mask-desc">
HAWTHORNE <br>
女王平台床
</p>
</div>
</li>
<li class="bd-item ms000">
<a href="#">
<img src="img/index-bed-5.jpg" alt="">
</a>
<div class="desc">
HENRY MID-CENTURY <br>
现代软垫平台床
</div>
<div class="mask">
<h3 class="title">05</h3>
<div class="line"></div>
<p class="mask-desc">
HENRY MID-CENTURY <br>
现代软垫平台床
</p>
</div>
</li>
<li class="bd-item ms000 mr0">
<a href="#">
<img src="img/index-bed-6.jpg" alt="">
</a>
<div class="desc">
MODBERG <br>
墨西拿灰色生态床
</div>
<div class="mask">
<h3 class="title">06</h3>
<div class="line"></div>
<p class="mask-desc">
MODBERG <br>
墨西拿灰色生态床
</p>
</div>
</li>
</ul>
</div>
</div>
<!-- 服务范围 -->
<div class="server">
<div class="server-c w">
<div class="thear">
<h3 class="title">项目展示</h3>
<p class="desc">PROJECT DISPLAY</p>
<div class="underline clearfix">
<div class="underline-left"></div>
<div class="underline-right"></div>
</div>
</div>
</div>
<div class="server-pic">
<div class="subserver-c w clearfix">
<h3 class="title">SERVICES</h3>
<p class="desc">We already have some pretty specific ideas about what <br>
our next services should be.</p>
<ul class="server-list">
<li class="server-item">
<a href="">
<div class="info">
<h3 class="topic">翻新改造</h3>
<div class="line"></div>
<p class="content">Renovate remould</p>
</div>
</a>
</li>
<li class="server-item">
<a href="">
<div class="info">
<h3 class="topic">研究设计</h3>
<div class="line"></div>
<p class="content">Research design</p>
</div>
</a>
</li>
<li class="server-item">
<a href="">
<div class="info">
<h3 class="topic">创新战略</h3>
<div class="line"></div>
<p class="content">Innovation strategy</p>
</div>
</a>
</li>
<li class="server-item">
<a href="">
<div class="info">
<h3 class="topic">视觉方案</h3>
<div class="line"></div>
<p class="content">Vision precept</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
<!--新闻资讯 -->
<div class="news">
<div class="news-c w">
<div class="thear">
<h3 class="title">项目展示</h3>
<p class="desc">PROJECT DISPLAY</p>
<div class="underline clearfix">
<div class="underline-left"></div>
<div class="underline-right"></div>
</div>
</div>
<!-- 产品展示 -->
<div class="info clearfix">
<div class="info-left">
<div class="info-left-th">
<img src="img/news-1.jpg" alt="">
<div class="mask">
<h3 class="title">看得到的品质,看不到的用心!</h3>
<p class="desc">
专注品质,从现代生活崇尚简约大气的角度出发,家具不仅仅 <br>
是一件家具这么简单,更是一件工艺品的象征。
</p>
<a href="#"><img src="img/more.png" alt="" class="pic"></a>
</div>
</div>
<div class="info-left-bd">
<div class="bd-left">
<img src="img/news-2.jpg" alt="">
</div>
<div class="bd-right mr0">
<img src="img/news-3.jpg" alt="">
</div>
</div>
</div>
<div class="info-right mr0">
<img src="img/news-4.jpg" alt="">
</div>
</div>
</div>
</div>
<!-- 关于简设 -->
<div class="about">
<div class="about-c w">
<div class="thear">
<h3 class="title">项目展示</h3>
<p class="desc">PROJECT DISPLAY</p>
<div class="underline clearfix">
<div class="underline-left"></div>
<div class="underline-right"></div>
</div>
</div>
<div class="recom clearfix">
<img class="pic" src="img/about.jpg" alt="">
<p class="desc">"简设装饰集团【简设装饰(JS DECORATION)】,已成为全球最大的家具家居用品商家,销售主要包括座椅
沙发系列、办公用品、卧室系列、厨房系列、照明系列、纺织品、炊具系列、房屋储藏系列、儿童产品系列等
约10,000个产品。
"</p>
<p class="desc">"为了让更多的顾客成为简设的品牌布道者,简设的一个重要策略就是销售梦想而不是产品。为了做到这一点,
简设不仅提供广泛、设计精美、实用、低价的产品,而且也把产品跟公益事业进行联姻。"</p>
<p class="desc">"简设还有一个独特的策略,采用一体化品牌模式的品牌,即拥有品牌、设计及销售渠道。在产品品牌上,简设
把公司的2万多种产品,分为三大系列:简设办公、家庭储物、儿童简设。在简设品牌的强势支撑下,2万多种
产品均建立了自己的品牌。"</p>
</div>
</div>
</div>
<!-- 底部 -->
<div class="footer">
<div class="footer-c clearfix w">
<div class="contact ">
<ul class="link-list">
<li class="link-item"><a href="#">简设装饰有限公司</a></li>
<li class="link-item">
<a href="#">
<img src="img/wb.png" alt="">
<img src="img/wx.png" alt="">
<img src="img/qq.png" alt="">
</a>
</li>
</ul>
<div class="line"></div>
<ul class="link-list">
<li class="link-item"><a href="#">地址:中国地区**分区6号写字楼888室</a></li>
<li class="link-item"><a href="#">电话:688-8888-008</a></li>
<li class="link-item"><a href="#">传真:000-66668888</a></li>
</ul>
<div class="line"></div>
<ul class="link-list">
<li class="link-item"><a href="#">邮编:100000 </a></li>
<li class="link-item"><a href="#">手机:186-6006-8008</a></li>
<li class="link-item"><a href="#">传真:000-66668888</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/dapenggg/simple-decoration.git
git@gitee.com:dapenggg/simple-decoration.git
dapenggg
simple-decoration
简设装饰
master

搜索帮助