-r 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="description" content="">
  8. <link rel="stylesheet" href="css/reset.css">
  9. <link rel="stylesheet" href="css/index.css?v=0.0006247">
  10. <link rel="stylesheet" href="css/animate.min.css"></link>
  11. <link rel="stylesheet" href="css/swiper-3.4.2.min.css">
  12. <script src="js/jquery-1.11.3.min.js"></script>
  13. <script src="js/rem.js"></script>
  14. <script>
  15. window['adaptive'].desinWidth = 750;
  16. window['adaptive'].init();
  17. </script>
  18. <style type="text/css">
  19. body,
  20. .container {
  21. background: #000004;
  22. }
  23. .con_t {
  24. width: 100%;
  25. }
  26. .swiperBox {
  27. width: 100%;
  28. height: 900px;
  29. position: relative;
  30. overflow: hidden;
  31. z-index: 1;
  32. }
  33. .swiper {
  34. position: absolute;
  35. left: 0;
  36. top: 0;
  37. height: 100%;
  38. }
  39. .swiper-container-horizontal>.swiper-pagination-bullets,
  40. .swiper-pagination-custom,
  41. .swiper-pagination-fraction {
  42. position: absolute;
  43. z-index: 20;
  44. }
  45. @media only screen and (max-width: 1024px) {
  46. .swiperBox {
  47. height: 484px;
  48. }
  49. }
  50. </style>
  51. </head>
  52. <body>
  53. <div class="container">
  54. <div class="close-bar"></div>
  55. <div class="con_t">
  56. <img src=" http://yun-image.elab-plus.com/images/1-1.png" alt="" class="wow fadeIn" data-wow-duration="1s" data-wow-delay="0s">
  57. <div class="left">
  58. <h3 class="cai wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">蔡雪梅</h3>
  59. <span class="line wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s"></span>
  60. <p class="p_p wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">曾任世茂集团集团副总裁兼营销总经理,北京龙湖营销营销副总,龙湖集团营销中心副总,龙湖集团产品体验中心总监</p>
  61. </div>
  62. <div class="right">
  63. <h3 class="h33 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">ELAB创始人兼CEO</h3>
  64. <div class="work wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
  65. <h3>WORK EXPERIENCE</h3>
  66. <P>曾将世茂公司业绩从280亿到达710亿;</P>
  67. <p>从全国排名13位提升至第8位。</p>
  68. </div>
  69. <h3 class="n wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">Cher Cai</h3>
  70. <div class="gx wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
  71. <P>曾带领龙湖地产从30亿到330亿</P>
  72. <p>从3个城市到13个城市,</p>
  73. <p>从地方民营企业到香港上市公司的全过程。</p>
  74. </div>
  75. <div class="w wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
  76. <P>在担任龙湖集团产品体验中心总监期间,</P>
  77. <p>深耕各业态高端产品系。</p>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="sb" style="background: url(http://yun-image.elab-plus.com/images/Group@2x.png) center no-repeat;background-size: cover;">
  82. <div class="shuzi">
  83. <p>
  84. <span class="sp1 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s"> <strong>20</strong> 年</span>
  85. <span class="sp1 wow fadeIn" data-wow-duration="1s" data-wow-delay="1s">
  86. <strong>60</strong>城
  87. </span>
  88. </p>
  89. <p>
  90. <span class="sp1 wow fadeIn" data-wow-duration="1s" data-wow-delay="1.5s">
  91. <strong>130<sup>+</sup></strong>项目
  92. </span>
  93. </p>
  94. <p>
  95. <span class="sp1 wow fadeIn" data-wow-duration="1s" data-wow-delay="2s">
  96. <strong>220</strong>亿销售额
  97. </span>
  98. </p>
  99. </div>
  100. </div>
  101. <div class="swiperBox">
  102. <div class="swiper">
  103. <div class="swiper-wrapper">
  104. <div class="swiper-slide">
  105. <div class="swiper-box">
  106. <div class="s_inner">
  107. <h3>“可不可以,开启一段旅程,无关其他,只为热爱?”</h3>
  108. <p class="sm">--蔡雪梅</p>
  109. <p class="sub">
  110. 2015年,蔡雪梅深刻感知到地产行业的内忧外患,同时看到了地产外技术赋能下的新的商业环境,在传统地产公司无法大刀阔斧改革的情况下,毅然结束了 20 年的房地产高级职业经理人生涯,在上海创办了以技术和数据驱动的新型房地产开发互联网平台型公司,ELAB。
  111. </p>
  112. </div>
  113. </div>
  114. </div>
  115. <div class="swiper-slide">
  116. <div class="swiper-box">
  117. <div class="s_inner">
  118. <h3>“探索必不可少”</h3>
  119. <p class="sm">--蔡雪梅</p>
  120. <p class="sub">
  121. 现在,蔡雪梅正和她的团队,持续推动创新,通过技术,数据,产品赋能,改变传统开发模式,实现以客户需求为核心的未来人居创新产品预制开发,努力 让ELAB成为客户价值和客户利益的创造者,研究未来最领先的生活方式和美好体验,并从源头解决开发商痛点,推动行业可持续发展。
  122. </p>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. <div class="span"></div>
  128. </div>
  129. </div>
  130. </div>
  131. </body>
  132. <!--<script src="http://yun-image.elab-plus.com/js/index.js"></script>-->
  133. <script src="js/wow.js"></script>
  134. <script src="js/swiper-3.4.2.min.js"></script>
  135. <script>
  136. $(function() {
  137. var $_w = $(top).width();
  138. $(".swiper").width($_w + "px");
  139. var swiper = new Swiper('.swiper', {
  140. pagination: '.span',
  141. paginationClickable: false,
  142. autoplay: 3000,
  143. speed: 800,
  144. loop: true
  145. });
  146. $('.close-bar').on('click', function(e) {
  147. $("html,body").fadeOut(500);
  148. parent.closeChuang();
  149. });
  150. });
  151. function startWow() {
  152. //start wow
  153. var wow = new WOW({
  154. boxClass: 'wow',
  155. animateClass: 'animated',
  156. offset: 0,
  157. mobile: true,
  158. live: true
  159. });
  160. wow.init();
  161. }
  162. </script>
  163. </html>