项目布局

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>&bull; 爆款特卖</span>
            </div>
            <div class="b2">
                <a href="#">点击查看更多&raquo;</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>&bull; 品质好茶</span>
            </div>
        </div>
        <div class="gline">
            <div class="b2">
                <span>绿茶</span>
            </div>
            <div class="b3">
                <a href="#">点击查看更多&raquo;</a>
            </div>
        </div>
        <div class="lc">
            <div class="lc1">
                <a href="#"><img src="images/1-6597-78.png">
                <p>一级 &bull; 碧螺春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>一级 &bull; 碧螺春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>一级 &bull; 碧螺春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>一级 &bull; 碧螺春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>一级 &bull; 碧螺春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="#">点击查看更多&raquo;</a>
            </div>
        </div>
            <div class="lc">
            <div class="lc1">
                <a href="#"><img src="images/1-6597-78.png">
                <p>一级 &bull; 碧螺春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>一级 &bull; 碧螺春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>一级 &bull; 碧螺春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>一级 &bull; 碧螺春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>一级 &bull; 碧螺春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>
上一篇下一篇

猜你喜欢

热点阅读