master

分支 (1)

管理

管理

master

zhang-xin
/
chanpin.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/chanpin.css"/>
	</head>
	<body>
		<header>
			<img src="images/top-logo.png" />
			<div class="search">
				<div id="search-input">
					<input type="text" /><button>搜索</button>
				</div>
				<p>关键词：<span style="color: red;">葡萄酒</span> 冰酒 甜酒 香槟 白葡萄酒 红酒 白酒</p>
			</div>
			<div class="language">
				<a href="#">中文</a>
				<a href="#">English</a>
			</div>
		</header>

		<nav>
			<a href="shouye.html">首页</a>
			<a href="chanpin.html">产品</a>
			<a href="jianjie.html">公司简介</a>
			<a href="new.html">公司新闻</a>
			<a href="news.html">联系我们</a>
		</nav>
		<div class="produt">
			<div class="produt-list">
				<a href="#">
					<img src="images/chanpin/ban-cp1.png" />
					<span>查<br>看<br>详<br>情</span>
				</a>
				<a href="#">
					<img src="images/chanpin/ban-cp2.png" />
					<span>查<br>看<br>详<br>情</span>
				</a>
				<a href="#">
					<img src="images/chanpin/ban-cp3.png" />
					<span>查<br>看<br>详<br>情</span>
				</a>
				<a href="#">
					<img src="images/chanpin/ban-cp4.png" />
					<span>查<br>看<br>详<br>情</span>
				</a>
				<a href="#">
					<img src="images/chanpin/ban-cp1.png" />
					<span>查<br>看<br>详<br>情</span>
				</a>
			</div>
			<div class="produt-list">
				<a href="#">
					<img src="images/chanpin/ban-cp2.png" />
					<span>查<br>看<br>详<br>情</span>
				</a>
				<a href="#">
					<img src="images/chanpin/ban-cp3.png" />
					<span>查<br>看<br>详<br>情</span>
				</a>
				<a href="#">
					<img src="images/chanpin/ban-cp4.png" />
					<span>查<br>看<br>详<br>情</span>
				</a>
				<a href="#">
					<img src="images/chanpin/ban-cp1.png" />
					<span>查<br>看<br>详<br>情</span>
				</a>
				<a href="#">
					<img src="images/chanpin/ban-cp2.png" />
					<span>查<br>看<br>详<br>情</span>
				</a>
			</div>
		</div>

		<div class="nav-pro">
			<ul class="c-nav">
				<li><a href="">冰酒</a>
					<ul class="c-nav-hover">
						<li><a href="chanping.html">蓝冰王</a></li>
						<li><a href="chanping.html">加拿诗</a></li>
						<li><a href="chanping.html">安大略</a></li>
						<li><a href="chanping.html">红冰酒</a></li>
					</ul>
				</li>
				<li><a href="">红酒</a>
					<ul class="c-nav-hover">
						<li><a href="">佳丽酿</a></li>
						<li><a href="chanping.html">赤霞珠</a></li>
						<li><a href="chanping.html">蛇龙珠</a></li>
						<li><a href="chanping.html">品丽珠</a></li>
						<li><a href="chanping.html">白诗南</a></li>
						<li><a href="chanping.html">塞米雍</a></li>
					</ul>
				</li>
				<li><a href="">甜酒</a>
					<ul class="c-nav-hover">
						<li><a href="chanping.html">湖南酒</a></li>
						<li><a href="chanping.html">湖北酒</a></li>
						<li><a href="chanping.html">黑檽米</a></li>
					</ul>
				</li>
				<li><a href="">香槟</a>
					<ul class="c-nav-hover">
						<li><a href="chanping.html">1982</a></li>
						<li><a href="chanping.html">1992</a></li>
					</ul>
				</li>
				<li><a href="">白酒</a>
					<ul class="c-nav-hover">
						<li><a href="chanping.html">雷司令</a></li>
						<li><a href="chanping.html">贵人香</a></li>
						<li><a href="chanping.html">李将军</a></li>
						<li><a href="chanping.html">长相思</a></li>
					</ul>
				</li>
			</ul>
		</div>

		<div class="con-pro">
			<div class="pro-hol">
				<div class="pro-img">
					<a href="#">
						<img src="images/chanpin/conlist-cp1.jpg" />
						<p>类型：葡萄酒<br>
							葡萄品种：唯代尔<br>
							酒精度：10.5%<br>
							产区：加拿大<br>
							等级：VQA<br>
							净含量：375ml<br><br>
							零售价：￥688
						</p>
					</a>
				</div>
				<div class="pro-til">
					<a href="#">82年法国葡萄酒</a>
				</div>
				<div class="pro-but">
					<button type="button" class="pro-but-ton">加入购物车</button>
				</div>
			</div>
			<div class="pro-hol">
				<div class="pro-img">
					<a href="#">
						<img src="images/chanpin/conlist-cp2.jpg" />
						<p>类型：葡萄酒<br>
							葡萄品种：唯代尔<br>
							酒精度：10.5%<br>
							产区：加拿大<br>
							等级：VQA<br>
							净含量：375ml<br><br>
							零售价：￥688
						</p>
					</a>
				</div>
				<div class="pro-til">
					<a href="#">82年法国葡萄酒</a>
				</div>
				<div class="pro-but">
					<button type="button" class="pro-but-ton">加入购物车</button>
				</div>
			</div>
			<div class="pro-hol">
				<div class="pro-img">
					<a href="#">
						<img src="images/chanpin/conlist-cp3.jpg" />
						<p>类型：葡萄酒<br>
							葡萄品种：唯代尔<br>
							酒精度：10.5%<br>
							产区：加拿大<br>
							等级：VQA<br>
							净含量：375ml<br><br>
							零售价：￥688
						</p>
					</a>
				</div>
				<div class="pro-til">
					<a href="#">82年法国葡萄酒</a>
				</div>
				<div class="pro-but">
					<button type="button" class="pro-but-ton">加入购物车</button>
				</div>
			</div>
			<div class="pro-hol">
				<div class="pro-img">
					<a href="#">
						<img src="images/chanpin/conlist-cp4.jpg" />
						<p>类型：葡萄酒<br>
							葡萄品种：唯代尔<br>
							酒精度：10.5%<br>
							产区：加拿大<br>
							等级：VQA<br>
							净含量：375ml<br><br>
							零售价：￥688
						</p>
					</a>
				</div>
				<div class="pro-til">
					<a href="#">82年法国葡萄酒</a>
				</div>
				<div class="pro-but">
					<button type="button" class="pro-but-ton">加入购物车</button>
				</div>
			</div>
		</div>
		<div class="con-pro">
			<div class="pro-hol">
				<div class="pro-img">
					<a href="#">
						<img src="images/chanpin/conlist-cp5.jpg" />
						<p>类型：葡萄酒<br>
							葡萄品种：唯代尔<br>
							酒精度：10.5%<br>
							产区：加拿大<br>
							等级：VQA<br>
							净含量：375ml<br><br>
							零售价：￥688
						</p>
					</a>
				</div>
				<div class="pro-til">
					<a href="#">82年法国葡萄酒</a>
				</div>
				<div class="pro-but">
					<button type="button" class="pro-but-ton">加入购物车</button>
				</div>
			</div>
			<div class="pro-hol">
				<div class="pro-img">
					<a href="#">
						<img src="images/chanpin/conlist-cp6.jpg" />
						<p>类型：葡萄酒<br>
							葡萄品种：唯代尔<br>
							酒精度：10.5%<br>
							产区：加拿大<br>
							等级：VQA<br>
							净含量：375ml<br><br>
							零售价：￥688
						</p>
					</a>
				</div>
				<div class="pro-til">
					<a href="#">82年法国葡萄酒</a>
				</div>
				<div class="pro-but">
					<button type="button" class="pro-but-ton">加入购物车</button>
				</div>
			</div>
			<div class="pro-hol">
				<div class="pro-img">
					<a href="#">
						<img src="images/chanpin/conlist-cp1.jpg" />
						<p>类型：葡萄酒<br>
							葡萄品种：唯代尔<br>
							酒精度：10.5%<br>
							产区：加拿大<br>
							等级：VQA<br>
							净含量：375ml<br><br>
							零售价：￥688
						</p>
					</a>
				</div>
				<div class="pro-til">
					<a href="#">82年法国葡萄酒</a>
				</div>
				<div class="pro-but">
					<button type="button" class="pro-but-ton">加入购物车</button>
				</div>
			</div>
			<div class="pro-hol">
				<div class="pro-img">
					<a href="#">
						<img src="images/chanpin/conlist-cp2.jpg" />
						<p>类型：葡萄酒<br>
							葡萄品种：唯代尔<br>
							酒精度：10.5%<br>
							产区：加拿大<br>
							等级：VQA<br>
							净含量：375ml<br><br>
							零售价：￥688
						</p>
					</a>
				</div>
				<div class="pro-til">
					<a href="#">82年法国葡萄酒</a>
				</div>
				<div class="pro-but">
					<button type="button" class="pro-but-ton">加入购物车</button>
				</div>
			</div>
		</div>
		<div class="con-pro">
			<div class="pro-hol">
				<div class="pro-img">
					<a href="#">
						<img src="images/chanpin/conlist-cp3.jpg" />
						<p>类型：葡萄酒<br>
							葡萄品种：唯代尔<br>
							酒精度：10.5%<br>
							产区：加拿大<br>
							等级：VQA<br>
							净含量：375ml<br><br>
							零售价：￥688
						</p>
					</a>
				</div>
				<div class="pro-til">
					<a href="#">82年法国葡萄酒</a>
				</div>
				<div class="pro-but">
					<button type="button" class="pro-but-ton">加入购物车</button>
				</div>
			</div>
			<div class="pro-hol">
				<div class="pro-img">
					<a href="#">
						<img src="images/chanpin/conlist-cp4.jpg" />
						<p>类型：葡萄酒<br>
							葡萄品种：唯代尔<br>
							酒精度：10.5%<br>
							产区：加拿大<br>
							等级：VQA<br>
							净含量：375ml<br><br>
							零售价：￥688
						</p>
					</a>
				</div>
				<div class="pro-til">
					<a href="#">82年法国葡萄酒</a>
				</div>
				<div class="pro-but">
					<button type="button" class="pro-but-ton">加入购物车</button>
				</div>
			</div>
			<div class="pro-hol">
				<div class="pro-img">
					<a href="#">
						<img src="images/chanpin/conlist-cp5.jpg" />
						<p>类型：葡萄酒<br>
							葡萄品种：唯代尔<br>
							酒精度：10.5%<br>
							产区：加拿大<br>
							等级：VQA<br>
							净含量：375ml<br><br>
							零售价：￥688
						</p>
					</a>
				</div>
				<div class="pro-til">
					<a href="#">82年法国葡萄酒</a>
				</div>
				<div class="pro-but">
					<button type="button" class="pro-but-ton">加入购物车</button>
				</div>
			</div>
			<div class="pro-hol">
				<div class="pro-img">
					<a href="#">
						<img src="images/chanpin/conlist-cp6.jpg" />
						<p>类型：葡萄酒<br>
							葡萄品种：唯代尔<br>
							酒精度：10.5%<br>
							产区：加拿大<br>
							等级：VQA<br>
							净含量：375ml<br><br>
							零售价：￥688
						</p>
					</a>
				</div>
				<div class="pro-til">
					<a href="#">82年法国葡萄酒</a>
				</div>
				<div class="pro-but">
					<button type="button" class="pro-but-ton">加入购物车</button>
				</div>
			</div>
		</div>


		<h3 class="lgtitl">知名红酒</h3>
		<div class="logobox">
			<div class="logob">
				<a href="#"><img src="images/con-ban1.png"></a>
				<a href="#"><img src="images/con-ban2.png"></a>
				<a href="#"><img src="images/con-ban3.png"></a>
				<a href="#"><img src="images/con-ban4.png"></a>
				<a href="#"><img src="images/con-ban5.png"></a>
			</div>
		</div>
		<footer>
			<div class="ft-cir">
			</div>

			<div class="ft-list">
				<ul>
					<li><a href="suggest.html">联系我们</a></li>
					<li><a href="company.html">公司简介</a></li>
					<li><a href="news.html">公司新闻</a></li>
					<select class="ft-selct">
						<option>友情链接</option>
						<option>翁丰统</option>
						<option>胡家俊</option>
						<option>张铭聪</option>
					</select>
				</ul>
				<p class="f-small">Copyright @ 2010-2016 木地酒庄有限公司 wengfengtong 更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</p>
				<p class="f-sj"><span>劝君更进一杯酒</span><br /><span>满韵香含唯此家</span></p>
			</div>
			<img src="images/foot-logo.jpg" style="margin-left: 50px;">

		</footer>
	</body>
</html>