master

分支 (1)

管理

管理

master

shiyan20
/
shiyan8-2.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
        <!-- 头部部分 -->
        <div class="wrap"></div>
        <!-- 顶部部分 -->
     <div class="top">
         <div class="content"></div>
             <div class="top_left">
             <img src="img/logo.png" alt="">
             <span>让批发更轻松</span>
             </div>
             <div class="top_mid">
                 <ul>
                     <li class="active"><a href="index.html">
                         <span>首页</span>
                       </a>
                       </li>
                     <li>
                         <a href="service.html">
                             <span>服务</span>
                           </a>
                     </li>
                     <li>
                       <a href="price .html">
                           <span>定价</span>
                       </a>
                     </li>
                     <li>
                         <a href="about.html">
                             <span>关于</span>
                         </a>
                     </li>
                 </ul>
             </div>
             <div class="top_right">
               <button>立即申请</button>


                 <span>123456789</span>
                 <img src="img/h24.png" alt="">


             </div>

     </div>
   </div>
     <!-- banner部分 -->
     <div class="banner">
         <div class="content">
             <div class="banner_left">
                 <h1>批发，从未如此轻松</h1>
                 <p>重新定义批发，为您连接所有客户<br>
                    拥抱移动互联网，助你生意再次腾飞
            </p>
            <button>申请免费试用</button>
             </div>
             <img src="img/p1.png" alt="">
         </div>
     </div>
     <!-- icon部分 -->
     <div class="icon">
         <div class="content">
             <ul>
                 <li>
                     <div class="icon_box">
                         <img src="img/p2.png" alt="">
                         <h3>掌握店铺</h3>
                         <p>
                          实时数据同步,了解店铺运营情况<br> 所有店铺状态,随时随地一手掌握
                         </p>

                     </div>
                   </li>
                   <li>
                       <div class="icon_box">
                           <img src="img/p3.png" alt="">
                           <h3>安全稳定</h3>
                           <p>
                            数据多重加密,确保安全<br>阿里云服务器,稳定无扰
                           </p>

                       </div>
                     </li>
                     <li>
                       <div class="icon_box">
                           <img src="img/p4.png" alt="">
                           <h3>无需网络</h3>
                           <p>
                            离线操作+在线数据同步，多点共用<br> 没有网络也不影响生意,全国唯一
                           </p>

                       </div>
                     </li>
                     <li>
                       <div class="icon_box">
                           <img src="img/p5.png" alt="">
                           <h3>专属网店</h3>
                           <p>
                            专属独立网商,防止对比<br>扫码才可以进入,拒绝伪版
                           </p>

                       </div>
                   </li>

             </ul>
         </div>
     </div>
     <!-- 优势部分 -->
     <div class="advantage">
         <div class="content">
             <div class="youshi_header">
                 <h2>三大优势<span>祝你生意腾飞</span></h2>
                 <p>我们所做的一切,只为你的生意更好</p>
             </div>
             <div class="youshi_body">
                 <div class="youshi_box">
                     <img src="img/p6.png" alt="">
                     <h3>你的独立网商</h3>
                     <span>即刻拥有你的专属网商平台,扫码访问让你的店铺在他的手心里</span>
                 </div>
               <div class="youshi_box">
                   <img src="img/p7.png" alt="">
                   <h3>你的独立网商</h3>
                   <span>即刻拥有你的专属网商平台,扫码访问让你的店铺在他的手心里</span>
               </div>
               <div class="youshi_box">
                   <img src="img/p8.png" alt="">
                   <h3>你的独立网商</h3>
                   <span>即刻拥有你的专属网商平台,扫码访问让你的店铺在他的手心里</span>
               </div>
           </div>
         </div>
     </div>
     <!-- 特征部分 -->
     <div class="feature">
         <div class="content">
             <div class="shop_header">
                 <span class="ac">云商店</span>
                 <span>进销存</span>
                 <span>商米v1</span>
             </div>
             <div class="shop_body">
                 <div class="shop_body_left">
                     <h2>你独有的网店<span>-轻松批云商店</span></h2>
                     <p>轻松批展示店专为批发商进行开发，让您拥有独立的、安全的展示空间,所有数据直接在APP上既可以进行编辑,提供全面的展示、交易、售后服务,为您的批发事业插上互联网的翅膀。</p>
                     <p>无限容量空间<br>一建生成二维码<br> 免费公众号服务</p>
                     <button>进入示范店铺</button>
             </div>
             <img src="img/p10.png" alt="">
         </div>
     </div>
</body>
</html>