message.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
  6. <link rel="stylesheet" type="text/css" href="css/public.css" />
  7. <title>留言</title>
  8. <link rel="stylesheet" href="css/swiper-4.1.6.min.css" />
  9. <link rel="stylesheet" type="text/css" href="css/public.css" />
  10. <link rel="stylesheet" type="text/css" href="css/join.css"/>
  11. <style>
  12. *{
  13. box-sizing: border-box;
  14. }
  15. .message h3{
  16. text-align: left;
  17. margin-top: 1.04rem;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div class="page_top"><img src="img/introduct/introduct_top.jpg" /></div>
  23. <header>
  24. <div class="hd_nav">
  25. <a class="icon_left"><img src="img/header/nav_left.png" /></a>
  26. <a class="icon_title"><img src="img/header/nav_logo.png" /></a>
  27. <a class="icon_right" href="index.html"><img src="img/header/nav_right.png" /></a>
  28. </div>
  29. <div class="bar_content">
  30. <a href="pdt_idt.html">幻速赛车<img src="img/header/bar_right.png" alt="" /></a>
  31. <a href="join.html">加盟体验店<img src="img/header/bar_right.png" alt="" /></a>
  32. <a href="all_store.html">线下体验店<img src="img/header/bar_right.png" alt="" /></a>
  33. <a href="message.html">在线留言<img src="img/header/bar_right.png" alt="" /></a>
  34. <a href="service.html">服务<img src="img/header/bar_right.png" alt="" /></a>
  35. </div>
  36. </header>
  37. <div class="content">
  38. <div class="col"><img src="img/join/message.jpg" /></div>
  39. <div class="message">
  40. <h3>请填写以下信息,我们将安排专业的客服与您联系</h3>
  41. <form action="" method="post">
  42. <p><label for="name">*<span>姓&emsp;&emsp;名:</span></label><input type="text" name="name" id="name" value="" placeholder="请输入您的姓名" /></p>
  43. <p><label for="phone">*<span>电&emsp;&emsp;话:</span></label><input type="text" name="phone" id="phone" value="" placeholder="请输入您的真实电话号码" /></p>
  44. <p><label for="intention"><span>意向方式:</span></label><input type="text" name="intention" id="intention" value="" placeholder="请输入合作意向" /></p>
  45. <p><label for="city"><span>所在城市:</span></label><input type="text" name="city" id="city" value="" placeholder="请输入您所在的城市" /></p>
  46. <p><label for="describe">*<span>留&emsp;&emsp;言:</span></label><textarea name="describe" rows="" cols="" placeholder="您有什么想告诉我们的?"></textarea></p>
  47. <input type="submit" value="确定" />
  48. </form>
  49. </div>
  50. <!--底部-->
  51. <div class="footer" style="margin-top: 0.2rem;">
  52. <img src="img/introduct/introduct_bot.jpg" style="width: 100%;" />
  53. <a href='' id="rtTop">
  54. 回到顶部&nbsp;&nbsp;<img src="img/footer/rt_top.jpg" alt="" />
  55. </a>
  56. <ul>
  57. <li>
  58. <p>关于我们 <span>+</span></p>
  59. <ul>
  60. <li><a href="pdt_idt.html">产品简介</a></li>
  61. <li><a href="contact.html">联系我们</a></li>
  62. <li><a href="cp_idt.html">公司简介</a></li>
  63. </ul>
  64. </li>
  65. <li>
  66. <p>新闻中心 <span>+</span></p>
  67. <ul>
  68. <li><a href="industry.html">行业动态</a></li>
  69. <li><a href="cp_news.html">公司动态</a></li>
  70. <li><a href="join_news.html">加盟动态</a></li>
  71. </ul>
  72. </li>
  73. <li>
  74. <p>线下体验店 <span>+</span></p>
  75. <ul>
  76. <li><a href="all_store.html">全部门店</a></li>
  77. </ul>
  78. </li>
  79. <li>
  80. <p>客服支持 <span>+</span></p>
  81. <ul>
  82. <li><a href="service.html">售后服务</a></li>
  83. <li><a href="">联系客服</a></li>
  84. </ul>
  85. </li>
  86. </ul>
  87. <div class="footer_bot">
  88. <p class="dy">订阅我们</p>
  89. <p>第一时间获得幻速赛车的最新动态</p>
  90. <p class="ipt_btn">
  91. <input type="text" name="" id="" value="" placeholder="输入您的邮箱地址" />
  92. <button><img src="img/footer/bt_right.png"/></button></p>
  93. <p class="wechat">
  94. <a href=""><img src="img/footer/wechat.jpg" /></a>
  95. <a href="https://weibo.com/u/5804049938"><img src="img/footer/weibo.jpg" /></a>
  96. <a href="http://v.youku.com/v_show/id_XODc0NzY5Njcy.html?qq-pf-to=pcqq.c2c"><img src="img/footer/youku.jpg" /></a>
  97. </p>
  98. <p class="phone">0592-5022711</p>
  99. <p class="last_p">Copyright©2018 厦门欣富地智能科技有限公司 版权所有</p>
  100. </div>
  101. </div>
  102. </div>
  103. <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
  104. <script src="js/swiper-4.1.6.min.js" type="text/javascript" charset="utf-8"></script>
  105. <script src="js/init.js" type="text/javascript" charset="utf-8"></script>
  106. </body>
  107. </html>