patent.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title></title>
  6. <link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  7. <link href="css/style.css" rel="stylesheet"/>
  8. <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
  9. <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  10. <link href="css/patent.css" rel="stylesheet" />
  11. </head>
  12. <body>
  13. <header>
  14. <div class="container">
  15. <div class="lt">欢迎进入科技认知计算交易平台!</div>
  16. <!--<div class="rt">
  17. <a href="#" class="login">登录</a>
  18. <a href="#">注册</a>
  19. </div>-->
  20. </div>
  21. </header>
  22. <div class="container header_nav">
  23. <div class="row clearfix">
  24. <div class="col-md-3 logo">
  25. <img src="img/logo.png" />
  26. </div>
  27. <div class="col-md-8">
  28. <ul class="nav_content">
  29. <li class="active"><a href="#">知识产权服务</a></li>
  30. <li><a href="#">知识产权申请</a></li>
  31. <li><a href="#">专利运营与布局</a></li>
  32. <li><a href="#">知识产权贯标</a></li>
  33. </ul>
  34. </div>
  35. <div class="col-md-1 search">
  36. <span>
  37. <img src="img/search_ioc.png" />
  38. </span>
  39. </div>
  40. </div>
  41. </div>
  42. <div id="myCarousel" class="carousel slide">
  43. <!-- 轮播(Carousel)指标 -->
  44. <ol class="carousel-indicators">
  45. <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  46. <li data-target="#myCarousel" data-slide-to="1"></li>
  47. <li data-target="#myCarousel" data-slide-to="2"></li>
  48. </ol>
  49. <!-- 轮播(Carousel)项目 -->
  50. <div class="carousel-inner">
  51. <div class="item active">
  52. <img src="img/slide_img_1.png" alt="First slide">
  53. </div>
  54. <div class="item">
  55. <img src="img/slide_img_1.png" alt="Second slide">
  56. </div>
  57. <div class="item">
  58. <img src="img/slide_img_1.png" alt="Third slide">
  59. </div>
  60. </div>
  61. <!-- 轮播(Carousel)导航 -->
  62. <a class="carousel-control left" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
  63. <a class="carousel-control right" href="#myCarousel"
  64. data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
  65. </div>
  66. <div class="container consulting">
  67. <div class="title">
  68. <h1>专利咨询</h1>
  69. <p>PATENT ADVICE</p>
  70. <span></span>
  71. </div>
  72. <div class="content">
  73. <div class="content_nav">
  74. <ul id="myTab">
  75. <li class="active">
  76. <a href="#tab1" data-toggle="tab">
  77. <span>专利技术分析</span>
  78. </a>
  79. <img src="img/consulting_atv.png" />
  80. </li>
  81. <li>
  82. <a href="#tab2" data-toggle="tab">
  83. <span>竞争对手专利分析</span>
  84. </a>
  85. <img src="img/consulting_atv.png" />
  86. </li>
  87. <li>
  88. <a href="#tab3" data-toggle="tab">
  89. <span>行业专利信息分析专利挖掘与布局</span>
  90. </a>
  91. <img src="img/consulting_atv.png" />
  92. </li>
  93. <li>
  94. <a href="#tab4" data-toggle="tab">
  95. <span>专利预警服务</span>
  96. </a>
  97. <img src="img/consulting_atv.png" />
  98. </li>
  99. <li>
  100. <a href="#tab5" data-toggle="tab">
  101. <span>专利维权确权服务</span>
  102. </a>
  103. <img src="img/consulting_atv.png" />
  104. </li>
  105. </ul>
  106. </div>
  107. <div id="myTabContent" class="content_list tab-content">
  108. <div id="tab1" class="tab-pane in active">
  109. <div class="content_info ">
  110. <div class="zc_info_txt">
  111. <h2>服务描述1:</h2>
  112. <p>调查与企业相关产品或技术相关的专利,特别是竞争对手的专利布局及研发动态。从而作为技术参考,跟踪竞争对手的研发方向。</p>
  113. </div>
  114. </div>
  115. </div>
  116. <div id="tab2" class="tab-pane">
  117. <div class="content_info ">
  118. <div class="zc_info_txt">
  119. <h2>服务描述2:</h2>
  120. <p>调查与企业相关产品或技术相关的专利,特别是竞争对手的专利布局及研发动态。从而作为技术参考,跟踪竞争对手的研发方向。</p>
  121. </div>
  122. </div>
  123. </div>
  124. <div id="tab3" class="tab-pane">
  125. <div class="content_info ">
  126. <div class="zc_info_txt">
  127. <h2>服务描述3:</h2>
  128. <p>调查与企业相关产品或技术相关的专利,特别是竞争对手的专利布局及研发动态。从而作为技术参考,跟踪竞争对手的研发方向。</p>
  129. </div>
  130. </div>
  131. </div>
  132. <div id="tab4" class="tab-pane">
  133. <div class="content_info ">
  134. <div class="zc_info_txt">
  135. <h2>服务描述4:</h2>
  136. <p>调查与企业相关产品或技术相关的专利,特别是竞争对手的专利布局及研发动态。从而作为技术参考,跟踪竞争对手的研发方向。</p>
  137. </div>
  138. </div>
  139. </div>
  140. <div id="tab5" class="tab-pane">
  141. <div class="content_info ">
  142. <div class="zc_info_txt">
  143. <h2>服务描述5:</h2>
  144. <p>调查与企业相关产品或技术相关的专利,特别是竞争对手的专利布局及研发动态。从而作为技术参考,跟踪竞争对手的研发方向。</p>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. </div>
  151. <div class="case">
  152. <div class="container">
  153. <div class="title">
  154. <h1>成功案例</h1>
  155. <p>SUCCESS CASE</p>
  156. <span></span>
  157. </div>
  158. <div class="case_content">
  159. <ul>
  160. <li><a href="#"><img src="img/case_1.png"></a></li>
  161. <li><a href="#"><img src="img/case_1.png"></a></li>
  162. <li><a href="#"><img src="img/case_1.png"></a></li>
  163. <li><a href="#"><img src="img/case_1.png"></a></li>
  164. <li><a href="#"><img src="img/case_1.png"></a></li>
  165. <li><a href="#"><img src="img/case_1.png"></a></li>
  166. <li><a href="#"><img src="img/case_1.png"></a></li>
  167. <li><a href="#"><img src="img/case_1.png"></a></li>
  168. <li><a href="#"><img src="img/case_1.png"></a></li>
  169. <li><a href="#"><img src="img/case_1.png"></a></li>
  170. <li><a href="#"><img src="img/case_1.png"></a></li>
  171. <li><a href="#"><img src="img/case_1.png"></a></li>
  172. <li><a href="#"><img src="img/case_1.png"></a></li>
  173. <li><a href="#"><img src="img/case_1.png"></a></li>
  174. <li><a href="#"><img src="img/case_1.png"></a></li>
  175. </ul>
  176. </div>
  177. </div>
  178. </div>
  179. <footer>
  180. <div class="container">
  181. <a href="#">联系我们</a>
  182. <a href="#">联系我们</a>
  183. <a href="#">联系我们</a>
  184. <a href="#">联系我们</a>
  185. <a href="#">联系我们</a>
  186. <a href="#">联系我们</a>
  187. </div>
  188. </footer>
  189. </body>
  190. </html>