黑色大气风格的家具装饰产品企业网站源码下载



6 21 8



模板描述:黑色大气风格 家具装饰产品 企业网站,黑色大气风格的家具装饰产品企业网站源码下载html模板下载

代码结构

1. 引入CSS

<link href="statics/style/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="statics/style/swiper-3.3.1.min.css" />
<link rel="stylesheet" href="statics/style/aos.css" />
<link href="statics/style/xlx.shuwon.css" rel="stylesheet">
<link href="statics/style/ie.xlx.shuwon.css" rel="stylesheet">

2. 引入JS

<script src="statics/js/respond.js"></script>
<script src="statics/js/html5.js"></script>
<script src="statics/js/jquery-1.10.2.min.js"></script>
<script src="statics/js/swiper-3.3.1.jquery.min.js"></script>
<script src="statics/js/aos.js"></script>
<script src="statics/js/xlx.shuwon.js" id="JS" page="home"></script>

3. HTML代码

		<div class="zhidingUP"></div>
		<div class='zhiding'></div>
		<div id="mobileNav">
			<ul>
			</ul>
		</div>
		<div class="shade">
			<div class="shade-top"></div>
			<div class="shade-bottom"></div>
			<img src="statics/images/loading.gif" class="loading">
		</div>
		<header>
			<div class="nav-top">
				<a href="index.htm" class="logo">
					<img src="statics/images/logo.png" class="img1" />
					<img src="statics/images/logo-top.png" class="img2" />
				</a>
				<div class="memu">
					<div id="navToggle">
						<span class="span1"></span>
						<span class="span2"></span>
						<span class="span3"></span>
					</div>
					<img src="statics/images/menu.png" alt="" class="img1" />
					<img src="statics/images/menu-top.png" alt="" class="img2" />
				</div>
			</div>
			<nav class="nav">
				<div class="line"></div>
				<ul class="nav-ul1">
					<li class="n1">
						<a href="product-cj.html" class="a1">产品中心</a>
						<ul class="nav-ul2">
							<li>
								<a href="product-cj.html">场景</a>
								<a href="product-cp.html">产品</a>
								<a href="product-xl.html">系列</a>
							</li>
						</ul>
					</li>
					<li class="n2">
						<a href="brand-ln.html" class="a1">品牌中心</a>
						<ul class="nav-ul2">
							<li>
								<a href="brand-ln.html">品牌理念</a>
								<a href="brand-zx.html">品牌资讯</a>
								<a href="brand-yc.html">品牌用材</a>
							</li>
						</ul>
					</li>
					<li class="n3">
						<a href="active.html" class="a1">活动专区</a>
						<ul class="nav-ul2">
							<li>
								<a href="active.html">活动专区</a>
							</li>
						</ul>
					</li>
					<li class="n4">
						<a href="services.html" class="a1">服务中心</a>
						<ul class="nav-ul2">
							<li>
								<a href="services.html">服务流程</a>
								<a href="contact.html">联系我们</a>
							</li>
						</ul>
					</li>
					<li class="n5">
						<a href="about-gk.html" class="a1">关于公司</a>
						<ul class="nav-ul2">
							<li>
								<a href="about-gk.html">公司概况</a>
								<a href="about-wh.html">公司文化</a>
								<a href="about-lc.html">发展历程</a>
							</li>
						</ul>
					</li>
					<li class="n6">
						<a href="dingzhi.html" class="a1">在线定制</a>
						<ul class="nav-ul2">
							<li>
								<a href="dingzhi.html">在线定制</a>
							</li>
						</ul>
					</li>
				</ul>
				<div class="line line-b"></div>
			</nav>
		</header>
		<section class="home-body BIGBOX">
			<div class="banner-box">
				<div class="banner swiper-container">
					<ul class="swiper-wrapper">
						<li class="swiper-slide b1">
							<div class="line-jd"></div>
							<div class="bgs" style="background-image: url(statics/images/1.jpg);">
							</div>
							<div class="banner-text">
								<a href="" class="text-box text-box1">
									<div class="text1">ENTER TMALL</div>
									<div class="text2">选取属于自己的美好生活</div>
									<div class="text3">FIND MORE</div>
								</a>
							</div>
							<div class="tracker">
								<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
									<line x1="12" y1="5" x2="200" y2="100" />
								</svg>
								<div class="pointer">
									<span class="pulse"></span>
									<span class="dot"></span>
									<div class="product-bubble">
										<div class="inner">
											<img class="product-img" src="statics/images/pro1.png" />
											<h3 class="product-title"> <span class="thetitle">韩式一号床</span></h3>
											<p class="product-description">
												<p> <span>舒适的床为您带来一整夜的好睡眠</span><br /> <span>有温暖的灯光还有柔软的纺织品</span><br /> <span>而这一切都让可您酣然入梦</span> </p>
											</p>
											<a class="button product-detail switch" href="http://www.51qianduan.com//">
												More details
												<div class="hover_container">
													<span class="label">More details</span>
													<span class="background"></span>
												</div>
											</a>
										</div>
									</div>
								</div>
							</div>
						</li>
						<li class="swiper-slide b2">
							<div class="line-jd"></div>
							<div class="bgs" style="background-image: url(statics/images/2.jpg);">
							</div>
							<div class="banner-text">
								<a href="http://www.51qianduan.com//" class="text-box text-box1">
									<div class="text1">Exquisite design</div>
									<div class="text2">精妙设计,打造美好共处空间</div>
									<div class="text3">FIND MORE</div>
								</a>
							</div>
							<div class="tracker">
								<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
									<line x1="12" y1="5" x2="200" y2="100" />
								</svg>
								<div class="pointer">
									<span class="pulse"></span>
									<span class="dot"></span>
									<div class="product-bubble">
										<div class="inner">
											<img class="product-img" src="statics/images/pro2.png" />
											<h3 class="product-title"> <span class="thetitle">红橡二号三人沙发</span></h3>
											<p class="product-description">
												<p> 上好的木料搭配柔和的色调 </p>
												<p> 让您的客厅变得如此温馨 </p>
											</p>
											<a class="button product-detail switch" href="">
												More details
												<div class="hover_container">
													<span class="label">More details</span>
													<span class="background"></span>
												</div>
											</a>
										</div>
									</div>
								</div>
							</div>
						</li>
						<li class="swiper-slide b3">
							<div class="line-jd"></div>
							<div class="bgs" style="background-image: url(statics/images/3.jpg);">
							</div>
							<div class="banner-text">
								<a href="" class="text-box text-box1">
									<div class="text1">Exquisite design</div>
									<div class="text2">精妙设计,打造美好共处空间</div>
									<div class="text3">FIND MORE</div>
								</a>
							</div>
							<div class="tracker">
								<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
									<line x1="12" y1="5" x2="200" y2="100" />
								</svg>
								<div class="pointer">
									<span class="pulse"></span>
									<span class="dot"></span>
									<div class="product-bubble">
										<div class="inner">
											<img class="product-img" src="statics/images/pro3.png" />
											<h3 class="product-title"> <span class="thetitle">红橡七号床</span></h3>
											<p class="product-description">
												<p> 舒适的床为您带来一整夜的好睡眠<br /> 有温暖的灯光还有柔软的纺织品<br /> 而这一切都让可您酣然入梦 </p>
											</p>
											<a class="button product-detail switch" href="">
												More details
												<div class="hover_container">
													<span class="label">More details</span>
													<span class="background"></span>
												</div>
											</a>
										</div>
									</div>
								</div>
							</div>
						</li>
					</ul>
					<div class="banner-page">
						<span class="b_l swiper-button-prev">&nbsp;</span>
						<span class="page-now">1</span>
						<span class="of">&nbsp;</span>
						<span class="page-all">&nbsp;</span>
						<span class="b_r swiper-button-next">&nbsp;</span>
					</div>
				</div>
			</div>
			<div class="main">
				<div class="main-product">
					<div class="Tits" data-aos="zoom-out" aos-easing="ease-out-back">
						<img src="statics/images/products-tit.png" />
					</div>
					<ul class="boxs clearBoth">
						<li class="p1" data-aos="zoom-in-up" aos-delay="0">
							<a href="product-cp.html">
								<div class="box-z">
									<div class="img-box"></div>
									<span>桌子</span>
								</div>
								<div class="box-f">
									<div class="img-box" style="background-image: url(statics/images/1-1P40F20F00-L.png
);"></div>
									<span>桌子</span>
								</div>
							</a>
						</li>
						<li class="p2" data-aos="zoom-in-up" aos-delay="200">
							<a href="product-cp.html">
								<div class="box-z">
									<div class="img-box"></div>
									<span>床</span>
								</div>
								<div class="box-f">
									<div class="img-box" style="background-image: url(statics/images/1-1P40F20U50-L.png
);"></div>
									<span>床</span>
								</div>
							</a>
						</li>
						<li class="p3" data-aos="zoom-in-up" aos-delay="400">
							<a href="product-cp.html">
								<div class="box-z">
									<div class="img-box"></div>
									<span>厅柜</span>
								</div>
								<div class="box-f">
									<div class="img-box" style="background-image: url(statics/images/1-1P40F211160-L.png
);"></div>
									<span>厅柜</span>
								</div>
							</a>
						</li>
						<li class="p4" data-aos="zoom-in-up" aos-delay="0">
							<a href="product-cp.html">
								<div class="box-z">
									<div class="img-box"></div>
									<span>沙发</span>
								</div>
								<div class="box-f">
									<div class="img-box" style="background-image: url(statics/images/1-1P40F213180-L.png
);"></div>
									<span>沙发</span>
								</div>
							</a>
						</li>
						<li class="p5" data-aos="zoom-in-up" aos-delay="200">
							<a href="product-cp.html">
								<div class="box-z">
									<div class="img-box"></div>
									<span>书柜</span>
								</div>
								<div class="box-f">
									<div class="img-box" style="background-image: url(statics/images/1-1P40F215340-L.png
);"></div>
									<span>书柜</span>
								</div>
							</a>
						</li>
						<li class="p6" data-aos="zoom-in-up" aos-delay="400">
							<a href="product-cp.html">
								<div class="box-z">
									<div class="img-box"></div>
									<span>梳妆台</span>
								</div>
								<div class="box-f">
									<div class="img-box" style="background-image: url(statics/images/1-1P40F21I50-L.png
);"></div>
									<span>梳妆台</span>
								</div>
							</a>
						</li>
						<li class="p7" data-aos="zoom-in-up" aos-delay="0">
							<a href="product-cp.html">
								<div class="box-z">
									<div class="img-box"></div>
									<span>鞋柜</span>
								</div>
								<div class="box-f">
									<div class="img-box" style="background-image: url(statics/images/1-1P40F219250-L.png
);"></div>
									<span>鞋柜</span>
								</div>
							</a>
						</li>
						<li class="p8" data-aos="zoom-in-up" aos-delay="200">
							<a href="product-cp.html">
								<div class="box-z">
									<div class="img-box"></div>
									<span>衣柜</span>
								</div>
								<div class="box-f">
									<div class="img-box" style="background-image: url(statics/images/1-1P40F221170-L.png
);"></div>
									<span>衣柜</span>
								</div>
							</a>
						</li>
						<li class="p9" data-aos="zoom-in-up" aos-delay="400">
							<a href="product-cp.html">
								<div class="box-z">
									<div class="img-box"></div>
									<span>椅子</span>
								</div>
								<div class="box-f">
									<div class="img-box" style="background-image: url(statics/images/1-1P40F223110-L.png
);"></div>
									<span>椅子</span>
								</div>
							</a>
						</li>
					</ul>
				</div>
				<div class="main-other">
					<div class="other1 others">
						<div class="content" data-aos="fade-up">
							<div class="content-r">
								<div class="tits">
									<img src="statics/images/production-text.png" alt="" />
								</div>
								<div class="text">
									Moumou家具经营理念最初始于为大众提供经济实惠的家居装饰产品,而非仅为少数人服务它将功能、质量设计、价值结合在一起,并始终牢记可持续发展理念。从设计、采购、包装、配送到业务模式,Moumou家具经营理念存在于公司日常运营的每个环节。我们的目标是帮助更多人创造更好的家居生活。
								</div>
								<a href="about-gk.html" class="more">
									<span>FIND MORE</span>
								</a>
							</div>
						</div>
					</div>
					<div class="others other2">
						<div class="content" data-aos="fade-up">
							<div class="tits">
								<img src="statics/images/tits2-cn.png" />
								<img src="statics/images/tits2-en.png" class="e" />
							</div>
							<div class="text">
								选择提送货服务可以为您节约时间和精力。您可以不用担心货物在商场的哪个位置,不用担心如何装车,搬上楼,可以随心所欲的购买您所需要的产品,我们可以为您将所购物品很快提取并且送回家。
							</div>
							<a href="services.html" class="more">
								<span>FIND MORE</span>
							</a>
						</div>
					</div>
					<div class="others other3">
						<div class="content" data-aos="fade-up">
							<div class="tits">
								<img src="statics/images/tits3-cn.png" />
								<img src="statics/images/tits3-en.png" class="e" />
							</div>
							<div class="text">
								武汉市Moumou家具厂是中国实木家私业具有专业设计、规模生产、网络营销的大型企业之一。Moumou家具厂依木而生,花园式厂区占地100余亩,各处树林阴翳,花草丛生,拥有员工1000余人。公司采用优质实木,利用国外先进生产制造机械设备,结合国内资深设计师的创意,其产品涵盖成人套房、儿童卧房、书房、客厅、餐厅等时尚、实用、美观的实木环保家居用品。经过多年的发展,积累了强大的设计和生产能力,旗下九大系列:韩式田园、地中海、现代森橡、九寨风情、私人定制衣柜、桤木系列、松木田园、床垫睡眠中心,形成了良好的品牌效应与市场知名度。
							</div>
							<a href="about-wh.html" class="more">
								<span>FIND MORE</span>
							</a>
							<img src="statics/images/index-bg3-1.jpg" alt="" class="bg3" />
						</div>
					</div>
				</div>
			</div>
		</section>
		<footer>
			<img src="statics/images/footer-bg.png" alt="" class="img" />
			<div class="foot-nav">
				<ul>
					<li>
						<a href="index.htm">首页</a>
					</li>
					<li>
						<a href="product-cp.html">产品中心</a>
					</li>
					<li>
						<a href="brand-ln.html">品牌中心</a>
					</li>
					<li>
						<a href="active.html">活动专区</a>
					</li>
					<li>
						<a href="services.html">服务中心</a>
					</li>
					<li>
						<a href="about-gk.html">关于公司</a>
					</li>
					<li>
						<a href="dingzhi.html">在线定制</a>
					</li>
				</ul>
				<div class="zhiding"></div>
			</div>
			<div class="footer-links">
				<ul class="clearBoth">
					<li class="wx">
						<a href="javascript:void(0);">
							<div class="ewm"><img src="statics/images/wxewm.jpg" alt="" /></div>
						</a>
					</li>
					<li class="wb">
						<a target="_blank" href="http://weibo.com/qq986482">
							<div class="ewm"><img src="statics/images/wbewm.jpg" alt="" /></div>
						</a>
					</li>
					<li class="dz">
						<a href="contact.html"></a>
					</li>
					<li class="jxs">
						<a href="dingzhi.html"></a>
					</li>
				</ul>
			</div>
			<div class="footer-phone">
				<img src="statics/images/Telephone.png" alt="" />
			</div>
			<div class="footer-bottom">
				<ul>
					<li>© 2018 Moreduo </li>
					<li>
						<a target="_blank" href="http://www.51qianduan.com//">网站设计:Moreduo</a>
					</li>
					<li>鄂ICP备88888888号</li>
				</ul>
			</div>
		</footer>
		<div class="IEtips">
			<div class="IEtips_Box">
				<div class="brn_off"></div>
				<div class="IEtips_title">
					您使用的浏览器版本过低,不仅存在较多的安全漏洞,也无法完美支持最新的web技术和标准,请更新高版本浏览器!!
				</div>
				<div class="Browser">
					<ul>
						<li>
							<img src="statics/images/icon_ieBrowser.png" />
							<a href="http://www.51qianduan.com//zh-cn/internet-explorer/download-ie">升级IE</a>
						</li>
						<li>
							<img src="statics/images/icon_360Browser.png" />
							<span>请在网址末尾闪电处点击切换极速模式</span>
						</li>
						<li>
							<img src="statics/images/icon_chromeBrowser.png" />
							<a href="http://www.51qianduan.com//intl/zh-CN/chrome/browser/desktop/index.html">下载chrome</a>
						</li>
						<li>
							<img src="statics/images/icon_firefoxBrowser.png" />
							<a href="http://www.51qianduan.com/.cn/">下载firefox</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="IEtips_bg"></div>
		</div>
		<script type="text/javascript">
			if($(window).width() > 1024) {
				AOS.init({
					duration: 600,
					easing: 'ease-out',
				});
			}
		</script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 企业 行业 公司 工厂 黑色 bootstrap bootstrap自适应 bootstrap响应式 pc+wap 移动+电脑 手机+电脑 简洁 简约 简单 家居 家具 家具公司 家具厂 装饰 装饰公司 宽屏 全屏 满屏

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到