紅色簡潔風格的禮品包裝品牌企業網站源碼下載



6 23 8



模板描述:紅色簡潔風格 禮品包裝品牌 企業網站,紅色簡潔風格的禮品包裝品牌企業網站源碼下載html模板下載

代碼結構

1. 引入CSS

<link rel="stylesheet" href="css/default.css" />
<link rel="stylesheet" href="css/index.css" />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.8.0.min.js" ></script>
<script type="text/javascript" src="js/jquery.superslide.2.1.1.js" ></script>
<script type="text/javascript" src="js/index.js" ></script>

3. HTML代碼

<!--header-->
<div class="headerWrap">
	<div class="header w1200 cleafix">
		<!--logo-->
		<div class="logo fl"><a href="#"><img src="picture/logo.png" /></a></div>
		<!--nav-->
		<ul id="nav" class="nav clearfix">
			<li class="nLi on">
				<h3><a href="#">首頁</a></h3>
			</li>
			<li class="nLi">
				<h3><a href="about.html">關于飯心</a></h3>
				<ul class="sub">
					<li><a href="company_overview.html">企業概述</a></li>
					<li><a href="development.html">發展歷程</a></li>
					<li><a href="#">理想愿景</a></li>
				</ul>
			</li>
			<li class="nLi">
				<h3><a href="show.html">產品展示</a></h3>
			</li>
			<li class="nLi ">
				<h3><a href="accepted.html">招賢納士</a></h3>
			</li>
			<li class="nLi">
				<h3><a href="cooperation.html">商務合作</a></h3>
			</li>
		</ul>
		<!--預約提貨-->
		<div class="heaR"><a href="#">預約提貨</a></div>
	</div>
</div>
<!--banner-->
<div class="slideBox">
	<div class="hd">
		<ul><li></li><li></li><li></li></ul>
	</div>
	<div class="bd">
		<ul>
			<li><a href="#"><img src="picture/banner.jpg" /></a></li>
			<li><a href="#"><img src="picture/banner.jpg" /></a></li>
			<li><a href="#"><img src="picture/banner.jpg" /></a></li>
		</ul>
	</div>
</div>
<!--頁面主體部分-->
<!--關于飯心-->
<div class="mainBox">
	<div class="main w1200">
		<div class="mainTitle">
			<h2>ABOUT  US</h2>
			<h3>關于飯心</h3>
			<em></em>
		</div>
		<!--圖片輪播-->
		<div class="Picshuff">
			<h2>北京締造品質旗下品牌,健康食品的供應商</h2>
			<p>我們要用健康味道,帶您感受大自然的奇妙。飯心綠色供應鏈,將理想田的健康味道帶到您的身邊。為您尋找更多有益<br />健康的原生食材,飯心,只為給你更健康。</p>
			<div class="picScroll-left">
				<div class="hd">
					<a class="next"></a>
					<a class="prev"></a>
				</div>
				<div class="bd">
					<ul class="picList cleafix">
						<li>
							<a href="#">
								<i class="ico"></i>
								<p>全套定制</p>
							</a>
						</li>
						<li>
							<a href="#">
								<i class="ico1"></i>
								<p>腰封定制</p>
							</a>
						</li>
						<li>
							<a href="#">
								<i class="ico2"></i>
								<p>禮品冊</p>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<h3 class="More"><a href="#">了解更多</a></h3>
		</div>
	</div>
</div>
<!--產品展示-->
<div class="mainBox mainBox1">
	<div class="main w1200">
		<div class="mainTitle">
			<h2>PRODUCT  DISPIAY</h2>
			<h3>產品展示</h3>
			<em></em>
		</div>
		<div class="show_bot show_bot1">
			<ul class="cleafix">
				<li>
					<a href="#">
						<i><img src="picture/pic1.jpg"></i>
						<p>意大利DONNACHIC公司<em></em></p>
					</a>
				</li>
				<li>
					<a href="#">
						<i><img src="picture/pic2.jpg"></i>
						<p>千棗紅酒品禮品包裝定制<em></em></p>
					</a>
				</li>
				<li>
					<a href="#">
						<i><img src="picture/pic3.jpg"></i>
						<p>中鶴集團外婆面館禮品定制<em></em></p>
					</a>
				</li>
				<li>
					<a href="#">
						<i><img src="picture/pic4.jpg"></i>
						<p>飯心慕溪黑糖健康食品<em></em></p>
					</a>
				</li>
			</ul>
			<h3 class="More"><a href="#">了解更多</a></h3>
		</div>
	</div>
