星火官网,前端页面(前台)
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

trial.html 4.2KB

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