合一猎豆雷达、合一看盟、猎豆37标识物

index.html 6.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>猎豆37标记物</title>
  6. <meta name="keywords" content="猎豆37标记物,杭州股份,数据营销专家">
  7. <meta name="description" content="猎豆37标记物专注于大数据分析下的分发和数据营销">
  8. <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" media="screen" />
  9. <link rel="stylesheet" href="css/base.css" />
  10. <link rel="stylesheet" href="css/swiper.css" />
  11. <link rel="stylesheet" href="css/index.css" />
  12. </head>
  13. <body>
  14. <div id="header">
  15. <div class="common">
  16. <h1><a href="/"><img src="images/logo.png"></a></h1>
  17. <ul>
  18. <li class="on"><a href="#banner">首页</a></li>
  19. <li><a href="#business">公司业务</a></li>
  20. <li><a href="#about">关于我们</a></li>
  21. <!--<li><a href="#news">新闻动态</a></li>-->
  22. <li><a href="#employ">人才招聘</a></li>
  23. <!--<li><a href="#investor">投资者关系</a></li>-->
  24. </ul>
  25. </div>
  26. </div>
  27. <div id="banner">
  28. <!-- Swiper -->
  29. <div class="swiper-container">
  30. <div class="swiper-wrapper">
  31. <div class="swiper-slide swiper-slide-1"></div>
  32. <!--<div class="swiper-slide swiper-slide-2"></div>-->
  33. <div class="swiper-slide swiper-slide-3"></div>
  34. </div>
  35. <!-- Add Pagination -->
  36. <div class="swiper-pagination"></div>
  37. <!-- Add Pagination -->
  38. <div class="swiper-button-next"></div>
  39. <div class="swiper-button-prev"></div>
  40. </div>
  41. </div>
  42. <div id="business">
  43. <div class="common">
  44. <a href="business.html" target="_blank">
  45. <div class="left">
  46. <h3>公司业务</h3>
  47. <p>杭州猎豆是一家优秀的互联网服务提供商,通过自主研发的互联网信息聚合与分发平台,运用程序化方式,为广大用户提供方便的快捷的互联网信息服务。包括信息推广、互联个营销、PC端软件推广及下载、APP分发等互联网增值服务。 公司基于自有 DMP 数据分析系统、短连接统计系统、SSP 平台,致力于打造互联网信息聚合与分发平台,与大型互联网入口密切合作,整合互联网长尾及剩余流量,为广大用户提供方便快捷的互联网信息服务,为大型数字媒体客户提···</p>
  48. </div>
  49. <div class="right" style="height:540px">
  50. <img src="images/business.png" alt="" />
  51. </div>
  52. </a>
  53. </div>
  54. </div>
  55. <div id="business-video">
  56. <div class="common">
  57. <a href="index2.html" target="_blank">
  58. <div class="left">
  59. <h3>短视频内容营销</h3>
  60. <p>公司在新媒体领域专注于短视频达人聚合与营销服务,通过整合各大短视频平台的内容推广资源,为优秀的短视频达人、网红、PGC提供视频内容的跨平台分发与数据优化、营销推广与商业化等服务。依托酷炫超过10年互联网流量整合与营销技术积累,立志打造一只具有全球视野同时又对国内用户有深刻洞察的顶尖短视频达人孵化与营销团队。</p>
  61. </div>
  62. <div class="right" style="height:504px"><img src="images/video1.jpeg" alt="" /></div>
  63. </a>
  64. </div>
  65. </div>
  66. <div id="about">
  67. <div class="common">
  68. <a href="about.html" target="_blank">
  69. <h3>关于我们</h3>
  70. <p>公司从 2005 年成立以来,超过 10 年的运营中,我们秉承真诚服务合作伙伴,在数字营销领域通过提供平台价值以及积累的知识,2015年品牌升级为酷炫网络, 公司与国内各大知名媒体及互联网公司展开合作,在 SSP 平台、DSP、以及 APP 分发以及移动网络变现方向获得了成长。公司在该领域获得了多项软件著作及专 利权。在平台服务的数字营销领域,我们坚持把用户放在第一的宗旨展开服务。
  71. </p>
  72. </a>
  73. </div>
  74. </div>
  75. <div id="partner">
  76. <div class="common">
  77. <div class="title">
  78. <img src="images/left.png" />
  79. <h3>合作伙伴</h3>
  80. <img src="images/right.png" />
  81. </div>
  82. <img src="images/partner.png" alt="" />
  83. </div>
  84. </div>
  85. <div id="employ">
  86. <div class="common">
  87. <a href="employ.html" target="_blank">
  88. <h4>人才招聘</h4>
  89. <ul>
  90. <li>
  91. <i class="icon"><img src="images/icon_em.png"/> </i>
  92. <label>UI设计师</label>
  93. </li>
  94. <li>
  95. <i class="icon"><img src="images/icon_ios.png"/></i>
  96. <label>IOS开发</label>
  97. </li>
  98. <li>
  99. <i class="icon"><img src="images/em_BD.png"/></i>
  100. <label>BD</label>
  101. </li>
  102. <li>
  103. <i class="icon"><img src="images/em_php.png"/></i>
  104. <label>PHP开发</label>
  105. </li>
  106. <li>
  107. <i class="icon"><img src="images/icon_em.png"/></i>
  108. <label>前端开发</label>
  109. </li>
  110. </ul>
  111. </a>
  112. </div>
  113. </div>
  114. <div id="footer">
  115. <div class="common">
  116. <ul>
  117. <li class="on"><a href="#banner">首页</a></li>
  118. <li><a href="#business">公司业务</a></li>
  119. <li><a href="#about">关于我们</a></li>
  120. <li><a href="#employ">人才招聘</a></li>
  121. </ul>
  122. <p>联系我们:kuxuan<span class="domain">kuxuan-inc.com</span></p>
  123. <p>Copyring©2005-2015杭州猎豆信息技术有限公司 版权所有</p>
  124. <p>浙ICP备16001297号-1</p>
  125. </div>
  126. </div>
  127. <div class="back_top">
  128. <a href="#"><img src="images/top.png" /></a>
  129. </div>
  130. <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
  131. <script type="text/javascript" src="js/swiper.jquery.js"></script>
  132. <script type="text/javascript">
  133. // 轮播图初始化
  134. var swiper = new Swiper('.swiper-container', {
  135. autoplay: '5000',
  136. effect: 'filp',
  137. pagination: '.swiper-pagination',
  138. paginationClickable: true,
  139. nextButton: '.swiper-button-next',
  140. prevButton: '.swiper-button-prev',
  141. autoHeight: true, //enable auto height
  142. loop: true,
  143. });
  144. $(function() {
  145. //返回顶部
  146. $(window).scroll(function(){
  147. if ($(window).scrollTop() > $(window).height()) {
  148. $(".back_top").fadeIn(500);
  149. } else {
  150. $(".back_top").fadeOut(500);
  151. }
  152. });
  153. $('.back_top').click(function(){
  154. $('body,html').animate({scrollTop:0},500);
  155. });
  156. //导航的点击事件
  157. $('#header .common ul li a').click(function(){
  158. //获取当前元素的ID
  159. var id = $(this).attr('href');
  160. var index = $(this).index();
  161. //获取需要滚动到位置的offsetTop
  162. var scroll_offset = $(id).offset();
  163. //页面添加向上滚动事件
  164. $('body,html').animate({scrollTop:scroll_offset.top},600);
  165. });
  166. $('#footer .common ul li a').click(function(){
  167. //获取当前元素的ID
  168. var id = $(this).attr('href');
  169. var index = $(this).index();
  170. //获取需要滚动到位置的offsetTop
  171. var scroll_offset = $(id).offset();
  172. //页面添加向上滚动事件
  173. $('body,html').animate({scrollTop:scroll_offset.top},600);
  174. });
  175. });
  176. </script>
  177. </body>
  178. </html>