ytd-html5
/
team-flower.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/team-flower.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <title>Document</title>
</head>

<body>
    <div class="site-nav">
        <div class="container site-nav-top">
            <ul class="site-nav-left">
                <li class="item" style="padding-left: 0;">
                    <a href="">
                        <span class="left-tag"></span>
                        收藏花礼网(hua.com)
                    </a>
                </li>
                <li class="item display rel-1">
                    <a href="">
                        <span class="left-tag1"></span>
                        关注微信
                    </a>
                    <div class="position psi-1">
                        <img width="124" src="https://img02.hua.com/pc/pimg/home/wxguanjia_qrcode.png" alt="">
                        <p>扫码关注</p>
                        <span>回复"礼物" 更多惊喜！</span>
                    </div>
                </li>
                <li class="item display rel-1">
                    <a href="">
                        <span class="left-tag2"></span>
                        花礼网app
                    </a>
                    <div class="position psi-1" style="height: 184px;">
                        <img width="124" src="https://img02.hua.com/pc/pimg/home/app_download_qrcode.png" alt="">
                        <p>新人专享100元APP礼包</p>
                    </div>
                </li>
            </ul>
            <ul class="site-nav-right">
                <li class="item " style="display: flex ;">
                    <a href="">
                        您好，请登录
                    </a>
                    <a href="" style="margin-left: 10px;">
                        注册
                    </a>
                </li>
                <li class="item">
                    <a href="">
                        订单查询
                    </a>
                </li>

                <li class="item display white">
                    <a href="">
                        客户服务
                        <span class="tags"></span>
                    </a>
                    <div class="position psi-2">
                        <p class="tag">在线付款</p>
                        <p class="tag">帮助中心</p>
                        <p class="tag">售后服务</p>
                        <p class="tag">配送范围</p>
                        <p class="tag">留言反馈</p>
                    </div>
                </li>
                <li class="item display">
                    <a href="">
                        购物车<span class="zero">(0)</span>
                    </a>


                </li>
                <li class="item">
                    <a href="">
                        鲜花礼品网:国内领先鲜花网品牌
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="header">
        <div class="container header-top">
            <div class="log">

            </div>
            <div class="serch">
                <div class="serch-top">
                    <span class="iconfont icon-dianhua"></span>
                    <input type="text" name="" id="" placeholder="商品关键词">
                    <button class="serch-button">
                        搜索
                    </button>
                </div>

            </div>
            <ul class="header-right">
                <li class="tel">
                    <span class="iconfont icon-dianhua"></span>
                    400-889-8188
                </li>
                <li class="pi">
                    |
                </li>
                <li class="off">
                    <span class="iconfont icon-kefu"></span>
                    <span>在线客服</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="nav">
        <img width="599" height="52" src="https://img02.hua.com/images/qiyetuangou/pc_group_nav_bg.png" alt="">
        <ul class="nav-list">
            <li class="nav-item">
                <a href="./team.html">首页</a>
            </li>
            <li class="nav-item active">
                <a href="./team-flower.html">团购鲜花</a>
            </li>
            <li class="nav-item">
                <a href="./gift-card.html">礼品卡</a>
            </li>
            <li class="nav-item">
                <a href="./cooperation.html">商务合作</a>
            </li>
        </ul>
    </div>
    <div class="roration">
        <img src="https://img02.hua.com/images/qiyetuangou/pc_group_flower.jpg" alt="">
    </div>
    <div class="bodys-first bodys-color">
        <div class="container">
            <div class="bodys-one">
                <div class="bodys-top">
                    <span class="left"></span>
                    <span class="title">团购专享鲜花</span>
                    <span class="right"></span>
                </div>
                <ul class="two-box">
                    <li class="one-item">
                        <div class="flower-img">
                            <img width="282" src="https://img01.hua.com/uploadpic/newpic/9010011.jpg" alt="">
                        </div>
                        <div class="flower-desc">
                            <div class="desc-top">
                                <span class="h3">幸运100%--红色太阳花2枝，粉紫色康乃馨2枝，粉紫色多头泡泡玫瑰1枝</span>
                                <span>时间，会沉淀最真的情感；风雨，会考验最暖的陪伴！</span>
                            </div>
                            <div class="desc-bot">
                                <span class="price">￥113</span>
                                <span class="count">五束起订</span>
                            </div>
                        </div>
                    </li>
                    <li class="one-item">
                        <div class="flower-img">
                            <img width="282" src="https://img01.hua.com/uploadpic/newpic/9012330.jpg" alt="">
                        </div>
                        <div class="flower-desc">
                            <div class="desc-top">
                                <span class="h3">芳华·粉百合1枝，卡罗拉玫瑰2枝</span>
                                <span>火红的扶郎多么绚烂、多么生机勃勃，那是带给你的小幸运!</span>
                            </div>
                            <div class="desc-bot">
                                <span class="price">￥113</span>
                                <span class="count">五束起订</span>
                            </div>
                        </div>
                    </li>
                    <li class="one-item">
                        <div class="flower-img">
                            <img width="282" src="https://img01.hua.com/uploadpic/newpic/9012329.jpg" alt="">
                        </div>
                        <div class="flower-desc">
                            <div class="desc-top">
                                <span class="h3">浅浅的温柔--粉佳人玫瑰2枝，粉色康乃馨2枝</span>
                                <span>阳光下的晴朗世界，那温柔的春风已苏醒！</span>
                            </div>
                            <div class="desc-bot">
                                <span class="price">￥113</span>
                                <span class="count">五束起订</span>
                            </div>
                        </div>
                    </li>
                    <li class="one-item">
                        <div class="flower-img">
                            <img width="282" src="https://img01.hua.com/uploadpic/newpic/9012328.jpg" alt="">
                        </div>
                        <div class="flower-desc">
                            <div class="desc-top">
                                <span class="h3">和煦的阳光--向日葵1枝，尤加利果2小枝</span>
                                <span>温暖和煦的阳光，欢快的心情，还有最美丽的你。</span>
                            </div>
                            <div class="desc-bot">
                                <span class="price">￥113</span>
                                <span class="count">五束起订</span>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="bodys-first">
        <div class="container third-row">
            <div class="third-left">
                <img width="282" src="https://img02.hua.com/images/qiyetuangou/pc_flower_card.png" alt="">
                <div class="title">
                    <h3><span></span>定制贺卡签名</h3>
                    <p>提供精美纸质贺卡<br>
                        支持定制贺卡签名及logo</p>
                </div>
            </div>
            <div class="third-left third-right">
                <img width="282" src="https://img02.hua.com/images/qiyetuangou/pc_flower_recevied.png" alt="">
                <div class="title">
                    <h3><span></span>短信签收提醒</h3>
                    <p>订单签收短信提醒<br>
                        配送无忧</p>
                </div>
            </div>
        </div>
    </div>
    <div class="bodys-first bodys-color">
        <div class="container">
            <div class="bodys-one">
                <div class="bodys-top">
                    <span class="left"></span>
                    <span class="title">人气团购商品推荐</span>
                    <span class="right"></span>
                </div>
                <ul class="two-box">
                    <li class="one-item">
                        <div class="flower-img">
                            <img width="282" src="https://img01.hua.com/uploadpic/newpic/9012331.jpg" alt="">
                        </div>
                        <div class="flowers-desc">
                            <span>一心一意-玫瑰11枝，粉色勿忘我0.3扎</span>
                            <p>花礼价<span>￥165</span></p>
                        </div>
                    </li>
                    <li class="one-item">
                        <div class="flower-img">
                            <img width="282" src="https://img01.hua.com/uploadpic/newpic/9012330.jpg" alt="">
                        </div>
                        <div class="flowers-desc">
                            <span>一心一意-玫瑰11枝，粉色勿忘我0.3扎</span>
                            <p>花礼价<span>￥165</span></p>
                        </div>
                    </li>
                    <li class="one-item">
                        <div class="flower-img">
                            <img width="282" src="https://img01.hua.com/uploadpic/newpic/9012092.jpg" alt="">
                        </div>
                        <div class="flowers-desc">
                            <span>一心一意-玫瑰11枝，粉色勿忘我0.3扎</span>
                            <p>花礼价<span>￥165</span></p>
                        </div>
                    </li>
                    <li class="one-item">
                        <div class="flower-img">
                            <img width="282" src="https://img01.hua.com/uploadpic/newpic/9012471.jpg" alt="">
                        </div>
                        <div class="flowers-desc">
                            <span>一心一意-玫瑰11枝，粉色勿忘我0.3扎</span>
                            <p>花礼价<span>￥165</span></p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="bodys-button">
        <div class="container">
            <div class="button">
                <span class="iconfont icon-kefu"></span>
                联系我们获得团购价
            </div>
        </div>
    </div>
    <div class="bodys-first">
        <div class="container">
            <div class="bodys-one">
                <div class="bodys-top">
                    <span class="left"></span>
                    <span class="title">团购流程</span>
                    <span class="right"></span>
                </div>
                <div style="margin-top: 24px;">
                    <img width="1200" src="https://img02.hua.com/images/qiyetuangou/pc_group_step.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <ul class="footer-list">
                <li class="footer-items">首页</li>

                <li class="footer-item">关于我们</li>

                <li class="footer-item">媒体报道</li>

                <li class="footer-item">联系方式</li>

                <li class="footer-item">企业团购</li>

                <li class="footer-item">花店入驻</li>

                <li class="footer-item">友情链接</li>

                <li class="footer-item">在线补款</li>

                <li class="footer-item">为什么选择花礼网</li>
            </ul>
            <p class="auth">
                <a href="">中国花卉协会会员</a>
                <a href="">中国电子商务协会会员 ICP经营许可证：</a>
                <a href="">粤B2-20050744</a>
                <b>|</b>
                <a href="">粤ICP备09171662号</a>
                <a href="">粤公网安备44030502000373号 Copyright © 2005-2022</a>
            </p>
            <p>
                花礼网 （鲜花礼品网）
                <a href="">www.hua.com</a>
                <span> 深圳市百易信息技术有限公司</span>
                特色礼品-巧克力
            </p>
            <div class="">
                <img width="212" src="https://img02.hua.com/pc/assets/img/slogan.png" alt="">
                <img width="150" src="https://img02.hua.com/pc/assets/img/100.jpg" alt="">
                <img width="35" src="https://img02.hua.com/pc/assets/img/bico1.jpg" alt="">
                <img width="35" src="https://szcert.ebs.org.cn/Images/govIcon.gif" alt="">
            </div>
        </div>
    </div>
    <div class="fix-right">
        <ul class="fix-list">
            <li class="item fix-relavate">
                <i></i>
                <div class="fix-posi">
                    <div class="posi-top">
                        <img width="80" src="https://img02.hua.com/pc/assets/img/mbar/avatar_none.jpg" alt="">
                        <p>您好！ <span>请登录</span> | <span>注册</span></p>
                    </div>
                    <div class="posi-bottom">
                        <span class="posi-tag"></span>
                        我的订单
                    </div>
                    <i class="arrow"></i>
                </div>
            </li>
            <li class="items">
                <i></i>
                <span class="shop-ic">购物车</span>
                <span class="cracle">0</span>
            </li>
            <li class="item fix-relavate">
                <i></i>
                <div class="fix-posi2">
                    我的收藏
                    <span class="posi2-tag"></span>
                </div>
            </li>
            <li class="item fix-relavate">
                <i></i>
                <div class="fix-posi2">
                    最近查看
                    <span class="posi2-tag"></span>
                </div>
            </li>
            <li class="item fix-relavate">
                <i></i>
                <div class="fix-posi2">
                    400-889-8188
                    <span class="posi2-tag"></span>
                </div>
            </li>
            <li class="item fix-relavate">
                <i></i>
                <div class="fix-posi2">
                    在线客服
                    <span class="posi2-tag"></span>
                </div>
            </li>
        </ul>
        <div class="fix-bot">
            <ul class="fix-bot-list">
                <li class="bot-item fix-relavate">
                    <i></i>
                    <div class=" fix-posi3">
                        <div class="flex">
                            <p>
                                <img width="110" src="https://img02.hua.com/pc/pimg/home/wxguanjia_qrcode.png" alt="">
                                关注微信公众号
                            </p>
                            <p>
                                <img width="110" src="https://img02.hua.com/pc/pimg/home/app_download_qrcode.png"
                                    alt="">
                                下载花礼APP
                            </p>
                        </div>
                        <span class="posi2-tag"></span>
                    </div>
                </li>
                <li class="bot-item fix-relavate">
                    <i></i>
                    <div class="fix-posi2">
                        功能反馈
                        <span class="posi2-tag"></span>
                    </div>
                </li>
                <li class="bot-item">
                    <i></i>
                </li>
            </ul>
        </div>
    </div>
    <div class="fix-info">
        <p class="title">联系方式</p>
        <div>
            <span class="person">联系人：</span>
            <span class="tel">胡小姐</span>
        </div>
        <div>
            <span class="person">电话：</span>
            <span class="tel">13392860672</span>
        </div>
        <div>
            <span class="person">QQ：</span>
            <span class="tel">2355363606</span>
        </div>
        <div>
            <span class="person">微信：</span>
            <span class="tel">hua_business</span>
        </div>
        <p> <img width="88" src="https://img02.hua.com/images/qiyetuangou/qr_code.png" alt="">
        </p>

        <p>微信扫码加我立刻咨询</p>
    </div>
    <div class="fix-bottom">
        <span class="left"></span>
        <span class="right">咨询客服</span>
    </div>
</body>

</html>