Keine Beschreibung

index.html 6.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. <!DOCTYPE html>
  2. <html lang="en">
  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. <title>钱多好借</title>
  8. <link rel="stylesheet" href="./common/reset.css">
  9. <script>
  10. document.documentElement.style.fontSize = document.documentElement.clientWidth / 1920 * 100 + "px";
  11. window.onresize = function () {
  12. document.documentElement.style.fontSize = document.documentElement.clientWidth / 1920 * 100 + "px";
  13. }
  14. </script>
  15. <link rel="stylesheet" href="./css/swiper.min.css">
  16. <link rel="stylesheet" href="./css/index.css">
  17. </head>
  18. <body>
  19. <!-- 小花猪简介 -->
  20. <div class="pig_brief_introduction" id="pig_brief_introduction" name="pig_brief_introduction">
  21. <div class="pig_top clear">
  22. <div class="left clear">
  23. <img src="./img/icon.png" class="icon" />
  24. <div class="app_name">
  25. <p>钱多好借</p>
  26. <span>厦门市钱多金融技术服务有限公司</span>
  27. </div>
  28. </div>
  29. <div class="right clear">
  30. <a href="#contactUs">钱多好借简介</a>
  31. <a href="#contact">联系我们</a>
  32. </div>
  33. </div>
  34. <div class="content">
  35. <img src="./img/icon.png" class="pigIcon" />
  36. <p class="pigHint">·纯信用手机贷款 ·提供应急周转、小额、快速借款服务 ·解救月光族</p>
  37. <p class="pigTitle">3分钟借钱 小额贷款神器</p>
  38. <a href="https://imtt.dd.qq.com/16891/2C6406BBD997F82616C3A0405346AA94.apk.1?fsname=com.smileflowpig.money_2.2.1_14.apk.1&csr=4c6f"
  39. class="android"></a>
  40. <a href="javascript:void(0);" class="ios" onclick="appDown()"></a>
  41. <a href="#contactUs" class="slide_downward"></a>
  42. </div>
  43. </div>
  44. <!-- 联系我们 -->
  45. <div class="contactUs" id="contactUs" name='contactUs'>
  46. <div class="content">
  47. <img src="./img/icon.png" class="pigIcon" />
  48. <div class="app_name">
  49. <p>钱多好借</p>
  50. <span>厦门市钱多金融技术服务有限公司</span>
  51. </div>
  52. <p class="pigHint">凭身份证即可借钱,全年无休,节假日正常借钱,极速5分钟放款,简单实现手机贷,纯信用手机借款无抵押无担保,轻松搞定,资讯内容带你轻松掌握最新的贷款市场情况</p>
  53. </div>
  54. <div class="main">
  55. <div class="swiper-container">
  56. <div class="swiper-wrapper">
  57. <div class="swiper-slide red-slide">
  58. <div class="title">
  59. <img src="./img/one.png" alt="">
  60. </div>
  61. </div>
  62. <div class="swiper-slide blue-slide">
  63. <div class="title">
  64. <img src="./img/two.png" alt="">
  65. </div>
  66. </div>
  67. <div class="swiper-slide orange-slide">
  68. <div class="title">
  69. <img src="./img/three.png" alt="">
  70. </div>
  71. </div>
  72. <div class="swiper-slide green-slide">
  73. <div class="title">
  74. <img src="./img/last.png" alt="">
  75. </div>
  76. </div>
  77. </div>
  78. <li class="last">
  79. <div class="top">
  80. <img class="icon1" src="./img/icon.png" alt="">
  81. <p>7*24小时在线申请,额度灵活,快至30分钟到账。 应急贷款就找手机贷,轻松解决缺钱难题。 钱多好借,一款有速度、有额度的贷款、借贷、分期APP。</p>
  82. </div>
  83. <div class="bottom">
  84. <div class="left1">
  85. <div class="swiper-button-prev">
  86. <img src="./img/left.png" alt="">
  87. </div>
  88. </div>
  89. <div class="right1">
  90. <div class="swiper-button-next">
  91. <img src="./img/right.png" alt="">
  92. </div>
  93. </div>
  94. </div>
  95. </li>
  96. </div>
  97. <div class="text">
  98. <div class="topText">合作伙伴</div>
  99. <div class="textSmall">合作共赢 通力合作</div>
  100. <img src="./img/tree.png" alt="" class="tree">
  101. <div class="treeBot">深圳前海小树时代互联网金融服务有限公司</div>
  102. <div class="treeLast">地址:东莞市莞城街道汇峰路1号汇峰中心E区2层20-23号</div>
  103. </div>
  104. </div>
  105. <div class="button" id="contact">
  106. <div class="content clear">
  107. <div class="addr clear">
  108. <img src="./img/address.png" />
  109. <div class="addrInfo">
  110. <p>地址:厦门市思明区曾厝垵社371号405室</p>
  111. </div>
  112. </div>
  113. <div class="phone addr clear">
  114. <img src="./img/tel.png" />
  115. <div class="addrInfo">
  116. <p>电话:0311-82496673</p>
  117. </div>
  118. </div>
  119. <div class="addService addr clear">
  120. <img src="./img/new.png" />
  121. <div class="addrInfo">
  122. <p>闽ICP备17006984号-2 备案</p>
  123. </div>
  124. </div>
  125. </div>
  126. <a href="#pig_brief_introduction" class="up_slide"></a>
  127. </div>
  128. <script src="./common/jquery-2.1.0.js"></script>
  129. <script src="./js/swiper.min.js"></script>
  130. </body>
  131. </html>
  132. <script>
  133. function appDown () {
  134. alert('敬请期待!')
  135. }
  136. var mySwiper = new Swiper('.swiper-container', {
  137. loop: true,
  138. grabCursor: true,
  139. paginationClickable: true,
  140. slidesPerView: 4,
  141. })
  142. $('.swiper-button-prev').on('click', function (e) {
  143. e.preventDefault()
  144. mySwiper.swipePrev()
  145. })
  146. $('.swiper-button-next').on('click', function (e) {
  147. e.preventDefault()
  148. mySwiper.swipeNext()
  149. })
  150. </script>