index.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299
  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"
  10. content="We craft awesome Bootstrap themes for free and share selected resources for web designer &amp; developer. Download Free HTML themes for Bootstrap" />
  11. <link href="img/app/logo.png" rel="apple-touch-icon" sizes="96x96">
  12. <link href="img/app/logo.png" rel="icon" sizes="96x96" type="image/png">
  13. <link href="img/app/logo.png" rel="icon" sizes="32x32" type="image/png">
  14. <meta content="img/app/logo.png" name="msapplication-TileImage">
  15. <meta property="og:title" content="Mobiapp - Mobile App Free Bootstrap Template " />
  16. <meta property="og:locale" content="en_IN" />
  17. <meta name="twitter:card" content="summary" />
  18. <meta name="twitter:site" content="BoostrapTheme" />
  19. <meta name="twitter:creator" content="BoostrapTheme" />
  20. <link rel="stylesheet" href="https://www.jq22.com/jquery/font-awesome.4.7.0.css">
  21. <link rel="stylesheet" href="https://www.jq22.com/jquery/font-awesome-5.15.2.all.css">
  22. <link rel="stylesheet" href="device-mockups/device-mockups.min.css">
  23. <link rel="stylesheet" href="css/owl.carousel.min.css">
  24. <link rel="stylesheet" href="css/owl.theme.default.min.css">
  25. <link rel="stylesheet" href="css/animate.min.css">
  26. <link rel="stylesheet" href="css/app.css">
  27. <script src="js/jquery.min.js"></script>
  28. <script>
  29. $(window).on('load', function() {
  30. $(".loader").fadeOut(2000);
  31. });
  32. </script>
  33. </head>
  34. <body>
  35. <div class="loader"></div>
  36. <!-- NAVIGATION
  37. ==============-->
  38. <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
  39. <div class="container">
  40. <a class="navbar-brand js-scroll-trigger" href="index.html#home"><img src="img/app/logo.png" alt=""
  41. class="img-fluid"><span
  42. style="color: #FFFFFF; font-size: 18px; padding-left: 10px; ">神英优选应用介绍</span></a>
  43. <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
  44. data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
  45. aria-label="Toggle navigation">
  46. 菜单
  47. <i class="fas fa-bars"></i>
  48. </button>
  49. <div class="collapse navbar-collapse" id="navbarResponsive">
  50. <ul class="navbar-nav text-uppercase ml-auto">
  51. <li class="nav-item">
  52. <a class="nav-link js-scroll-trigger" href="#contact">联系我们</a>
  53. </li>
  54. <li class="nav-item">
  55. <a class="nav-link js-scroll-trigger" href="#download">立即下载</a>
  56. </li>
  57. </ul>
  58. </div>
  59. </div>
  60. </nav>
  61. <!--APP HEADER
  62. ================-->
  63. <section class="masthead">
  64. <div class="container h-100">
  65. <div class="row h-100">
  66. <div class="col-lg-7 my-auto">
  67. <div class="header-content mx-auto animated wow zoomIn" data-wow-duration="0.3s"
  68. data-wow-delay=".1s">
  69. <h2 class="mx-auto">神英优选应用</h2>
  70. <!-- <h4 style="margin-bottom: 20px;">连接和成长您的业务</h4> -->
  71. <div id="">
  72. 在神英优选应用,用户可以根据自己的需要购买想要的商品,根据大数据精准的推荐最适合用户的产品。
  73. </div>
  74. <a href="#download"><button class="btn btn-white mt-4 py-2 px-3 ">立即下载<i
  75. class="fas fa-arrow-alt-circle-down"></i></button></a>
  76. </div>
  77. </div>
  78. <div class="col-lg-5 my-auto">
  79. <div class="device-container">
  80. <div class="device-mockup iphone6_plus portrait white animated wow bounceInUp"
  81. data-wow-duration="1s" data-wow-delay=".5s">
  82. <div class="device">
  83. <div class="screen">
  84. <img src="img/in0.png" class="img-fluid" alt="">
  85. </div>
  86. <div class="button">
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. </div>
  94. </section>
  95. <div class="bg-banner-img">
  96. <!-- <img src="img/bg-curve.png" alt=""> -->
  97. </div>
  98. <!-- APP ABOUT
  99. ================-->
  100. <section id="app-about" class="app-about">
  101. <div class="container">
  102. <div class="row first">
  103. <div class="col-md-4 wow flipInX" data-wow-delay="0.3s">
  104. <img src="img/in0.png" alt="" class="first img-fluid">
  105. <img src="img/in1.png" alt="" class="second img-fluid">
  106. </div>
  107. <div class="col-md-6 m-auto wow fadeInRight" data-wow-delay="0.6s">
  108. <div class="app-about-cont">
  109. <i class="fab fa-android"></i>
  110. <h5>神英优选应用已涵盖各个地区;</h5>
  111. <!-- <p>除了Android应用开发,一家领先的公司也可以帮助你在其他流行平台上定制应用开发。</p> -->
  112. </div>
  113. </div>
  114. </div>
  115. <div class="row second">
  116. <div class="col-md-6 m-auto wow fadeInRight" data-wow-delay="0.3s">
  117. <div class="app-about-cont right">
  118. <i class="fab fa-apple"></i>
  119. <h5>囊括了移动端APP、PC/移动端网站及微信小程序,APP在主流应用商店均可下载,确保了用户在神英优选应用的体验始终如一。</h5>
  120. <!-- <p>随着科技的发展,许多新的创新技术和移动电话都配备了复杂的硬件。</p> -->
  121. </div>
  122. </div>
  123. <div class="col-md-4 wow flipInX" data-wow-delay="0.6s">
  124. <img src="img/in0.png" alt="" class="third img-fluid">
  125. <img src="img/in3.png" alt="" class="fourth img-fluid">
  126. </div>
  127. </div>
  128. </div>
  129. </section>
  130. <section id="our-process" class="our-process">
  131. <div class="container">
  132. <div class="row mb-5 wow fadeInUp" data-wow-delay="0.3s">
  133. <div class="col-md-12 text-center">
  134. <div class="heading">
  135. <h1>应用介绍</h1>
  136. <div class="bord-bot"></div>
  137. </div>
  138. </div>
  139. </div>
  140. <div class="row">
  141. <div class="col-md-4 wow fadeInLeft" data-wow-delay="0.3s">
  142. <div class="col-md-12 col-sm-12">
  143. <div class="service-desc-cont">
  144. <i class="fa fa-bar-chart-o"></i>
  145. <h5>个性化的地址定制</h5>
  146. <p>允许用户自定义多个收货地址,方便应对各种不同的购物需求,解决不同对象之间的收货冲突。</p>
  147. </div>
  148. </div>
  149. <!-- <div class="col-md-12 col-sm-12">
  150. <div class="service-desc-cont">
  151. <i class="fa fa-globe"></i>
  152. <h5>支付功能</h5>
  153. <p>集成市面主流的微信支付、支付宝,满足不同渠道的支付需求。</p>
  154. </div>
  155. </div> -->
  156. <div class="col-md-12 col-sm-12">
  157. <div class="service-desc-cont mb-5">
  158. <i class="fa fa-battery-full"></i>
  159. <h5>开发商</h5>
  160. <p> 浙江神英优选电子商务科技有限公司</p>
  161. </div>
  162. </div>
  163. </div>
  164. <div class="col-md-4 wow bounceInUp" data-wow-delay="0.6s">
  165. <div class="servie-img text-center">
  166. <img src="img/iphone-x.png" alt="" class="img-fluid">
  167. </div>
  168. </div>
  169. <div class="col-md-4 wow fadeInRight" data-wow-delay="0.9s">
  170. <div class="col-md-12 col-sm-12">
  171. <div class="service-desc-cont">
  172. <i class="fab fa-app-store"></i>
  173. <h5>多平台在线购物</h5>
  174. <p>用户可以在微信、app、web等各种不同的平台享受同样的购物体验,减少用户的学习成本,让用户能够一次学习终身受用</p>
  175. </div>
  176. </div>
  177. <div class="col-md-12 col-sm-12">
  178. <!-- <div class="service-desc-cont">
  179. <i class="fa fa-archive"></i>
  180. <h5>开发商</h5>
  181. <p> 如果是关于新版本的Android,那么通知面板就不是普通的通知面板。这就是为什么软糖豆。</p>
  182. <p>浙江神英优选电子商务科技有限公司</p>
  183. </div> -->
  184. </div>
  185. <div class="col-md-12 col-sm-12">
  186. <div class="service-desc-cont">
  187. <i class="fa fa-life-bouy"></i>
  188. <h5>多平台合作:</h5>
  189. <p>平台建立了一套完整的供销体系,对接了众多的第三方合作厂家,让用户的权益得到充分的保障。
  190. </p>
  191. </div>
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. </section>
  197. <div class="tlinks">Collect from</div>
  198. <!-- DOWNLOAD APP
  199. ================-->
  200. <section id="download" class="download-app pb-0">
  201. <div class="container">
  202. <div class="row">
  203. <div class="col-md-12 text-center mb-4">
  204. <h1>欢迎您加入我们</h1>
  205. <p>让我们一起创建和谐生活</p>
  206. </div>
  207. <div class="col-md-6 apple">
  208. <!-- <a href="./download/iosdom.mobileconfig"><img src="img/ipone.png" alt="" class="img-fluid"></a> -->
  209. <img src="img/ipone.png" onClick="alert('暂未开放下载')" alt="" class="img-fluid">
  210. </div>
  211. <div class="col-md-6 android">
  212. <a href="./download/__UNI__70BC0AE__20231227140407.apk"><img src="img/android.png" alt=""
  213. class="img-fluid"></a>
  214. </div>
  215. <div class="col-md-12 text-center mt-5 mx-auto">
  216. </div>
  217. </div>
  218. </div>
  219. </section>
  220. <!-- CONTACT
  221. ================-->
  222. <section id="contact" class="contact">
  223. <div class="container">
  224. <div class="row mb-5 wow fadeInUp" data-wow-delay="0.3s">
  225. <div class="col-md-12 text-center">
  226. <div class="heading">
  227. <h1>支持多平台下载</h1>
  228. <div class="bord-bot"></div>
  229. </div>
  230. </div>
  231. </div>
  232. <div class="row">
  233. <div class="col-md-3 col-sm-6 text-center">
  234. <div class="contact-cont wow fadeInUp" data-wow-delay="0.3s">
  235. <a href="#">
  236. <img src="./img/logo/vivo.png" alt="" class="img-fluid">
  237. <h5>vivo开放平台</h5>
  238. </a>
  239. </div>
  240. </div>
  241. <div class="col-md-3 col-sm-6 text-center">
  242. <div class="contact-cont wow fadeInUp" data-wow-delay="0.6s">
  243. <a href="#">
  244. <img src="./img/logo/xiaomi.png" alt="" class="img-fluid">
  245. <h5>小米开放平台</h5>
  246. </a>
  247. </div>
  248. </div>
  249. <div class="col-md-3 col-sm-6 text-center">
  250. <div class="contact-cont wow fadeInUp" data-wow-delay="0.9s">
  251. <a href="#">
  252. <img src="./img/logo/meizu.jpg" alt="" class="img-fluid">
  253. <h5>魅族开放平台</h5>
  254. </a>
  255. </div>
  256. </div>
  257. <div class="col-md-3 col-sm-6 text-center">
  258. <div class="contact-cont wow fadeInUp" data-wow-delay="1.2s">
  259. <a href="#">
  260. <img src="./img/logo/huawei.png" alt="" class="img-fluid">
  261. <h5>华为开放平台</h5>
  262. </a>
  263. </div>
  264. </div>
  265. </div>
  266. </div>
  267. </section>
  268. <!-- FOOTER
  269. ==============-->
  270. <footer id="footer" class="footer">
  271. <div class="container-fluid">
  272. <div class="row top-footer">
  273. <div class="col-md-12 text-center">
  274. <p>浙江神英优选应用电子商务科技有限公司</p>
  275. <a style="color: #6c757d;" href="https://beian.miit.gov.cn/#/Integrated/index">
  276. 浙ICP备2022013004号-1
  277. </a>
  278. </div>
  279. </div>
  280. </div>
  281. </footer>
  282. <script src="js/popper.min.js"></script>
  283. <script src="js/bootstrap.min.js"></script>
  284. <script src="js/jquery.easing.min.js"></script>
  285. <script src="js/owl.carousel.min.js"></script>
  286. <script src="js/wow.min.js"></script>
  287. <script src="js/app.js"></script>
  288. </body>
  289. </html>