bottom.html 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  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. <link rel="stylesheet" href="./css/reset.css">
  7. <link rel="stylesheet" href="./css/bottom.css">
  8. <script>
  9. function bodyScale() {
  10. var devicewidth = document.documentElement.clientWidth;
  11. var scale = devicewidth / 1920; // 设计稿的尺寸
  12. document.body.style.zoom = scale;
  13. }
  14. window.onload = window.onresize = function () {
  15. bodyScale();
  16. };
  17. </script>
  18. </head>
  19. <body>
  20. <div>
  21. <svg class="footer-frame" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"
  22. viewBox="0 0 1920 79">
  23. <defs>
  24. <style>
  25. .cls-2 {
  26. fill: #20a0ff;
  27. }
  28. </style>
  29. </defs>
  30. <title>footer-frame</title>
  31. <path class="cls-2"
  32. d="M0,72.427C143,12.138,255.5,4.577,328.644,7.943c147.721,6.8,183.881,60.242,320.83,53.737,143-6.793,167.826-68.128,293-60.9,109.095,6.3,115.68,54.364,225.251,57.319,113.58,3.064,138.8-47.711,251.189-41.8,104.012,5.474,109.713,50.4,197.369,46.572,89.549-3.91,124.375-52.563,227.622-50.155A338.646,338.646,0,0,1,1920,23.467V79.75H0V72.427Z"
  33. transform="translate(0 -0.188)" />
  34. </svg>
  35. <div class="indexBottom">
  36. <div class="indexBottomBox">
  37. <div class="indexBottomBox_box">
  38. <div class="indexBottomBox_one">
  39. <div class="indexBottomBox_one_til">推荐产品</div>
  40. <div>工时管家</div>
  41. <div>随访管家</div>
  42. <div>项目管家</div>
  43. <div>客户管家</div>
  44. </div>
  45. <div class="indexBottomBox_one">
  46. <div class="indexBottomBox_one_til">热门链接</div>
  47. <div>客户案例</div>
  48. <div>手机版</div>
  49. <div>产品定价</div>
  50. <div>关于我们</div>
  51. </div>
  52. <div class="indexBottomBox_video">
  53. <div class="indexBottomBox_one_til">视频中心</div>
  54. <div class="indexBottomBox_video_box" id="videoBox"><img src="../image/videos.png" alt=""></div>
  55. </div>
  56. <div class="contactUs">
  57. <div class="indexBottomBox_one_til">联系我们</div>
  58. <div class="contactUs_box">
  59. <div class="contactUs_box_img"><img src="../image/code.jpg"></div>
  60. <div class="contactUs_box_tex">扫码添加客服微信</div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. <div class="copyright_mob">
  67. <div class="container">
  68. <div class="row">
  69. <div class="col-lg-12">
  70. <p class="p-small-sl">Copyright©2016 南京火石闪信网络科技有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
  71. href="http://beian.miit.gov.cn" target="_blank" style="color:white;">苏ICP备18064522号-1</a></p>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. </body>
  78. <script src="../js/jquery1.42.min.js"></script>
  79. <script>
  80. $('#videoBox').click(function () {
  81. window.open("../video/guanwang.mp4")
  82. })
  83. $('#videoCli').click(function () {
  84. window.open("../video/guanwang.mp4")
  85. })
  86. </script>
  87. </html>