2 Star 1 Fork 0

kbz / kbzgroup

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
Main.html 12.99 KB
一键复制 编辑 原始数据 按行查看 历史
kbz 提交于 2023-10-17 06:44 . update Main.html.
<!-- === SLIDER AREA START === -->
<div class="slider_2" style="background-image: url(static/images/home2bg.png);">
<div class="slider_2_shapes">
<img class="h2_shape4" src="static/picture/home_2_shape4.png" alt="" />
<img class="h2_sh_1 d-none d-sm-block" src="static/picture/bordershape.png" alt="">
<img class="h2_sh_2 d-none d-sm-block" src="static/picture/home2shape2.png" alt="">
<img class="h2_sh_3 d-none d-sm-block" src="static/picture/h2shap3.png" alt="">
<img class="h2_sh_4 d-none d-sm-block" src="static/picture/h2shape2.png" alt="">
<img class="h2_sh_5 d-none d-sm-block" src="static/picture/home_2_shape.png" alt="">
<img class="h2_sh_6 d-none d-sm-block" src="static/picture/home_2_shape7.png" alt="">
<img class="h2_sh_7 d-none d-sm-block" src="static/picture/border2shape.png" alt="">
</div>
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="slider_2_image">
<div class="home2_shapes">
<img class="h2_love" src="static/picture/loveshape.png" alt="loveShape" />
</div>
<img style="border-radius: 10px;box-shadow: 0 1px 6px 0 #f8f8f8;"
class="H2_iphonex d-sm-none d-md-block d-none d-sm-block" src="static/picture/H5Scan.png"
alt="soft" />
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="slider_2__content">
<h2 class="home2_title hero-title">简单、轻松构建您的专属餐饮应用。</h2>
<p style="letter-spacing: 1px;">快帮主,让您轻松告别繁琐、复杂的操作,只需简单、便捷的配置!<br /> 即可快速帮您构建专属您的餐饮应用。</p>
<div style="text-align: center;position: relative;">
<img class="d-sm-none d-md-block d-none d-sm-block" src="static/picture/myscan.jpg" alt="soft"
style="position: absolute;top:50%;left: 32%;background: #fff;padding: 10px;width: 210px;" />
<img class="d-md-none d-sm-block" src="static/picture/myscan.jpg" alt="soft"
style="position: absolute; top: -31px;left: 29%;background: #fff;padding: 10px; width: 150px;" />
</div>
<div style="text-align: center;margin: 45% 0 0 0;">
<a class="d-sm-none d-md-inline-block d-none d-sm-inline-block tp_white_border" target="_blank"
style="letter-spacing: 10px;font-weight: bolder;"
href="weixin://dl/businessWebview/link/?appid=appid&url=baidu.com">立即咨询</a>
<a class="d-md-none d-sm-block tp_white_border" target="_blank"
style="letter-spacing: 1px;font-weight: bolder;"
href="weixin://dl/businessWebview/link/?appid=appid&url=baidu.com">立即咨询</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- === SLIDER AREA END === -->
<!-- === HOME-2 FETURES AREA START === -->
<div class="fetures2 pt-115 pb-90">
<div class="container">
<div class="section_title_wrapper mb-60 text-center fetures2">
<h2 class="section-title">快速、便捷、安全,全程为您提供有效保障!</h2>
<p>严格的数据安全、便捷的模块配置、多维度的营销方案以及不同设备端的展现,让您的餐饮应用变得如此简单。</p>
</div>
<div class="row">
<div class="col-xl-3 col-lg-3 col-md-6">
<div class="featurebox2 mb-30 wow fadeInUp" data-wow-duration="2s" data-wow-delay=".2s">
<div class="featurebox2__img">
<img src="static/picture/s_safe.png" alt="" />
</div>
<div class="featurebox2__content">
<h3 class="fea-title">数据安全</h3>
<p>严格的数据安全处理,为您提供全方面的保障和护航。</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6">
<div class="featurebox2 mb-30 wow fadeInUp" data-wow-duration="2s" data-wow-delay=".2s">
<div class="featurebox2__img gradientorange">
<img src="static/picture/s_option.png" alt="" />
</div>
<div class="featurebox2__content">
<h3 class="fea-title">便捷配置</h3>
<p>通过模块化的设计,0基础也可快速配置专属您的个性应用。</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6">
<div class="featurebox2 mb-30 wow fadeInUp" data-wow-duration="2s" data-wow-delay=".2s">
<div class="featurebox2__img gradientbrwon">
<img src="static/picture/s_active.png" alt="" />
</div>
<div class="featurebox2__content">
<h3 class="fea-title">灵活营销</h3>
<p>商品分销、抢购秒杀、优惠券等多种营销方案,让营销更简单。</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6">
<div class="featurebox2 mb-30 wow fadeInUp" data-wow-duration="2s" data-wow-delay=".2s">
<div class="featurebox2__img gradientgreen">
<img src="static/picture/s_device.png" alt="" />
</div>
<div class="featurebox2__content">
<h3 class="fea-title">多端引流</h3>
<p>同时在小程序、APP、H5等多端呈现,获取客户无处不在。</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- === HOME-2 FETURES AREA END === -->
<!-- === HOME-2 APP DETAILS START === -->
<div class="app_details_h2">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="app_images_h2 wow fadeInUp" data-wow-duration="2s" data-wow-delay=".4s">
<img class="bgphone d-none d-sm-block" src="static/picture/bgphone.png" alt="bighphone.png" />
<div class="shape_design_h2">
<img style="border-radius: 10px;box-shadow: 0 1px 6px 0 #d1cece;"
class="home2FlatIphone_h2 d-none d-sm-block"
src="static/picture/H5MyOrd.jpg"
alt="smalllove.png">
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-12 d-flex align-items-center">
<div class="details_content_h2 pl-100 wow fadeInUp" data-wow-duration="2s" data-wow-delay=".2s">
<h2 class="section-title mb-20">小程序、手机APP,多端引流</h2>
<p style="letter-spacing: 1px;">
从多端展现您的数据信息,让您的产品获得更多的曝<br />光机会,从而获取不同渠道的客户源,真正做到客户<br />来源无处不在。
</p>
<a class="fea-link fea-link-two" href="weixin://dl/businessWebview/link/?appid=appid&url=baidu.com"
style="color: #4c94f5; border: solid #4c94f5 1px; padding: 8px; border-radius: 4px;">
立即咨询<i class="fal fa-arrow-right" style="color:#4c94f5 ;"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- === HOME-2 PAY AREA START === -->
<div class="pay_area mb-75">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="details_content_h2 pt-200 wow fadeInUp" data-wow-duration="2s" data-wow-delay=".2s">
<h2 class="section-title mb-20 pt-50">简便的模块化设计,让数据维护<br />也可以如此简单</h2>
<p style="letter-spacing:1px;">我们通过全新的模块化设计概念。让0基础的您,也可以<br />快速构建出专属您的餐饮应用。</p>
<a class="fea-link fea-link-two" href="weixin://dl/businessWebview/link/?appid=appid&url=baidu.com"
style="color: #4c94f5; border: solid #4c94f5 1px; padding: 8px; border-radius: 4px;">
立即咨询<i class="fal fa-arrow-right" style="color:#4c94f5 ;"></i>
</a>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="Pay_images pt-130 wow fadeInUp" data-wow-duration="2s" data-wow-delay=".2s">
<img class="pay_shape1 d-none d-sm-block" style="box-shadow: 0px 3px 20px #dcdcdc;"
src="static/picture/餐桌信息.png" alt="pay_image" />
<img class="pay_shape2 d-none d-sm-block" style="top: 28%;left: 55%;border-radius: 10px;box-shadow: 0px 3px 20px #dcdcdc;"
src="static/picture/tabScanpng.png" alt="pay_image">
<img class="pay_shape3 d-none d-sm-block" src="static/picture/circle1.png" alt="pay_image" />
<img class="pay_shape4 d-md-none d-lg-block d-none d-sm-block" src="static/picture/polygon1.png"
alt="pay_image" />
</div>
</div>
</div>
</div>
</div>
<!-- === HOME-2 PAY AREA END === -->
<!-- === HOME-2 PURCHES AREA START === -->
<div class="purches-area pt-75">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="section_title_wrapper purches">
<h2 class="section-title purches_heading">丰富灵活的营销方案</h2>
<p style="letter-spacing:1px;">商品分销、抢购秒杀、优惠券等多种营销方案,多样化的营销策略给您带来更多产品流量与销量订单。</p>
<div class="row g-0 pt-20">
<div class="col-xl-4 col-md-4 col-md-4 col-sm-4">
<div class="purches_btn" title="在线查看演示版">
<a href="https://haokan.baidu.com/v?vid=4796214942877064016">
<i class="fas fa-share" style="font-size: 20px;padding-top: 16px;"></i>
</a>
<div class="purches_text">
<a href="https://haokan.baidu.com/v?vid=4796214942877064016" style="letter-spacing:2px;line-height: 2.5;">
查看演示版
</a>
</div>
</div>
</div>
<div class="col-xl-4 col-md-4 col-md-4 col-sm-4">
<div class="purches_btn btn_outline" title="咨询更多详情信息">
<a href="#">
<img src="static/picture/forma-user-headset.png"
style="position: absolute;top: 17px;left: 34px;" />
</a>
<div class="purches_text purches2">
<a href="weixin://dl/businessWebview/link/?appid=appid&url=baidu.com"
style="letter-spacing:2px;line-height: 2.5;padding-left: 15px;">立即咨询</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="pay_image d-sm-none d-md-block d-none d-sm-block">
<img src="static/picture/pay.png" alt="pay_image" />
</div>
</div>
</div>
</div>
</div>
<!-- === HOME-2 PURCHES AREA END === -->
<!-- === HOME-2 USER EXPERIENCE AREA START === -->
<div class="experience_area">
<div class="container">
<div class="section_title_wrapper text-center mb-70 mt-50">
<h2 class="section-title">覆盖众多产品领域,产品的独特性质,由您来定义 </h2>
<p style="text-align: center;">灵活、创新的平台架构模式,快速帮您抢占专属产品领域市场,帮您最大化获取更多的产品利润和价值空间。</p>
</div>
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="service">
<div class="service__icon">
<img src="static/picture/s_shopping.png" alt="service_image" />
</div>
<div class="service__content">
<h4>商品零售</h4>
<p style="letter-spacing: 1px;">线上发行商品,及时悉知销售数据<br />动态,让您的营销做到运筹帷幄。</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="service">
<div class="service__icon">
<img src="static/picture/s_weixin.png" alt="service_image" />
</div>
<div class="service__content">
<h4>微商城</h4>
<p>以微信小程序、公众号为载体,快速让您<br />吸引到更多的订单资源。</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="service">
<div class="service__icon">
<img src="static/picture/s_video2.png" alt="service_image" />
</div>
<div class="service__content">
<h4>直播营销</h4>
<p>加大您与顾客之间互动、交流,加<br />深等多的顾客回顾率。</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="service">
<div class="service__icon">
<img src="static/picture/s_layer2.png" alt="service_image" />
</div>
<div class="service__content">
<h4>多级分销</h4>
<p>让您的产品营销模式,不在一层不<br />变,快速占领更多的市场份额。</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="service">
<div class="service__icon">
<img src="static/picture/s_active1.png" alt="service_image" />
</div>
<div class="service__content">
<h4>活动推广</h4>
<p>组团、抢购秒杀、优惠券等众多推<br />广模式,提高产品展现空间。</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="service">
<div class="service__icon">
<img src="static/picture/s_sys.png" alt="service_image" />
</div>
<div class="service__content">
<h4>灵活架构</h4>
<p>简单易懂的模块化操作设计,极大<br />的缩短您的学习成本。</p>
</div>
</div>
</div>
</div>
</div>
</div>
HTML
1
https://gitee.com/kbzapp/kbzgroup.git
git@gitee.com:kbzapp/kbzgroup.git
kbzapp
kbzgroup
kbzgroup
master

搜索帮助