index.html 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <title>万吉商城</title>
  7. <meta http-equiv="x-ua-compatible" content="ie=edge">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9. <meta name="description" content="We craft awesome Bootstrap themes for free and share selected resources for web designer &amp; developer. Download Free HTML themes for Bootstrap" />
  10. <link href="img/mobiapp_logo_96dp.png" rel="apple-touch-icon" sizes="96x96">
  11. <link href="img/mobiapp_logo_96dp.png" rel="icon" sizes="96x96" type="image/png">
  12. <link href="img/mobiapp_logo_32dp.png" rel="icon" sizes="32x32" type="image/png">
  13. <meta content="img/mobiapp_logo_96dp.png" name="msapplication-TileImage">
  14. <meta property="og:title" content="Mobiapp - Mobile App Free Bootstrap Template " />
  15. <meta property="og:locale" content="en_IN" />
  16. <meta name="twitter:card" content="summary" />
  17. <meta name="twitter:site" content="BoostrapTheme" />
  18. <meta name="twitter:creator" content="BoostrapTheme" />
  19. <link rel="stylesheet" href="https://www.jq22.com/jquery/font-awesome.4.7.0.css">
  20. <link rel="stylesheet" href="https://www.jq22.com/jquery/font-awesome-5.15.2.all.css">
  21. <link rel="stylesheet" href="device-mockups/device-mockups.min.css">
  22. <link rel="stylesheet" href="css/owl.carousel.min.css">
  23. <link rel="stylesheet" href="css/owl.theme.default.min.css">
  24. <link rel="stylesheet" href="css/animate.min.css">
  25. <link rel="stylesheet" href="css/app.css">
  26. <script src="js/jquery.min.js"></script>
  27. <script> $(window).on('load', function(){ $(".loader").fadeOut(2000); }); </script>
  28. </head>
  29. <body>
  30. <!-- <div class="loader"></div> -->
  31. <!-- NAVIGATION
  32. ==============-->
  33. <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
  34. <div class="container">
  35. <a class="navbar-brand js-scroll-trigger" href="index.html#home" ><img src="img/logo/wj.png" alt="" class="img-fluid"><span style="color: #FFFFFF; font-size: 18px; padding-left: 10px; ">万吉商城App</span></a>
  36. <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
  37. 菜单
  38. <i class="fas fa-bars"></i>
  39. </button>
  40. <div class="collapse navbar-collapse" id="navbarResponsive">
  41. <ul class="navbar-nav text-uppercase ml-auto">
  42. <li class="nav-item">
  43. <a class="nav-link js-scroll-trigger" href="#contact">联系我们</a>
  44. </li>
  45. <li class="nav-item">
  46. <a class="nav-link js-scroll-trigger" href="#download">立即下载</a>
  47. </li>
  48. </ul>
  49. </div>
  50. </div>
  51. </nav>
  52. <!--APP HEADER
  53. ================-->
  54. <section class="masthead" >
  55. <div class="container h-100" >
  56. <div class="row h-100">
  57. <div class="col-lg-7 my-auto">
  58. <div class="header-content mx-auto animated wow zoomIn" data-wow-duration="0.3s" data-wow-delay=".1s">
  59. <h2 class="mx-auto" >万吉商城App</h2>
  60. <h4 style="margin-bottom: 20px;">连接和成长您的业务</h4>
  61. <div id="">
  62. 万吉商城,是集一站式、仓储式及市场批发销售的生活用品供应商,公司拥有专业的电子商务团队、物流配送团队及完善的售后服务,公司为了能更好的服务众多客户,在2021年经过多方位考量,扩大营业面积提升购物体验,本着便捷,优惠,高效的六字方针持续为新老客户提供更优质的产品和后续服务。
  63. 我们坚持“让生活,更美好!”的理念,搭建便捷、放心的一站式购物平台,减少中间环节,深受每位客户的好评。相信细节决定成败,服务创造价值。多年来,公司团队通过不懈的努力诚信经营,以优质的服务与产品价格优势,赢得更多企业的信赖。
  64. 万吉商城以产品的质量、专业的服务和优良的口碑,与多家知名企业成为战略性合作伙伴,致力打造于便捷的清洁用品供应商。
  65. </div>
  66. <a href="#download"><button class="btn btn-white mt-4 py-2 px-3 ">立即下载<i class="fas fa-arrow-alt-circle-down"></i></button></a>
  67. </div>
  68. </div>
  69. <div class="col-lg-5 my-auto">
  70. <div class="device-container">
  71. <div class="device-mockup iphone6_plus portrait white animated wow bounceInUp" data-wow-duration="1s" data-wow-delay=".5s">
  72. <div class="device">
  73. <div class="screen">
  74. <img src="img/icon/index07.jpg" class="img-fluid" alt="">
  75. </div>
  76. <div class="button">
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. </section>
  85. <div class="bg-banner-img">
  86. <!-- <img src="img/bg-curve.png" alt=""> -->
  87. </div>
  88. <!-- APP ABOUT
  89. ================-->
  90. <section id="app-about" class="app-about">
  91. <div class="container">
  92. <div class="row first">
  93. <div class="col-md-4 wow flipInX" data-wow-delay="0.3s">
  94. <img src="./img/icon/index06.jpg" alt="" class="first img-fluid">
  95. <img src="img/icon/index03.jpg" alt="" class="second img-fluid">
  96. </div>
  97. <div class="col-md-6 m-auto wow fadeInRight" data-wow-delay="0.6s">
  98. <div class="app-about-cont">
  99. <i class="fab fa-android"></i>
  100. <h5>万吉商城App已涵盖日用百货、珠宝首饰、零食、3C数码、粮油、中老年用品等72个相关品类;</h5>
  101. <!-- <p>除了Android应用开发,一家领先的公司也可以帮助你在其他流行平台上定制应用开发。</p> -->
  102. </div>
  103. </div>
  104. </div>
  105. <div class="row second">
  106. <div class="col-md-6 m-auto wow fadeInRight" data-wow-delay="0.3s">
  107. <div class="app-about-cont right">
  108. <i class="fab fa-apple"></i>
  109. <h5>囊括了移动端APP、PC/移动端网站及微信小程序,APP在主流应用商店均可下载,确保了用户在万吉商城的体验始终如一。</h5>
  110. <!-- <p>随着科技的发展,许多新的创新技术和移动电话都配备了复杂的硬件。</p> -->
  111. </div>
  112. </div>
  113. <div class="col-md-4 wow flipInX" data-wow-delay="0.6s">
  114. <img src="img/icon/index04.jpg" alt="" class="third img-fluid">
  115. <img src="img/icon/index05.jpg" alt="" class="fourth img-fluid">
  116. </div>
  117. </div>
  118. </div>
  119. </section>
  120. <section id="our-process" class="our-process">
  121. <div class="container">
  122. <div class="row mb-5 wow fadeInUp" data-wow-delay="0.3s">
  123. <div class="col-md-12 text-center">
  124. <div class="heading">
  125. <h1>部分功能解读</h1>
  126. <div class="bord-bot"></div>
  127. </div>
  128. </div>
  129. </div>
  130. <div class="row">
  131. <div class="col-md-4 wow fadeInLeft" data-wow-delay="0.3s">
  132. <div class="col-md-12 col-sm-12">
  133. <div class="service-desc-cont">
  134. <i class="fa fa-bar-chart-o"></i>
  135. <h5>商品搜索</h5>
  136. <p>支持文字全搜索和部分关键字搜索商品,支持拍照或传图搜索识别搜索商品功能。</p>
  137. </div>
  138. </div>
  139. <div class="col-md-12 col-sm-12">
  140. <div class="service-desc-cont">
  141. <i class="fa fa-globe"></i>
  142. <h5>支付功能</h5>
  143. <p>集成市面主流的微信支付、支付宝,满足不同渠道的支付需求。</p>
  144. </div>
  145. </div>
  146. <div class="col-md-12 col-sm-12">
  147. <div class="service-desc-cont mb-5">
  148. <i class="fa fa-battery-full"></i>
  149. <h5>物流查询</h5>
  150. <p> 匹配专业物流信息数据库,在万吉商城下单后支持一键物流查询。</p>
  151. </div>
  152. </div>
  153. </div>
  154. <div class="col-md-4 wow bounceInUp" data-wow-delay="0.6s">
  155. <div class="servie-img text-center">
  156. <img src="img/iphone-x.png" alt="" class="img-fluid">
  157. </div>
  158. </div>
  159. <div class="col-md-4 wow fadeInRight" data-wow-delay="0.9s">
  160. <div class="col-md-12 col-sm-12">
  161. <div class="service-desc-cont">
  162. <i class="fab fa-app-store"></i>
  163. <h5>文章咨询</h5>
  164. <p>信息透明化,让用户买的更加安心</p>
  165. </div>
  166. </div>
  167. <!-- <div class="col-md-12 col-sm-12">
  168. <div class="service-desc-cont">
  169. <i class="fa fa-archive"></i>
  170. <h5>先进的通知面板</h5>
  171. <p> 如果是关于新版本的Android,那么通知面板就不是普通的通知面板。这就是为什么软糖豆。</p>
  172. </div>
  173. </div> -->
  174. <div class="col-md-12 col-sm-12">
  175. <div class="service-desc-cont">
  176. <i class="fa fa-life-bouy"></i>
  177. <h5>推广功能</h5>
  178. <p>在万吉商城购物的同时也可通过微信、QQ、微博、生成口令等方式邀请好友注册万吉商城,平台会返予相应推广佣金,同时你邀请名下的好友成为咪兔和合商城正式会员或消费,你也能获得佣金。佣金可在商城消费,累计满一定额度后也可直接提现。</p>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </section>
  185. <div class="tlinks">Collect from</div>
  186. <!-- FAQ
  187. ================
  188. <!-- <section id="faq" class="faq py-5">
  189. <div class="container">
  190. <div class="row">
  191. <div class="col-md-6">
  192. <div class="faq-img">
  193. <img src="img/doubel-mobile.png" alt="" class="img-fluid">
  194. </div>
  195. </div>
  196. <div class="col-md-6 col-sm-12 wow fadeInUp mt-5 mx-auto" data-wow-delay="0.6s">
  197. <div class="faq-cont">
  198. <div id="accordion">
  199. <div class="card">
  200. <div class="card-header" id="headingOne">
  201. <h5 class="mb-0">
  202. <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
  203. <i class="fa fa-arrow-right"></i>
  204. Why Use Mobiapp?
  205. </button>
  206. </h5>
  207. </div>
  208. <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
  209. <div class="card-body">
  210. 因为它有标准的振动和振铃功能,用来提醒用户来电信息和社交网络通知。除了内置的铃声,还有MP3铃声的豪华支持,这意味着用户可以指定他们最喜欢的音乐轨道作为铃声。由于自动对焦和人脸检测作为标准,拍摄任务变得更加简单。地理定位是这款相机的另一个功能,这要归功于全球定位系统(GPS),它允许用户记录他们拍照的地点。用户还可以享受bein
  211. </div>
  212. </div>
  213. </div>
  214. <div class="card">
  215. <div class="card-header" id="headingTwo">
  216. <h5 class="mb-0">
  217. <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
  218. <i class="fa fa-arrow-right"></i>
  219. Mobiapp使用的影响因素
  220. </button>
  221. </h5>
  222. </div>
  223. <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
  224. <div class="card-body">
  225. 基于我们的专家资源,为客户的特定需求提供一系列营销和商业研究解决方案。公司业务范围覆盖能源、新材料、交通运输、日用消费品、化工等30多个行业。我们为客户提供一站式的研究解决方案。Techno Exponent是一家开创性的Android应用开发公司,提供定制的Android应用开发服务。因此,我们一直在开发Android智能手机和平板电脑应用程序
  226. </div>
  227. </div>
  228. </div>
  229. <div class="card">
  230. <div class="card-header" id="headingThree">
  231. <h5 class="mb-0">
  232. <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
  233. <i class="fa fa-arrow-right"></i>
  234. Mobiapp网络安全吗?
  235. </button>
  236. </h5>
  237. </div>
  238. <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
  239. <div class="card-body">
  240. 智能手机不再是一个简单的手,我们可以通过它打电话或发送信息,按摩疗法给某人;相反,它是手工收藏、电子每日记录、网桥、娱乐源等的积累。出于许多目的,我们已经在我们的手机中设置了许多应用程序,我们不能记住它们,直到我们真正需要它们。其中一些应用程序非常有用,而且非常私密,因此我们需要真正的安全性和安全性,以防止不必要的进入和未经授权的卸载。为这种不方便
  241. </div>
  242. </div>
  243. </div>
  244. <div class="card">
  245. <div class="card-header" id="headingThree">
  246. <h5 class="mb-0">
  247. <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseFourth" aria-expanded="false" aria-controls="collapseThree">
  248. <i class="fa fa-arrow-right"></i>
  249. Mobiapp如何工作的呢?
  250. </button>
  251. </h5>
  252. </div>
  253. <div id="collapseFourth" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
  254. <div class="card-body">
  255. 这个应用程序的其他各种功能是;站立栏上的快速锁定切换,重新锁定,快速离开,永远不会从启动器中显示应用锁符号,AppLock本身无法卸载;活动梦幻无法摆脱AppLock等。成本版本包含更多属性,如定制背景,时间锁定,地点锁定,随机键盘等。这个应用程序未来的好处肯定是云备份、锁定按钮(wifi、移动数据、3G)、假锁定、访客日志等等。总之,我们可以说这个应用程序是一个理想的应用程序
  256. </div>
  257. </div>
  258. </div>
  259. </div>
  260. </div>
  261. </div>
  262. </div>
  263. </div>
  264. </section> -->
  265. <!-- GALLERY
  266. ================-->
  267. <!-- <section id="gallery" class="gallery">
  268. <div class="container">
  269. <div class="row mb-5 wow fadeInUp" data-wow-delay="0.3s">
  270. <div class="col-md-12 text-center">
  271. <div class="heading">
  272. <h1>拜访艺廊</h1>
  273. <div class="bord-bot"></div>
  274. </div>
  275. </div>
  276. </div>
  277. <div class="row">
  278. <div class="col-md-12">
  279. <div id="gallery-slider" class="owl-carousel owl-theme">
  280. <div class="gallery-img">
  281. <img src="img/app/first.jpg" alt="" class="img-fluid">
  282. </div>
  283. <div class="gallery-img">
  284. <img src="img/app/second.jpg" alt="" class="img-fluid">
  285. </div>
  286. <div class="gallery-img">
  287. <img src="img/app/third.jpg" alt="" class="img-fluid">
  288. </div>
  289. <div class="gallery-img">
  290. <img src="img/app/four.jpg" alt="" class="img-fluid">
  291. </div>
  292. <div class="gallery-img">
  293. <img src="img/app/five.jpg" alt="" class="img-fluid">
  294. </div>
  295. <div class="gallery-img">
  296. <img src="img/app/six.jpg" alt="" class="img-fluid">
  297. </div>
  298. <div class="gallery-img">
  299. <img src="img/app/seventh.jpg" alt="" class="img-fluid">
  300. </div>
  301. </div>
  302. </div>
  303. </div>
  304. </div>
  305. </section> -->
  306. <!-- DOWNLOAD APP
  307. ================-->
  308. <section id="download" class="download-app pb-0">
  309. <div class="container">
  310. <div class="row">
  311. <div class="col-md-12 text-center mb-4">
  312. <h1>欢迎您加入我们</h1>
  313. <p>让我们一起创建和谐生活</p>
  314. </div>
  315. <div class="col-md-6 apple"><a title="敬请期待!"><img src="img/ipone.png" alt="" class="img-fluid"></a></div>
  316. <div class="col-md-6 android"><a href="#"><img src="img/android.png" alt="" class="img-fluid" onclick="window.open('__UNI__F0EBD91__20220313165408.apk')"></a></div>
  317. <div class="col-md-12 text-center mt-5 mx-auto">
  318. <!-- <div class="device-container">
  319. <div class="device-mockup iphone6_plus portrait white wow bounceInUp" data-wow-delay=".5s">
  320. <div class="device">
  321. <div class="screen">
  322. <img src="img/app/six.jpg" class="img-fluid" alt="">
  323. </div>
  324. </div>
  325. </div>
  326. </div> -->
  327. </div>
  328. </div>
  329. </div>
  330. </section>
  331. <!-- CONTACT
  332. ================-->
  333. <section id="contact" class="contact">
  334. <div class="container">
  335. <div class="row mb-5 wow fadeInUp" data-wow-delay="0.3s">
  336. <div class="col-md-12 text-center">
  337. <div class="heading">
  338. <h1>支持多平台下载</h1>
  339. <div class="bord-bot"></div>
  340. <!-- <p class="wow fadeInUp" data-wow-delay="0.4s">在社交网站上使用mobiapp</p> -->
  341. </div>
  342. </div>
  343. </div>
  344. <div class="row">
  345. <div class="col-md-3 col-sm-6 text-center">
  346. <div class="contact-cont wow fadeInUp" data-wow-delay="0.3s">
  347. <a href="#">
  348. <img src="./img/logo/vivo.png" alt="" class="img-fluid">
  349. <h5>vivo开放平台</h5>
  350. </a>
  351. </div>
  352. </div>
  353. <div class="col-md-3 col-sm-6 text-center">
  354. <div class="contact-cont wow fadeInUp" data-wow-delay="0.6s">
  355. <a href="#">
  356. <img src="./img/logo/xiaomi.png" alt="" class="img-fluid">
  357. <h5>小米开放平台</h5>
  358. </a>
  359. </div>
  360. </div>
  361. <div class="col-md-3 col-sm-6 text-center">
  362. <div class="contact-cont wow fadeInUp" data-wow-delay="0.9s">
  363. <a href="#">
  364. <img src="./img/logo/meizu.jpg" alt="" class="img-fluid">
  365. <h5>魅族开放平台</h5>
  366. </a>
  367. </div>
  368. </div>
  369. <div class="col-md-3 col-sm-6 text-center">
  370. <div class="contact-cont wow fadeInUp" data-wow-delay="1.2s">
  371. <a href="#">
  372. <img src="./img/logo/huawei.png" alt="" class="img-fluid">
  373. <h5>华为开放平台</h5>
  374. </a>
  375. </div>
  376. </div>
  377. </div>
  378. </div>
  379. </section>
  380. <!-- FOOTER
  381. ==============-->
  382. <footer id="footer" class="footer">
  383. <div class="container-fluid">
  384. <div class="row top-footer">
  385. <div class="col-md-12 text-center">
  386. <p>临海市宗斌副食品商行</p>
  387. <p>地址:浙江省台州市临海市杜桥镇富沈新村3幢2号
  388. </p>
  389. <!-- <p>浙ICP备20026910号-1
  390. </p> -->
  391. </div>
  392. </div>
  393. </div>
  394. </footer>
  395. <script src="js/popper.min.js"></script>
  396. <script src="js/bootstrap.min.js"></script>
  397. <script src="js/jquery.easing.min.js"></script>
  398. <script src="js/owl.carousel.min.js"></script>
  399. <script src="js/wow.min.js"></script>
  400. <script src="js/app.js"></script>
  401. </body>
  402. </html>