</div>
<!--飯心服務-->
<div class="mainBox mainBox2">
	<div class="main w1200">
		<div class="mainTitle">
			<h2>FUNXIN  SERVICE</h2>
			<h3>飯心服務</h3>
			<em></em>
		</div>
		<div class="server_b">
			<div class="hd">
				<ul><li></li><li></li><li></li></ul>
			</div>
			<div class="bd">
				<ul class="cleafix">
					<li>
						<div>
							<a href="#">
								<div class="serTxt">
									<h2>安全食品</h2>
									<em></em>
									<p>傾力打造線上線下全渠道的銷售模式</p>
									<span></span>
								</div>
								<div class="serPic"><img src="picture/img1.jpg"></div>
							</a>
						</div>
						<div>
							<a href="#">
								<div class="serTxt">
									<h2>禮品定制</h2>
									<em></em>
									<p>專屬企業私人禮品視覺定制</p>
									<span></span>
								</div>
								<div class="serPic"><img src="picture/img2.jpg"></div>
							</a>
						</div>
					</li>
					<li>
						<div>
							<a href="#">
								<div class="serTxt">
									<h2>安全食品</h2>
									<em></em>
									<p>傾力打造線上線下全渠道的銷售模式</p>
									<span></span>
								</div>
								<div class="serPic"><img src="picture/img1.jpg"></div>
							</a>
						</div>
						<div>
							<a href="#">
								<div class="serTxt">
									<h2>禮品定制</h2>
									<em></em>
									<p>專屬企業私人禮品視覺定制</p>
									<span></span>
								</div>
								<div class="serPic"><img src="picture/img2.jpg"></div>
							</a>
						</div>
					</li>
					<li>
						<div>
							<a href="#">
								<div class="serTxt">
									<h2>安全食品</h2>
									<em></em>
									<p>傾力打造線上線下全渠道的銷售模式</p>
									<span></span>
								</div>
								<div class="serPic"><img src="picture/img1.jpg"></div>
							</a>
						</div>
						<div>
							<a href="#">
								<div class="serTxt">
									<h2>禮品定制</h2>
									<em></em>
									<p>專屬企業私人禮品視覺定制</p>
									<span></span>
								</div>
								<div class="serPic"><img src="picture/img2.jpg"></div>
							</a>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!--飯心客戶-->
<div class="mainBox mainBox1">
	<div class="main w1200">
		<div class="mainTitle">
			<h2>CUSTOMER</h2>
			<h3>飯心客戶</h3>
			<em></em>
		</div>
		<div class="customer cleafix">
			<ul>
				<li><a href="#"><img src="picture/img3.jpg" /></a></li>
				<li><a href="#"><img src="picture/img3.jpg" /></a></li>
				<li><a href="#"><img src="picture/img3.jpg" /></a></li>
				<li><a href="#"><img src="picture/img3.jpg" /></a></li>
				<li><a href="#"><img src="picture/img3.jpg" /></a></li>
				<li><a href="#"><img src="picture/img3.jpg" /></a></li>
				<li><a href="#"><img src="picture/img3.jpg" /></a></li>
				<li><a href="#"><img src="picture/img3.jpg" /></a></li>
				<li><a href="#"><img src="picture/img3.jpg" /></a></li>
				<li><a href="#"><img src="picture/img3.jpg" /></a></li>
			</ul>
		</div>
		<h3 class="More"><a href="#">了解更多</a></h3>
	</div>
</div>
<!--footer-->
<div class="footerWrap">
	<div class="footer w1200 cleafix">
		<ul>
			<li>
				<h2>CONTACT</h2>
				<h3>聯系飯心</h3>
				<div class="fooM cleafix">
					<i><img src="picture/ico_btn1.png"></i>
					<div class="divTxt fl">
						<h4>ADDRESS</h4>
						<em></em>
						<p>北京市朝陽區北苑領地office大廈</p>
					</div>
				</div>
				<div class="fooM cleafix">
					<i><img src="picture/ico_btn2.png"></i>
					<div class="divTxt fl">
						<h4>PHONE</h4>
						<em></em>
						<p>15801014527 / 13810977519    李爽</p>
					</div>
				</div>
			</li>
			<li>
				<h2>&nbsp;</h2>
				<h3>&nbsp;</h3>
				<div class="fooM cleafix">
					<i><img src="picture/ico_btn3.png"></i>
					<div class="divTxt fl">
						<h4>E-MAIL</h4>
						<em></em>
						<p>[email protected]</p>
					</div>
				</div>
				<div class="fooM cleafix">
					<i><img src="picture/ico_btn4.png"></i>
					<div class="divTxt fl">
						<h4>相關說明</h4>
						<em></em>
						<p><a href="#">隱私政策</a><a href="#">法律聲明</a><a href="http://www.cqetom.live//">使用條款</a></p>
					</div>
				</div>
			</li>
			<li>
				<h2>FOCUS  ON</h2>
				<h3>關注飯心</h3>
				<span><img src="picture/webchat.png" /></span>
				<p>掃描關注飯心官網微信!</p>
			</li>
		</ul>
	</div>
	<div class="fooTxt">Copyright ? 2016  飯心網  保留所有權利</div>
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 行業 企業 公司 工廠 分類 響應式 自適應 設備 風格 顏色 企業 行業 公司 工廠 pc 電腦 普通自適應 html+css自適應 html+css響應式 紅色 簡潔 簡約 簡單 寬屏 全屏 滿屏 設計 設計公司
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子 天易棋牌信誉怎么样 福彩快三幸运和值规律 江西快3和值走势图 幸运赛车开奖结果 山西11选5任选八遗漏 线下gta5酒吧赚不赚钱 浙江20选5开奖规则 云南十一选五最大遗漏 fifa mobile怎么赚钱 老公会赚钱又顾家 吉林时时彩开奖网址 有谁我和一样被开心棋牌坑了 神武3 新区赚钱攻略2015 六合彩开奖历史记录 足球成交量app 排三排五开奖金额