news.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219
  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" class="active">新闻资讯</a></li>
  22. <li><a href="jobs.html">人才招聘</a></li>
  23. <li><a href="service.html">服务支持</a></li>
  24. <li><a href="contact.html">联系我们</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-6.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="page-main">
  80. <ul class="index-news-list clearfix index-con">
  81. <li>
  82. <a href="">
  83. <em><img src="images/pic7.jpg"></em>
  84. <div class="text">
  85. <span></span>
  86. <p>AI人脸识别,助力智慧社区建设升级慧社区建!</p>
  87. <i>2019.09.25</i>
  88. </div>
  89. </a>
  90. </li>
  91. <li>
  92. <a href="">
  93. <em><img src="images/pic7.jpg"></em>
  94. <div class="text">
  95. <span></span>
  96. <p>AI人脸识别,助力智慧社区建设升级慧社区建!</p>
  97. <i>2019.09.25</i>
  98. </div>
  99. </a>
  100. </li>
  101. <li>
  102. <a href="">
  103. <em><img src="images/pic7.jpg"></em>
  104. <div class="text">
  105. <span></span>
  106. <p>AI人脸识别,助力智慧社区建设升级慧社区建!</p>
  107. <i>2019.09.25</i>
  108. </div>
  109. </a>
  110. </li>
  111. <li>
  112. <a href="">
  113. <em><img src="images/pic7.jpg"></em>
  114. <div class="text">
  115. <span></span>
  116. <p>AI人脸识别,助力智慧社区建设升级慧社区建!</p>
  117. <i>2019.09.25</i>
  118. </div>
  119. </a>
  120. </li>
  121. <li>
  122. <a href="">
  123. <em><img src="images/pic7.jpg"></em>
  124. <div class="text">
  125. <span></span>
  126. <p>AI人脸识别,助力智慧社区建设升级慧社区建!</p>
  127. <i>2019.09.25</i>
  128. </div>
  129. </a>
  130. </li>
  131. <li>
  132. <a href="">
  133. <em><img src="images/pic7.jpg"></em>
  134. <div class="text">
  135. <span></span>
  136. <p>AI人脸识别,助力智慧社区建设升级慧社区建!</p>
  137. <i>2019.09.25</i>
  138. </div>
  139. </a>
  140. </li>
  141. <li>
  142. <a href="">
  143. <em><img src="images/pic7.jpg"></em>
  144. <div class="text">
  145. <span></span>
  146. <p>AI人脸识别,助力智慧社区建设升级慧社区建!</p>
  147. <i>2019.09.25</i>
  148. </div>
  149. </a>
  150. </li>
  151. <li>
  152. <a href="">
  153. <em><img src="images/pic7.jpg"></em>
  154. <div class="text">
  155. <span></span>
  156. <p>AI人脸识别,助力智慧社区建设升级慧社区建!</p>
  157. <i>2019.09.25</i>
  158. </div>
  159. </a>
  160. </li>
  161. <div class="clear"></div>
  162. <div class="page-but">
  163. <a href="">点击加载更多</a>
  164. </div>
  165. </ul>
  166. </div>
  167. <!--footer-->
  168. <div class="index-footer">
  169. <div class="clearfix index-footer-info index-con">
  170. <div class=" fl">
  171. </div>
  172. <div class="lianxi fl">
  173. <h2>联系方式</h2>
  174. <p>前台电话: xxx </p>
  175. <p>报修电话:xxx</p>
  176. <P>地址:xxx省xxx市XX区XX1201号XXXXXX</P>
  177. <p>商务产业园x期x号楼东xxx室</p>
  178. </div>
  179. <div class="phone fl">
  180. xxx
  181. </div>
  182. <div class="erweima fr">
  183. <img src="images/pic1.jpg">
  184. <p>二维码</p>
  185. </div>
  186. </div>
  187. <div class="index-footer-bottom">
  188. <div class="index-con clearfix">
  189. <p class="fl">版权所有 © 2020 xxxx科技有限公司 皖ICP备xxxxxxxx号 x公网安备xxxxxxxxxxxxxxxxxx号</p>
  190. <a href="http://www.5imoban.net" target="_blank" class="fr">技术支持:静态网页模板</a>
  191. </div>
  192. </div>
  193. </div>
  194. <div class="clear"></div>
  195. </div>
  196. <script type="text/javascript" src="http://www.5imoban.net/download/jquery/jquery-3.2.1.min.js"></script>
  197. <script type="text/javascript" src="js/main.js"></script>
  198. <script type='text/javascript' src='js/base.js'></script>
  199. <script type="text/javascript" src='js/app.js'></script>
  200. <script src="js/more.js"></script>
  201. <script>
  202. scrolly.init({
  203. wrapper: '#bloc',
  204. targets: '.scr-el',
  205. bgParallax: true,
  206. wrapperSpeed: 0.08
  207. });
  208. </script>
  209. </body>
  210. </html>