项目布局
2018-11-04 本文已影响0人
isMyNickName
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<title>趣呵茶茶叶茶具保健茶和茶网-铁观音-普洱茶-原产地%20好品牌-网上购茶首选</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div class="header">
<img src="images/toppic.png">
</div>
<div class="header1">
<div class="href1">
<div class="f1">
<a href="register.html" target="_blank">免费注册</a>
<a href="login.html" target="_blank">登陆</a>
</div>
<div class="fr">
<a href="#" target="_blank">
<i class="order"><img src="images/order.png" /></i> 我的订单
</a>
<i class="wx"><img src="images/wx.png" /></i> <span>服务热线:400-8899-379</span>
</div>
</div>
</div>
<div class="header2">
<div class="href1">
<div class="logo"><a href="index.html" target="_blank"><img src="images/logo.png" /></a></div>
<div class="f1 brand"><img src="images/brand.gif" /></div>
<div class="f1 search">
<input type="text" id="textSearch" value=""><i><img src="images/search.png"></i>
</div>
<div class="fr shopping"><a href="cart.html">购物车</a></div>
</div>
</div>
<div class="menu">
<div class="menu1"><a href="#"><span>全部分类</span></a></div>
<div class="menu2">
<ul type="none">
<li><a href="#"><span>智能茶饮机</span></a></li>
<li><a href="#"><span>茶饮机专用茶</span></a></li>
<li><a href="#"><span>自饮茶</span></a></li>
<li><a href="#"><span>礼品茶</span></a></li>
<li><a href="#"><span>招商</span></a></li>
<li><a href="#"><span>社区</span></a></li>
<li><a href="#"><span>服务热线:400-8899-379</span></a></li>
</ul>
</div>
</div>
<!--轮播图-->
<div class="lunbo">
<a href="#"><img src="images/lb01.jpg"></a>
</div>
<div class="teaserver">
<a href="#"><img src="images/pic1.png" /></a>
<a href="#"><img src="images/pic1.png" /></a>
<a href="#"><img src="images/pic1.png" /></a>
<a href="#"><img src="images/pic1.png" /></a>
</div>
<div class="rline">
<div class="b1">
<span>• 爆款特卖</span>
</div>
<div class="b2">
<a href="#">点击查看更多»</a>
</div>
</div>
<div class="temai">
<div class="temai1">
<a href="#"><img src="images/1-6051.png" /></a>
</div>
<div class="temai1">
<a href="#"><img src="images/1-6051.png" /></a>
</div>
<div class="temai1">
<a href="#"><img src="images/1-6051.png" /></a>
</div>
<div class="temai1">
<a href="#"><img src="images/1-6051.png" /></a>
</div>
<div class="temai2">
<a href="#"><img src="images/1-6051.png" /></a>
</div>
</div>
<div class="gline">
<div class="b1">
<span>• 品质好茶</span>
</div>
</div>
<div class="gline">
<div class="b2">
<span>绿茶</span>
</div>
<div class="b3">
<a href="#">点击查看更多»</a>
</div>
</div>
<div class="lc">
<div class="lc1">
<a href="#"><img src="images/1-6597-78.png">
<p>一级 • 碧螺春70g</p>
<p><span class="price-prev">¥45</span><span class="price-next">¥138.00</span></p></a>
</div>
<div class="lc1">
<a href="#"><img src="images/1-6597-78.png">
<p>一级 • 碧螺春70g</p>
<p><span class="price-prev">¥45</span><span class="price-next">¥138.00</span></p></a>
</div>
<div class="lc1">
<a href="#"><img src="images/1-6597-78.png">
<p>一级 • 碧螺春70g</p>
<p><span class="price-prev">¥45</span><span class="price-next">¥138.00</span></p></a>
</div>
<div class="lc1">
<a href="#"><img src="images/1-6597-78.png">
<p>一级 • 碧螺春70g</p>
<p><span class="price-prev">¥45</span><span class="price-next">¥138.00</span></p></a>
</div>
<div class="lc1">
<a href="#"><img src="images/1-6597-78.png">
<p>一级 • 碧螺春70g</p>
<p><span class="price-prev">¥45</span><span class="price-next">¥138.00</span></p></a>
</div>
</div>
<div class="gline">
<div class="b2">
<span>乌龙茶</span>
</div>
<div class="b3">
<a href="#">点击查看更多»</a>
</div>
</div>
<div class="lc">
<div class="lc1">
<a href="#"><img src="images/1-6597-78.png">
<p>一级 • 碧螺春70g</p>
<p><span class="price-prev">¥45</span><span class="price-next">¥138.00</span></p></a>
</div>
<div class="lc1">
<a href="#"><img src="images/1-6597-78.png">
<p>一级 • 碧螺春70g</p>
<p><span class="price-prev">¥45</span><span class="price-next">¥138.00</span></p></a>
</div>
<div class="lc1">
<a href="#"><img src="images/1-6597-78.png">
<p>一级 • 碧螺春70g</p>
<p><span class="price-prev">¥45</span><span class="price-next">¥138.00</span></p></a>
</div>
<div class="lc1">
<a href="#"><img src="images/1-6597-78.png">
<p>一级 • 碧螺春70g</p>
<p><span class="price-prev">¥45</span><span class="price-next">¥138.00</span></p></a>
</div>
<div class="lc1">
<a href="#"><img src="images/1-6597-78.png">
<p>一级 • 碧螺春70g</p>
<p><span class="price-prev">¥45</span><span class="price-next">¥138.00</span></p></a>
</div>
</div>
<div class="bot">
<div class="f1">
<img src="images/f1.png">
</div>
<div class="f2">
<img src="images/f2.png">
</div>
<div class="f3">
<img src="images/f3.png">
</div>
<div class="f4">
<img src="images/f4.png">
</div>
<div class="bot-text">
<ul>
<li>
<p>100%原产地茶</p>
<p><a href="#">公用机型</a></p>
<p><a href="#">现调机型</a></p>
<p><a href="#">自助售卖机</a></p>
</li>
<li>
<p>新手上路</p>
<p><a href="#">如何付款</a></p>
<p><a href="#">配送说明</a></p>
</li>
<li>
<p>支付方式</p>
<p><a href="#">支付方式</a></p>
<p><a href="#">在线支付介绍</a></p>
<p><a href="#">汇款单招领</a></p>
</li>
<li>
<p>服务支持</p>
<p><a href="#">售后服务</a></p>
<p><a href="#">常见问题</a></p>
<p><a href="#">发票说明</a></p>
</li>
<li>
<p>关于和茶</p>
<p><a href="#">公司简介</a></p>
<p><a href="#">文化理念</a></p>
<p><a href="#">联系我们</a></p>
</li>
<li>
<p>服务热线:</p>
<p><a href="#">400-8899-379</a></p>
<p>周一至周日 9:00-21:00</p>
<p>(仅收市话费)</p>
</li>
</ul>
</div>
</div>
<div class="foot">
<div class="ff">
<p>Copyright 2009-2017 hecha.cn All Rights Reserved.闽10202223-1号 营业执照 经营证照</p>
<p>福建和茶网络科技有限公司 版权所有 并保留所有权利禁止非法复制</p>
</div>
<div class="ff1">
<img src="images/f7.png">
</div>
<div class="ff2">
<img src="images/f5.png"><img src="images/f6.png">
</div>
</div>
</body>
</html>