contact.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>联系我们 - 炫酷的科技公司静态html模板 - xxx</title>
  6. <link rel="stylesheet" type="text/css" href="css/style.css" />
  7. <link rel="stylesheet" type="text/css" href="css/common.css">
  8. <link rel="stylesheet" type="text/css" href="css/animate.min.css">
  9. </head>
  10. <body>
  11. <div class="index-header clearfix">
  12. <div class="index- fl">
  13. <a href=""></a>
  14. </div>
  15. <ul class="index-nav fl">
  16. <li><a href="index.html">首页</a></li>
  17. <li><a href="about.html">关于我们</a></li>
  18. <li><a href="business.html">业务范围</a></li>
  19. <li><a href="products.html">产品中心</a></li>
  20. <li><a href="cases.html">应用案例</a></li>
  21. <li><a href="news.html">新闻资讯</a></li>
  22. <li><a href="jobs.html">人才招聘</a></li>
  23. <li><a href="service.html">服务支持</a></li>
  24. <li><a href="contact.html" class="active">联系我们</a></li>
  25. </ul>
  26. <!-- <div class="index-header-right fr">
  27. <a href="" class="search-btn">搜索</a>
  28. <a href="" class="erweima">
  29. <div class="erweima-pic">
  30. <img src="images/pic1.jpg">
  31. </div>
  32. </a>
  33. </div>
  34. <div class="clear"></div> -->
  35. </div>
  36. <!-- <div class="search_sec">
  37. <a href="#" title="" class="close-search"><i class=" la-close"><img src="images/icon5.png"></i></a>
  38. <div class="search_field">
  39. <div class="container">
  40. <form>
  41. <input type="text" name="search" placeholder="Search for...">
  42. <button type="submit"><img src="images/search2.png" alt=""></button>
  43. </form>
  44. </div>
  45. </div>
  46. </div> -->
  47. <!--search_sec end-->
  48. <div id="wrap">
  49. <section id="top clearfix">
  50. <div class="page-banner pic scroll-animate animated fadeInDownSmall" data-effect="fadeInDownSmall" >
  51. <img src="images/page-banner-9.png" class="banner">
  52. </div>
  53. <div class="clear"></div>
  54. <div class="msg">
  55. <h1 class="f-50 mb-12">联系我们</h1>
  56. <div id="down-more">
  57. <i class="wc"><img src="images/jt2.png"></i><br>
  58. <a class="">Scroll More</a>
  59. </div>
  60. </div>
  61. <!-- <section class="sub-menu clearfix">
  62. <div class="index-con">
  63. <div class="fl sub-menu-left">
  64. <em><img src="images/tu48.png"></em>
  65. <a href="">our news</a>
  66. <em><img src="images/tu10.jpg"></em>
  67. <a href="">我们的新闻</a>
  68. </div>
  69. <ul class="pinner fr">
  70. <li><a href="" class="link on">案例展示一</a></li>
  71. <li><a href="" class="link">案例展示二</a></li>
  72. <li><a href="" class="link">案例展示三</a></li>
  73. <li><a href="" class="link">案例展示四</a></li>
  74. </ul>
  75. </div>
  76. <div class="clear"></div>
  77. </section> -->
  78. </section>
  79. <div class="rc_box">
  80. <div class="w1260">
  81. <div class="rcln_t"><img src="images/Contact-title.png" alt="" /></div>
  82. <div class="N_contact_son_text_L fl">
  83. <p><strong>总部地址</strong>:xxx省xxx市XX区XX1201号XXXXXX商务产业园x期x号楼东xxx室 </p>
  84. <p><strong>电话咨询</strong>:xxx </p>
  85. <p><strong>保修电话</strong>:xxx</p>
  86. <p><strong>手机</strong>:xxx </p>
  87. <p><strong>传真</strong>:xxx</p>
  88. <p><strong>官方网址</strong>:xxx</p>
  89. </div>
  90. <div class="fl code cwx">
  91. <a href="">
  92. <img src="images/erweima.jpg">
  93. </a>
  94. <span>关注微信号</span>
  95. </div>
  96. <div class="fl code cwb">
  97. <a href="">
  98. <img src="images/erweima.jpg">
  99. </a>
  100. <span>关注微博号</span>
  101. </div>
  102. </div>
  103. </div>
  104. <div class="rc_box1 rc_box2">
  105. <div class="w1260">
  106. <div class="zpgw_t">
  107. <!-- <img src="images/liuyan_title.png" alt="" /> -->
  108. </div>
  109. <div class="liuyan">
  110. <!-- <div class="w1260">
  111. <ul>
  112. <li><input type="text" value="请输入您的姓名" class="text" onblur="if(this.value=='')this.value='请输入您的姓名';" onfocus="this.value='';" onkeydown="entersearch()"></li>
  113. <li><input type="text" value="请输入您的联系电话" class="text" onblur="if(this.value=='')this.value='请输入您的联系电话';" onfocus="this.value='';" onkeydown="entersearch()"></li>
  114. <li><input type="text" value="请输入您的常用邮箱" class="text" onblur="if(this.value=='')this.value='请输入您的常用邮箱';" onfocus="this.value='';" onkeydown="entersearch()"></li>
  115. <li class="on_11"><textarea placeholder="请在此处输入文本..."></textarea></li>
  116. <li class="on_22"><input type="submit" value="立即提交" class="sub"></li>
  117. </ul>
  118. </div> -->
  119. </div>
  120. </div>
  121. </div>
  122. <!--footer-->
  123. <div class="index-footer" style="margin-top: 0;">
  124. <div class="clearfix index-footer-info index-con">
  125. <div class=" fl">
  126. </div>
  127. <div class="lianxi fl">
  128. <h2>联系方式</h2>
  129. <p>前台电话: xxx </p>
  130. <p>报修电话:xxx</p>
  131. <P>地址:xxx省xxx市XX区XX1201号XXXXXX</P>
  132. <p>商务产业园x期x号楼东xxx室</p>
  133. </div>
  134. <div class="phone fl">
  135. xxx
  136. </div>
  137. <div class="erweima fr">
  138. <img src="images/pic1.jpg">
  139. <p>二维码</p>
  140. </div>
  141. </div>
  142. <div class="index-footer-bottom">
  143. <div class="index-con clearfix">
  144. <p class="fl">版权所有 © 2020 xxxx科技有限公司 皖ICP备xxxxxxxx号 x公网安备xxxxxxxxxxxxxxxxxx号</p>
  145. <a href="http://www.5imoban.net" target="_blank" class="fr">技术支持:静态网页模板</a>
  146. </div>
  147. </div>
  148. </div>
  149. <div class="clear"></div>
  150. </div>
  151. <script type="text/javascript" src="http://www.5imoban.net/download/jquery/jquery-3.2.1.min.js"></script>
  152. <script type="text/javascript" src="js/main.js"></script>
  153. <script type='text/javascript' src='js/base.js'></script>
  154. <script type="text/javascript" src='js/app.js'></script>
  155. <script src="js/more.js"></script>
  156. <!--人才招聘-->
  157. <script src="js/nav_left.js"></script>
  158. <script>
  159. scrolly.init({
  160. wrapper: '#bloc',
  161. targets: '.scr-el',
  162. bgParallax: true,
  163. wrapperSpeed: 0.08
  164. });
  165. </script>
  166. </body>
  167. </html>