星火官网,前端页面(前台)
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

trial.html 4.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <meta http-equiv="Cache-Control" content="max-age=7200" />
  8. <link rel="stylesheet" href="../css/comm.css" />
  9. <link rel="stylesheet" href="../css/header.css">
  10. <link rel="stylesheet" href="../css/trial.css" />
  11. <script src="../utils/rem.js"></script>
  12. <title>申请试用</title>
  13. </head>
  14. <body>
  15. <div class="header_root bg_white" data-nav_info="4">
  16. <div class="header_box">
  17. <div class="header_left">
  18. <img class="left_white" src="../img/logo_info/header_logo.png" />
  19. <img class="left_white" src="../img/logo_info/header_title.png" />
  20. <img class="left_gray" src="../img/logo_info/header_logo1.png" />
  21. <img class="left_gray" src="../img/logo_info/header_title1.png" />
  22. </div>
  23. <div class="header_right">
  24. <div data-nav="1" class="header_nav_item nav_1">
  25. <div>产品中心</div>
  26. </div>
  27. <div data-nav="2" class="header_nav_item nav_2">
  28. <div>服务案例</div>
  29. </div>
  30. <div data-nav="3" class="header_nav_item nav_3">
  31. <div>关于我们</div>
  32. </div>
  33. <div data-nav="4" class="header_nav_item nav_4">
  34. <div>申请试用</div>
  35. </div>
  36. <div data-nav="5" class="header_nav_item nav_5">
  37. <div>新闻资讯</div>
  38. </div>
  39. <div class="header_nav_lang">
  40. <div>中文 | English</div>
  41. </div>
  42. <!-- <div class="header_nav_lang">
  43. 中文
  44. <div class="nav_language_en">
  45. <a href="#" target="_blank">English</a>
  46. </div>
  47. </div> -->
  48. </div>
  49. </div>
  50. </div>
  51. <div class="tri_header">
  52. <img src="../img/about/trial.png" />
  53. <div class="header_info">
  54. <div class="header_title">申请试用</div>
  55. <p class="header_stitle">携手合作 真诚服务</p>
  56. </div>
  57. </div>
  58. <div class="tri_content">
  59. <div class="ser_title">欢迎留言咨询</div>
  60. <div class="ser_comm">
  61. <p>填写以下信息,我们会有专人第一时间与您联系,为您开辟专属试用通道</p>
  62. </div>
  63. <div class="submit_data">
  64. <div class="submit_list">
  65. <div class="submit_item">
  66. <input
  67. type="text"
  68. maxlength="32"
  69. id="account"
  70. placeholder="请输入联系人"
  71. />
  72. <p>姓名</p>
  73. <p class="err_account showerr">姓名不能为空</p>
  74. </div>
  75. <div class="submit_item">
  76. <input
  77. type="text"
  78. maxlength="16"
  79. id="phone"
  80. placeholder="请输入联系电话"
  81. />
  82. <p>联系电话</p>
  83. <p class="err_phone showerr">联系电话不能为空</p>
  84. </div>
  85. <div class="submit_item">
  86. <input
  87. type="text"
  88. maxlength="64"
  89. id="mailbox"
  90. placeholder="请输入邮箱"
  91. />
  92. <p>邮箱</p>
  93. <p class="err_mailbox showerr">请输入正确的邮箱地址!</p>
  94. </div>
  95. </div>
  96. <div class="submit_comm">
  97. <p>问题描述</p>
  98. <textarea
  99. type="text"
  100. maxlength="512"
  101. id="comm"
  102. placeholder="请输入问题描述"
  103. rows="6"
  104. ></textarea>
  105. </div>
  106. <div class="subject_data">
  107. <div class="btn">
  108. <span>提交申请</span><img src="../img/about/submit.png" />
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. <div class="footer_root"></div>
  114. </body>
  115. <script src="../librarys/jquery@1.12.4/jquery.min.js"></script>
  116. <script src="../librarys/swiper@3.4.2/swiper.jquery.min.js"></script>
  117. <script src="../utils/index.js"></script>
  118. <script src="../js/header.js"></script>
  119. <script src="../js/trial.js"></script>
  120. </html>