index.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <link rel="stylesheet" type="text/css" href="./css/main.css" />
  8. <link rel="stylesheet" type="text/css" href="./css/swiper.min.css" />
  9. <link rel="stylesheet" type="text/css" href="./css/component.css"/>
  10. <link rel="icon" href="favicon.ico" type="image/x-icon">
  11. <script src="./js/swiper.min.js"></script>
  12. <title>众志逸动-首页</title>
  13. </head>
  14. <body>
  15. <div class="content">
  16. <div class="swiper-container page">
  17. <div class="navBar">
  18. <div class="logo"><a href="index.html"><img src="./img/logo-w.png" ></a></div>
  19. <div class="nav-group">
  20. <ul>
  21. <li><a href="index.html" class="isActive">首页<span>Home</span></a></li>
  22. <li><a href="case.html">案列<span>Case</span></a></li>
  23. <li><a href="us.html">我们<span>About</span></a></li>
  24. </ul>
  25. </div>
  26. </div>
  27. <div class="swiper-wrapper">
  28. <div class="swiper-slide slide1">
  29. <div class="slide-nr">
  30. <div class="nr-text">
  31. <img src="./img/yht.png">
  32. <h1>软件开发,我们是认真的。</h1>
  33. <p class="mainp">众志逸动</p>
  34. <p class="mainp">拥有一支热情专业的软件开发团队</p>
  35. <p class="mainp">专注于各类软件定制与研发</p>
  36. <p class="mainp">无论项目大小</p>
  37. <p class="mainp">我们都会不遗余力的为您提供最优质的产品和高质量的服务。</p>
  38. <div class="tag">
  39. <span>ERP系统</span>
  40. <span>OA系统</span>
  41. <span>CRM系统</span>
  42. <span>APP开发</span>
  43. <span>小程序开发</span>
  44. <span>微信开发</span>
  45. <span>H5开发</span>
  46. <span>网站开发</span>
  47. <span>UI设计</span>
  48. </div>
  49. </div>
  50. <div>
  51. <img src="./img/banner1.png" style="width: 458px;">
  52. </div>
  53. </div>
  54. </div>
  55. <div class="swiper-slide slide2">
  56. <div class="slide-nr">
  57. <div class="nr-text">
  58. <img src="./img/yht.png">
  59. <h1>业务多样化,深度覆盖。</h1>
  60. <p class="mainp">我们合作的产品覆盖了多个行业</p>
  61. <p class="mainp">从PC端到移动端,应有尽有</p>
  62. <p class="mainp">如果你正好需要,而我正好专业</p>
  63. <p class="mainp">请联系我们吧!</p>
  64. <div class="tag">
  65. <span>电商平台</span>
  66. <span>社区团购</span>
  67. <span>金融服务</span>
  68. <span>仓储物流</span>
  69. <span>直播、短视频</span>
  70. <span>外卖点餐</span>
  71. <span>数据可视化</span>
  72. </div>
  73. </div>
  74. <div>
  75. <img src="./img/banner2.png" style="width: 458px;">
  76. </div>
  77. </div>
  78. </div>
  79. <div class="swiper-slide slide3">
  80. <div class="slide-nr">
  81. <div class="nr-text">
  82. <img src="./img/yht.png">
  83. <h1>标准化开发流程,贴心的售后服务。</h1>
  84. <p class="mainp">售后24小时电话、微信深度沟通</p>
  85. <p class="mainp">每一个环节</p>
  86. <p class="mainp">我们都全力以赴!</p>
  87. <p class="mainp special" style="margin-top: 50px;">产品设计<img src="./img/arrow.png">UI设计<img src="./img/arrow.png">开发<img
  88. src="./img/arrow.png">测试<img src="./img/arrow.png">发布<img
  89. src="./img/arrow.png">售后</p>
  90. </div>
  91. <div>
  92. <img src="./img/banner3.png" style="width: 458px;">
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. <div class="swiper-scrollbar"></div>
  98. </div>
  99. <!-- 备案号 -->
  100. <div class="pageFoot fiexdFoot" style="color: rgba(255,255,255,.7);">Copyright @ 2020 www.gzzzyd.com, All Rights Reserved. <a href="https://beian.miit.gov.cn/" style="color: rgba(255,255,255,.7);">黔ICP备2021004684号-1</a></span></div>
  101. <!--flotDiv-->
  102. <div class="flotDiv ">
  103. <ul>
  104. <li>
  105. <a href="javascript:;" title="联系客服" class="md-trigger" data-modal="modal-2">
  106. <img class="kefuIcon" src="./img/kefuIcon.png" />
  107. <span>联系客服</span>
  108. </a>
  109. </li>
  110. <li>
  111. <a href="javascript:;" title="关注我们" class="md-trigger" data-modal="modal-1">
  112. <img class="guanzhuIcon" src="./img/guanzhuIcon.png" />
  113. <span>关注我们</span>
  114. </a>
  115. </li>
  116. </ul>
  117. </div>
  118. <!-- 关注我们-弹出框 -->
  119. <div class="md-modal md-effect-1" id="modal-1">
  120. <div class="md-content">
  121. <h3 class="mode-head">
  122. <div class="head-text">扫一扫,关注我们</div>
  123. <img src="./img/closeicon%20.png" class="md-close">
  124. </h3>
  125. <div class="mode-content">
  126. <div class="content-img"><img src="./img/gzh.png" ></div>
  127. </div>
  128. </div>
  129. </div>
  130. <!-- 关注我们-联系我们 -->
  131. <div class="md-modal md-effect-1" id="modal-2">
  132. <div class="md-content">
  133. <div class="content-img"><img src="./img/lxwm.png" style="height: 400px;"></div>
  134. </div>
  135. </div>
  136. <div class="md-overlay"></div>
  137. <!-- 弹出框js -->
  138. <script src="./js/classie.js"></script>
  139. <script src="./js/modalEffects.js"></script>
  140. <script>
  141. var swiper = new Swiper('.swiper-container');
  142. var mySwiper = new Swiper('.swiper-container', {
  143. scrollbar: {
  144. el: '.swiper-scrollbar',
  145. },
  146. });
  147. </script>
  148. </div>
  149. </body>
  150. </html>