index.html 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419
  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/app/logo.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. 浙江六牛科技有限公司(以下简称:六牛科技),创立于2014年,是国内专业互联网解决方案提供商,专注于移动互联网技术开发。
  64. 公司提供高端APP定制开发、微信营销系统、实用型小工具软件、高品质网站设计和各行业解决方案等服务。同时,六牛科技提供软件咨询服务,大大降低企业试错成本。 六牛科技以“务实、高效、创新”为宗旨,立身于高新技术领域,汇聚行内从业精英的基础上,有效的结合国内外先进管理理念和思想,建成了一支高素质、高水平的技术队伍和管理团队。 目前公司拥有20余名国内顶尖研发工程师,来自于国内知名互联网企业,在APP开发、平台运营和项目管理方面有丰富的成功案例、行业经验和项目经验。 公司部门设置UI设计中心、技术开发中心、测试中心、客户服务中心、人力资源中心等部门。
  65. 公司与百度、阿里巴巴、腾讯、华为、小米、中国铁塔等行业巨人有着全面深入的战略合作,深耕金融、电信、互联网、交通、能源等重点行业,持续开拓全球市场, 为客户提供全链条、高质量、高效率、具有综合优势和行业特色的技术服务。2015年至今已为2000余家传统企业成功转型,客户覆盖浙江、北京、上海、江西、长沙、江苏、福建等地区, 在行业中树立起一个专注技术、崇尚管理的良好形象。 六牛科技秉承“提高客户价值、成就公司价值、实现个人价值”的核心价值观,成为客户长期、稳定、可信赖的合作伙伴,为成为世界级IT服务企业而奋斗。
  66. </div>
  67. <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>
  68. </div>
  69. </div>
  70. <div class="col-lg-5 my-auto">
  71. <div class="device-container">
  72. <div class="device-mockup iphone6_plus portrait white animated wow bounceInUp" data-wow-duration="1s" data-wow-delay=".5s">
  73. <div class="device">
  74. <div class="screen">
  75. <img src="img/app/xinpingle.jpg" class="img-fluid" alt="">
  76. </div>
  77. <div class="button">
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. </div>
  85. </section>
  86. <div class="bg-banner-img">
  87. <!-- <img src="img/bg-curve.png" alt=""> -->
  88. </div>
  89. <!-- APP ABOUT
  90. ================-->
  91. <section id="app-about" class="app-about">
  92. <div class="container">
  93. <div class="row first">
  94. <div class="col-md-4 wow flipInX" data-wow-delay="0.3s">
  95. <img src="img/xpl02.jpg" alt="" class="first img-fluid">
  96. <img src="img/xpl01.jpg" alt="" class="second img-fluid">
  97. </div>
  98. <div class="col-md-6 m-auto wow fadeInRight" data-wow-delay="0.6s">
  99. <div class="app-about-cont">
  100. <i class="fab fa-android"></i>
  101. <h5>星拼乐商城App已涵盖日用百货、珠宝首饰、零食、3C数码、粮油、中老年用品等72个相关品类;</h5>
  102. <!-- <p>除了Android应用开发,一家领先的公司也可以帮助你在其他流行平台上定制应用开发。</p> -->
  103. </div>
  104. </div>
  105. </div>
  106. <div class="row second">
  107. <div class="col-md-6 m-auto wow fadeInRight" data-wow-delay="0.3s">
  108. <div class="app-about-cont right">
  109. <i class="fab fa-apple"></i>
  110. <h5>囊括了移动端APP、PC/移动端网站及微信小程序,APP在主流应用商店均可下载,确保了用户在星拼乐商城的体验始终如一。</h5>
  111. <!-- <p>随着科技的发展,许多新的创新技术和移动电话都配备了复杂的硬件。</p> -->
  112. </div>
  113. </div>
  114. <div class="col-md-4 wow flipInX" data-wow-delay="0.6s">
  115. <img src="img/xpl04.jpg" alt="" class="third img-fluid">
  116. <img src="img/xpl03.jpg" alt="" class="fourth img-fluid">
  117. </div>
  118. </div>
  119. </div>
  120. </section>
  121. <section id="our-process" class="our-process">
  122. <div class="container">
  123. <div class="row mb-5 wow fadeInUp" data-wow-delay="0.3s">
  124. <div class="col-md-12 text-center">
  125. <div class="heading">
  126. <h1>部分功能解读</h1>
  127. <div class="bord-bot"></div>
  128. </div>
  129. </div>
  130. </div>
  131. <div class="row">
  132. <div class="col-md-4 wow fadeInLeft" data-wow-delay="0.3s">
  133. <div class="col-md-12 col-sm-12">
  134. <div class="service-desc-cont">
  135. <i class="fa fa-bar-chart-o"></i>
  136. <h5>商品搜索</h5>
  137. <p>支持文字全搜索和部分关键字搜索商品,支持拍照或传图搜索识别搜索商品功能。</p>
  138. </div>
  139. </div>
  140. <div class="col-md-12 col-sm-12">
  141. <div class="service-desc-cont">
  142. <i class="fa fa-globe"></i>
  143. <h5>支付功能</h5>
  144. <p>集成市面主流的微信支付、支付宝、云闪付(银联),满足不同渠道的支付需求。</p>
  145. </div>
  146. </div>
  147. <div class="col-md-12 col-sm-12">
  148. <div class="service-desc-cont mb-5">
  149. <i class="fa fa-battery-full"></i>
  150. <h5>物流查询</h5>
  151. <p> 匹配专业物流信息数据库,在星拼乐商城下单后支持一键物流查询。</p>
  152. </div>
  153. </div>
  154. </div>
  155. <div class="col-md-4 wow bounceInUp" data-wow-delay="0.6s">
  156. <div class="servie-img text-center">
  157. <img src="img/iphone-x.png" alt="" class="img-fluid">
  158. </div>
  159. </div>
  160. <div class="col-md-4 wow fadeInRight" data-wow-delay="0.9s">
  161. <div class="col-md-12 col-sm-12">
  162. <div class="service-desc-cont">
  163. <i class="fab fa-app-store"></i>
  164. <h5>商家入驻</h5>
  165. <p>线下实体商家入驻,星拼乐提供专业指导运营、推广方案,更好的助力实体商家实现线上销售。</p>
  166. </div>
  167. </div>
  168. <!-- <div class="col-md-12 col-sm-12">
  169. <div class="service-desc-cont">
  170. <i class="fa fa-archive"></i>
  171. <h5>先进的通知面板</h5>
  172. <p> 如果是关于新版本的Android,那么通知面板就不是普通的通知面板。这就是为什么软糖豆。</p>
  173. </div>
  174. </div> -->
  175. <div class="col-md-12 col-sm-12">
  176. <div class="service-desc-cont">
  177. <i class="fa fa-life-bouy"></i>
  178. <h5>推广功能</h5>
  179. <p>在星拼乐商城购物的同时也可通过微信、QQ、微博、生成口令等方式邀请好友注册星拼乐商城,平台会返予相应推广佣金,同时你邀请名下的好友成为星拼乐正式会员或消费,你也能获得佣金。佣金可在商城消费,累计满一定额度后也可直接提现。</p>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </section>
  186. <div class="tlinks">Collect from</div>
  187. <!-- FAQ
  188. ================
  189. <!-- <section id="faq" class="faq py-5">
  190. <div class="container">
  191. <div class="row">
  192. <div class="col-md-6">
  193. <div class="faq-img">
  194. <img src="img/doubel-mobile.png" alt="" class="img-fluid">
  195. </div>
  196. </div>
  197. <div class="col-md-6 col-sm-12 wow fadeInUp mt-5 mx-auto" data-wow-delay="0.6s">
  198. <div class="faq-cont">
  199. <div id="accordion">
  200. <div class="card">
  201. <div class="card-header" id="headingOne">
  202. <h5 class="mb-0">
  203. <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
  204. <i class="fa fa-arrow-right"></i>
  205. Why Use Mobiapp?
  206. </button>
  207. </h5>
  208. </div>
  209. <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
  210. <div class="card-body">
  211. 因为它有标准的振动和振铃功能,用来提醒用户来电信息和社交网络通知。除了内置的铃声,还有MP3铃声的豪华支持,这意味着用户可以指定他们最喜欢的音乐轨道作为铃声。由于自动对焦和人脸检测作为标准,拍摄任务变得更加简单。地理定位是这款相机的另一个功能,这要归功于全球定位系统(GPS),它允许用户记录他们拍照的地点。用户还可以享受bein
  212. </div>
  213. </div>
  214. </div>
  215. <div class="card">
  216. <div class="card-header" id="headingTwo">
  217. <h5 class="mb-0">
  218. <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
  219. <i class="fa fa-arrow-right"></i>
  220. Mobiapp使用的影响因素
  221. </button>
  222. </h5>
  223. </div>
  224. <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
  225. <div class="card-body">
  226. 基于我们的专家资源,为客户的特定需求提供一系列营销和商业研究解决方案。公司业务范围覆盖能源、新材料、交通运输、日用消费品、化工等30多个行业。我们为客户提供一站式的研究解决方案。Techno Exponent是一家开创性的Android应用开发公司,提供定制的Android应用开发服务。因此,我们一直在开发Android智能手机和平板电脑应用程序
  227. </div>
  228. </div>
  229. </div>
  230. <div class="card">
  231. <div class="card-header" id="headingThree">
  232. <h5 class="mb-0">
  233. <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
  234. <i class="fa fa-arrow-right"></i>
  235. Mobiapp网络安全吗?
  236. </button>
  237. </h5>
  238. </div>
  239. <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
  240. <div class="card-body">
  241. 智能手机不再是一个简单的手,我们可以通过它打电话或发送信息,按摩疗法给某人;相反,它是手工收藏、电子每日记录、网桥、娱乐源等的积累。出于许多目的,我们已经在我们的手机中设置了许多应用程序,我们不能记住它们,直到我们真正需要它们。其中一些应用程序非常有用,而且非常私密,因此我们需要真正的安全性和安全性,以防止不必要的进入和未经授权的卸载。为这种不方便
  242. </div>
  243. </div>
  244. </div>
  245. <div class="card">
  246. <div class="card-header" id="headingThree">
  247. <h5 class="mb-0">
  248. <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseFourth" aria-expanded="false" aria-controls="collapseThree">
  249. <i class="fa fa-arrow-right"></i>
  250. Mobiapp如何工作的呢?
  251. </button>
  252. </h5>
  253. </div>
  254. <div id="collapseFourth" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
  255. <div class="card-body">
  256. 这个应用程序的其他各种功能是;站立栏上的快速锁定切换,重新锁定,快速离开,永远不会从启动器中显示应用锁符号,AppLock本身无法卸载;活动梦幻无法摆脱AppLock等。成本版本包含更多属性,如定制背景,时间锁定,地点锁定,随机键盘等。这个应用程序未来的好处肯定是云备份、锁定按钮(wifi、移动数据、3G)、假锁定、访客日志等等。总之,我们可以说这个应用程序是一个理想的应用程序
  257. </div>
  258. </div>
  259. </div>
  260. </div>
  261. </div>
  262. </div>
  263. </div>
  264. </div>
  265. </section> -->
  266. <!-- GALLERY
  267. ================-->
  268. <!-- <section id="gallery" class="gallery">
  269. <div class="container">
  270. <div class="row mb-5 wow fadeInUp" data-wow-delay="0.3s">
  271. <div class="col-md-12 text-center">
  272. <div class="heading">
  273. <h1>拜访艺廊</h1>
  274. <div class="bord-bot"></div>
  275. </div>
  276. </div>
  277. </div>
  278. <div class="row">
  279. <div class="col-md-12">
  280. <div id="gallery-slider" class="owl-carousel owl-theme">
  281. <div class="gallery-img">
  282. <img src="img/app/first.jpg" alt="" class="img-fluid">
  283. </div>
  284. <div class="gallery-img">
  285. <img src="img/app/second.jpg" alt="" class="img-fluid">
  286. </div>
  287. <div class="gallery-img">
  288. <img src="img/app/third.jpg" alt="" class="img-fluid">
  289. </div>
  290. <div class="gallery-img">
  291. <img src="img/app/four.jpg" alt="" class="img-fluid">
  292. </div>
  293. <div class="gallery-img">
  294. <img src="img/app/five.jpg" alt="" class="img-fluid">
  295. </div>
  296. <div class="gallery-img">
  297. <img src="img/app/six.jpg" alt="" class="img-fluid">
  298. </div>
  299. <div class="gallery-img">
  300. <img src="img/app/seventh.jpg" alt="" class="img-fluid">
  301. </div>
  302. </div>
  303. </div>
  304. </div>
  305. </div>
  306. </section> -->
  307. <!-- DOWNLOAD APP
  308. ================-->
  309. <section id="download" class="download-app pb-0">
  310. <div class="container">
  311. <div class="row">
  312. <div class="col-md-12 text-center mb-4">
  313. <h1>欢迎您加入我们</h1>
  314. <p>让我们一起创建健康生活</p>
  315. </div>
  316. <div class="col-md-6 apple"><a title="敬请期待!"><img src="img/ipone.png" alt="" class="img-fluid"></a></div>
  317. <div class="col-md-6 android"><a href="#"><img src="img/android.png" alt="" class="img-fluid" onclick="#"></a></div>
  318. <div class="col-md-12 text-center mt-5 mx-auto">
  319. <!-- <div class="device-container">
  320. <div class="device-mockup iphone6_plus portrait white wow bounceInUp" data-wow-delay=".5s">
  321. <div class="device">
  322. <div class="screen">
  323. <img src="img/app/six.jpg" class="img-fluid" alt="">
  324. </div>
  325. </div>
  326. </div>
  327. </div> -->
  328. </div>
  329. </div>
  330. </div>
  331. </section>
  332. <!-- CONTACT
  333. ================-->
  334. <section id="contact" class="contact">
  335. <div class="container">
  336. <div class="row mb-5 wow fadeInUp" data-wow-delay="0.3s">
  337. <div class="col-md-12 text-center">
  338. <div class="heading">
  339. <h1>支持多平台下载</h1>
  340. <div class="bord-bot"></div>
  341. <!-- <p class="wow fadeInUp" data-wow-delay="0.4s">在社交网站上使用mobiapp</p> -->
  342. </div>
  343. </div>
  344. </div>
  345. <div class="row">
  346. <div class="col-md-3 col-sm-6 text-center">
  347. <div class="contact-cont wow fadeInUp" data-wow-delay="0.3s">
  348. <a href="#">
  349. <img src="./img/logo/vivo.png" alt="" class="img-fluid">
  350. <h5>vivo开放平台</h5>
  351. </a>
  352. </div>
  353. </div>
  354. <div class="col-md-3 col-sm-6 text-center">
  355. <div class="contact-cont wow fadeInUp" data-wow-delay="0.6s">
  356. <a href="#">
  357. <img src="./img/logo/xiaomi.png" alt="" class="img-fluid">
  358. <h5>小米开放平台</h5>
  359. </a>
  360. </div>
  361. </div>
  362. <div class="col-md-3 col-sm-6 text-center">
  363. <div class="contact-cont wow fadeInUp" data-wow-delay="0.9s">
  364. <a href="#">
  365. <img src="./img/logo/meizu.jpg" alt="" class="img-fluid">
  366. <h5>魅族开放平台</h5>
  367. </a>
  368. </div>
  369. </div>
  370. <div class="col-md-3 col-sm-6 text-center">
  371. <div class="contact-cont wow fadeInUp" data-wow-delay="1.2s">
  372. <a href="#">
  373. <img src="./img/logo/huawei.png" alt="" class="img-fluid">
  374. <h5>华为开放平台</h5>
  375. </a>
  376. </div>
  377. </div>
  378. </div>
  379. </div>
  380. </section>
  381. <!-- FOOTER
  382. ==============-->
  383. <footer id="footer" class="footer">
  384. <div class="container-fluid">
  385. <div class="row top-footer">
  386. <div class="col-md-12 text-center">
  387. <p>浙江六牛科技有限公司</p>
  388. <p>浙江省台州市椒江区白云街道东海大道400号3楼
  389. </p>
  390. </div>
  391. </div>
  392. </div>
  393. </footer>
  394. <script src="js/popper.min.js"></script>
  395. <script src="js/bootstrap.min.js"></script>
  396. <script src="js/jquery.easing.min.js"></script>
  397. <script src="js/owl.carousel.min.js"></script>
  398. <script src="js/wow.min.js"></script>
  399. <script src="js/app.js"></script>
  400. </body>
  401. </html>