active.html 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  6. <meta content="yes" name="apple-mobile-web-app-capable">
  7. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  8. <meta content="telephone=no" name="format-detection">
  9. <title>首页</title>
  10. <meta name="Keywords" content="" />
  11. <meta name="Description" content="" />
  12. <link href="css/global.css?v=76e6ae63" rel="stylesheet"><link href="css/active.css?v=76e6ae63" rel="stylesheet"></head>
  13. <body>
  14. <header>海狸福利社</header>
  15. <section class="infos">
  16. <h2>H&M店铺优惠券活动</h2>
  17. <section class="msg">
  18. 该活动您已获得试用权限,<a href="">试用完成请评价</a>
  19. </section>
  20. <section class="tabs">
  21. <ul>
  22. <li class="cur"><a href="#tab1">活动详情</a></li>
  23. <li><a href="#tab2">中奖信息</a></li>
  24. <li><a href="#tab3">试用评价</a></li>
  25. <li><a href="#tab4">助力排行</a></li>
  26. </ul>
  27. </section>
  28. </section>
  29. <section id="tab1" class="tabcont" style="display:block;">
  30. <section class="cardcont">
  31. <dl class="card">
  32. <dd><span class="time"><em class="icon-time"></em>剩余26天</span><span>参与1234567人</span></dd>
  33. </dl>
  34. <section class="article">
  35. <p>H&M2014春秋限量系列单品优惠活动,输入您的资料,下载折扣码,享专属特权优惠。</p>
  36. <img src="images/5555f9b1.tmp3.jpg">
  37. </section>
  38. <section class="button-wrapper">
  39. <a class="button">分享给好友</a>
  40. <a class="button">购买试用产品</a>
  41. </section>
  42. </section>
  43. <section class="applycont">
  44. <h2>申请试用</h2>
  45. <form>
  46. <input type="text" placeholder="姓名" name="">
  47. <input type="text" placeholder="手机" name="">
  48. <select>
  49. <option>请选择性别</option>
  50. <option>男</option>
  51. <option>女</option>
  52. </select>
  53. <input type="text" placeholder="收货地址" name="">
  54. <textarea placeholder="申请感言"></textarea>
  55. </form>
  56. <section class="button-wrapper">
  57. <a class="button">申请试用</a>
  58. </section>
  59. <h2>活动规则</h2>
  60. <section class="summary">
  61. <p>1.时装周是以服装设计师以及时尚品牌最新产品发布会为核心的动态展。</p>
  62. <p>2.活动也是聚合时尚文化产业的展盛会,一般都在时尚活 动也是聚合时装周是以服装设计师以及时尚品牌最新产品发。</p>
  63. <p>3.活动也是聚合时尚文化产业的展盛会,一般都在时尚活动也是聚合。</p>
  64. <p>4.活动也是聚合时尚文化产业的展盛会,一般都在时尚活动也是聚合时装周是以服装设计师以及时尚品牌。</p>
  65. </section>
  66. </section>
  67. <section class="recommend">
  68. <ul>
  69. <li><a href=""><img src="images/f3d15416.tmp6.jpg"><span>加餐送福利,春季护肤零烦恼</span></a></li>
  70. <li><a href=""><img src="images/f3d15416.tmp6.jpg"><span>加餐送福利,春季护肤零烦恼</span></a></li>
  71. <li><a href=""><img src="http://optestcdn.5dev.cn/public/upload/image/2018/0529/110238_10139.png"><span>加餐送福利,春季护肤零烦恼</span></a></li>
  72. </ul>
  73. </section>
  74. <section class="ad">
  75. <h2><span>广告</span></h2>
  76. <a href="">
  77. <img src="images/9a848f11.adtmp.jpg">
  78. </a>
  79. </section>
  80. </section>
  81. <section id="tab2" class="tabcont">
  82. <section class="userlist">
  83. <ul>
  84. <li><img src="images/da428226.tmp2.jpg"><span>138****1234 的用户 2018.4.20 15:10 获得 某某某某活动奖品。</span></li>
  85. <li><img src="images/da428226.tmp2.jpg"><span>138****1234 的用户 2018.4.20 15:10 获得 某某某某活动奖品。</span></li>
  86. <li><img src="images/da428226.tmp2.jpg"><span>138****1234 的用户 2018.4.20 15:10 获得 某某某某活动奖品。</span></li>
  87. <li><img src="images/da428226.tmp2.jpg"><span>138****1234 的用户 2018.4.20 15:10 获得 某某某某活动奖品。</span></li>
  88. <li><img src="images/da428226.tmp2.jpg"><span>138****1234 的用户 2018.4.20 15:10 获得 某某某某活动奖品。</span></li>
  89. </ul>
  90. </section>
  91. </section>
  92. <section id="tab3" class="tabcont">
  93. <section class="commentlist">
  94. <ul>
  95. <li>
  96. <img src="images/da428226.tmp2.jpg">
  97. <div class="dt">
  98. <span>138****1234 的用户 评价了活动 某某某某某项活动:</span>
  99. <div class="imgs">
  100. <img src="images/8db3cefb.tmp5.jpg">
  101. <img src="images/8db3cefb.tmp5.jpg">
  102. <img src="images/8db3cefb.tmp5.jpg">
  103. </div>
  104. <p>评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</p>
  105. </div>
  106. </li>
  107. <li>
  108. <img src="images/da428226.tmp2.jpg">
  109. <div class="dt">
  110. <span>138****1234 的用户 评价了活动 某某某某某项活动:</span>
  111. <p>评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</p>
  112. </div>
  113. </li>
  114. <li>
  115. <img src="images/da428226.tmp2.jpg">
  116. <div class="dt">
  117. <span>138****1234 的用户 评价了活动 某某某某某项活动:</span>
  118. <p>评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容。</p>
  119. </div>
  120. </li>
  121. </ul>
  122. </section>
  123. </section>
  124. <section id="tab4" class="tabcont">
  125. <section class="zhulilist">
  126. <ul>
  127. <li>
  128. <div>
  129. <img src="images/da428226.tmp2.jpg"><span>迷信的无神论者</span>
  130. </div>
  131. <div><span>助力值124</span></div>
  132. </li>
  133. <li>
  134. <div>
  135. <img src="images/da428226.tmp2.jpg"><span>迷信的无神论者</span>
  136. </div>
  137. <div><span>助力值124</span></div>
  138. </li>
  139. <li>
  140. <div>
  141. <img src="images/da428226.tmp2.jpg"><span>迷信的无神论者</span>
  142. </div>
  143. <div><span>助力值124</span></div>
  144. </li>
  145. <li>
  146. <div>
  147. <img src="images/da428226.tmp2.jpg"><span>迷信的无神论者</span>
  148. </div>
  149. <div><span>助力值124</span></div>
  150. </li>
  151. </ul>
  152. </section>
  153. </section>
  154. <!-- <section class="layer" style="display:block">
  155. <section class="loginbox">
  156. <h3>您还没有登录</h3>
  157. <p>请登录后再参与福利活动</p>
  158. <section class="button-wrapper">
  159. <a class="button autowidth">马上登录马上登录</a>
  160. </section>
  161. </section>
  162. </section> -->
  163. <script type="text/javascript" src="js/global.js?v=76e6ae63"></script><script type="text/javascript" src="js/active.js?v=76e6ae63"></script></body>
  164. </html>