API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 25th, 2019
159
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.30 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="zh-hk" data-panel="">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7.  
  8. <meta name="keywords" content="">
  9. <meta name="description" content="撳粒掣就得，即贏即攞即叮即食！">
  10. <meta property="og:url" content="http://711chicken.com.hk/" />
  11. <meta property="og:type" content="website" />
  12. <meta property="og:title" content="超過 10,000 隻 7-Signature 滋味多汁雞髀等你拎！" />
  13. <meta property="og:description" content="撳粒掣就得，即贏即攞即叮即食！" />
  14. <meta property="og:image" content="http://711chicken.com.hk/image/711_fb_share_img.jpg?v=1" />
  15.  
  16. <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
  17.  
  18. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
  19. integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  20. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css">
  21. <link rel="stylesheet" href="/css/style.css">
  22. <title>「撳髀你食」大挑戰</title>
  23. </head>
  24. <body oncontextmenu="return false;">
  25. <article>
  26. <header class="header py-2 py-md-4 pt-lg-3 pb-lg-2">
  27. <div class="container">
  28. <div class="row justify-content-center">
  29. <div class="col-3 col-md-2 col-lg-1 text-center">
  30. <img src="/image/main_logo.jpg" alt="7-11" class="img-fluid header__logo">
  31. </div>
  32. </div>
  33. </div>
  34. </header>
  35.  
  36. <div class="loading"></div>
  37. <div class="container p-0 panel panel-1">
  38. <div class="row no-gutters">
  39. <div class="col">
  40. <img src="/image/home_kv_m.jpg" alt="雞有咁多種,好味有呢種" class="img-fluid d-lg-none">
  41. <img src="/image/home_kv_d.jpg" alt="雞有咁多種,好味有呢種" class="img-fluid d-none d-lg-inline-block">
  42. </div>
  43. </div>
  44. <div class="row no-gutters justify-content-center">
  45. <div class="col-10 col-md-4">
  46. <img src="/image/home_title.jpg" alt="撳髀你食" class="img-fluid panel__title">
  47. </div>
  48. </div>
  49. <div class="row no-gutters justify-content-center">
  50. <div class="col-10 col-md-8">
  51. <p>由 2019 年 6 月 26 日至 7 月 16 日，成功挑戰「撳髀你食」大挑戰，即可獲得 <span class="no-word-wrap">7-SIGNATURE</span> 雞髀一隻。
  52. <br class="d-none d-md-inline">快啲試吓啦！
  53. </p>
  54. </div>
  55. </div>
  56. <div class="row no-gutters justify-content-center">
  57. <div class="col-6 col-md-2">
  58. <a class="panel__btn btn-to-sec" href="javascript:void(0);" data-tosec="Tutorial">
  59. <img src="/image/btn_start_game.jpg" alt="立即開始" class="img-fluid">
  60. </a>
  61. </div>
  62. </div>
  63. </div>
  64.  
  65.  
  66. <div class="container p-0 panel panel-2">
  67. <div class="row no-gutters justify-content-center">
  68. <div class="col-10 col-md-4">
  69. <img src="/image/tutorial_title.jpg" alt="「撳髀你食」大挑戰教學" class="img-fluid panel__title">
  70. </div>
  71. </div>
  72. <div class="row no-gutters">
  73. <div class="col">
  74. <!-- Swiper -->
  75. <div class="swiper-container">
  76. <div class="swiper-wrapper">
  77. <div class="swiper-slide tutorial-step">
  78. <div class="tutorial-step__img">
  79. <img src="/image/tutorial_step1_img.jpg" alt="" class="img-fluid">
  80. </div>
  81. <div class="tutorial-step__btm-wrap">
  82. <div class="tutorial-step__tag">
  83. <img src="/image/tutorial_step1_icon.jpg" alt="步驟1" class="img-fluid">
  84. </div><!--
  85. --><div class="tutorial-step__desc">
  86. <p>
  87. 將 <span class="no-word-wrap">7-SIGNATURE</span> 雞髀/雞翼/雞粒放入微波爐後，畫面會出現所需烹調時間
  88. </p>
  89. </div>
  90. </div>
  91. </div>
  92. <div class="swiper-slide tutorial-step">
  93. <div class="tutorial-step__img">
  94. <img src="/image/tutorial_step2_img.jpg" alt="" class="img-fluid">
  95. </div>
  96. <div class="tutorial-step__btm-wrap">
  97. <div class="tutorial-step__tag">
  98. <img src="/image/tutorial_step2_icon.jpg" alt="步驟2" class="img-fluid">
  99. </div><!--
  100. --><div class="tutorial-step__desc">
  101. <p>
  102. 微波爐隨即開始運作，玩家需撳中 TIMER 所顯示的加熱時間，然後按 [STOP] 即可
  103. </p>
  104. </div>
  105. </div>
  106. </div>
  107. <div class="swiper-slide tutorial-step">
  108. <div class="tutorial-step__img">
  109. <img src="/image/tutorial_step3_img.jpg" alt="" class="img-fluid">
  110. </div>
  111. <div class="tutorial-step__btm-wrap">
  112. <div class="tutorial-step__tag">
  113. <img src="/image/tutorial_step3_icon.jpg" alt="步驟3" class="img-fluid">
  114. </div><!--
  115. --><div class="tutorial-step__desc">
  116. <p>
  117. 挑戰成功後，只要完成簡單登記，即可獲得「<span class="no-word-wrap">7-SIGNATURE</span> 雞髀免費電子換領券」一張
  118. </p>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. <!-- Add Pagination -->
  124. <div class="swiper-pagination d-md-none"></div>
  125. </div>
  126. </div>
  127. </div>
  128. <div class="row no-gutters justify-content-center">
  129. <div class="col-6 col-md-2">
  130. <a class="panel__btn btn-to-sec btn-game-start" href="javascript:void(0);" data-tosec="Game">
  131. <img src="/image/btn_start_game2.jpg" alt="立即開始" class="img-fluid">
  132. </a>
  133. </div>
  134. </div>
  135. </div>
  136.  
  137. <div class="panel panel-3">
  138. <div class="container p-0">
  139. <div class="row no-gutters justify-content-center">
  140. <div class="col-10 col-md-4">
  141. <img src="/image/home_title.jpg" alt="「撳髀你食」大挑戰" class="img-fluid panel__title">
  142. </div>
  143. </div>
  144. </div>
  145. <div class="game-wrap">
  146. <div class="row no-gutters">
  147. <div class="container p-0">
  148. <div class="row no-gutters justify-content-center">
  149. <div class="col col-md-7 col-lg-5 game-stage">
  150. <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==" alt="" class="img-fluid animation">
  151. <div class="timer">
  152. <img src="image/game_timer.png" alt="" class="img-fluid">
  153. <span class="timer__digi"></span>
  154. <a href="javascript:void(0);" class="timer__btn-stop">stop</a>
  155. </div>
  156. <div class="smoke"></div>
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. <div class="row no-gutters">
  163. <div class="container p-0">
  164. <div class="game-result game-result--lose">
  165. <div class="row no-gutters">
  166. <div class="col">
  167. <img src="/image/result_fail_txt.jpg" alt="哎呀" class="img-fluid">
  168. <p class="mt-3 lose-msg">
  169.  
  170. </p>
  171. </div>
  172. </div>
  173. <div class="row no-gutters justify-content-center mt-4">
  174. <div class="col-6 col-md-2">
  175. <a href="javascript:void(0);" class="game-result__btn-replay">
  176. <img src="/image/btn_again.jpg" alt="再挑戰" class="img-fluid">
  177. </a>
  178. </div>
  179. </div>
  180. <div class="row no-gutters justify-content-center mt-2">
  181. <div class="col-6 col-md-2">
  182. <a href="javascript:void(0);" class="btn-fbshare">
  183. <img src="/image/btn_fb_share.jpg" alt="分享" class="img-fluid">
  184. </a>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. <div class="game-result game-result--win">
  191. <div class="container">
  192. <div class="row justify-content-center">
  193. <div class="col col-md-7 col-lg-5">
  194. <img src="/image/result_pass_txt.jpg" alt="叮得好準呀！" class="img-fluid">
  195. </div>
  196. </div>
  197. <div class="row">
  198. <div class="col">
  199. <p class="mt-3">
  200. 立即完成以下簡單登記，領取 7-Eleven 雞髀一隻！
  201. </p>
  202. </div>
  203. </div>
  204. </div>
  205.  
  206. <div class="game-form pt-5 mt-4">
  207. <div class="container">
  208. <form action="">
  209. <div class="form-wrap">
  210. <div class="row">
  211. <div class="col-4 col-md-3">
  212. <select class="form-control" name="form-area-code">
  213. <option>852</option>
  214. <option>853</option>
  215. </select>
  216. </div>
  217. <div class="col-8 col-md-9">
  218. <div class="form-group">
  219. <input type="tel" name="form-phone" id="form-phone" class="form-control" placeholder="可收到 SMS 的手提電話號碼">
  220. </div>
  221. </div>
  222. <div class="col-7 col-md-8">
  223. <div class="input-group">
  224. <input type="text" name="form-opt" id="form-otp" class="form-control" placeholder="4位數字驗證碼">
  225. <div class="d-flex game-form__opt-verify disable"></div>
  226. </div>
  227. </div>
  228. <div class="col-5 col-md-4">
  229. <div class="form-group">
  230. <button type="submit" class="btn game-form__btn-otp-req" name="opt">發送驗証碼</button>
  231. </div>
  232. </div>
  233. </div>
  234. <div class="row">
  235. <div class="col">
  236. <p class="form-group">
  237. 請輸入 4 位數字驗證碼，驗證碼會將於 5 分鐘後失效，請在有效時間內確認；如有需要，可再按「發送驗證碼」安排重發
  238. </p>
  239. </div>
  240. </div>
  241. <div class="row">
  242. <div class="col">
  243. <div class="form-group">
  244. <input class="styled-checkbox" id="form-tnc" name="form-tnc" type="checkbox" value="tnc">
  245. <label for="form-tnc">我已閱讀並同意有關<a href="javascript:void(0);" data-toggle="modal" data-target="#tncModal">條款及細則</a></label>
  246. </div>
  247. </div>
  248. </div>
  249. </div>
  250. </form>
  251. <div class="row justify-content-center">
  252. <div class="col-6 col-md-2 p-0">
  253. <a class="panel__btn btn-form-submit" href="javascript:void(0);">
  254. <img src="/image/btn_submit_form.jpg" alt="提交資料" class="img-fluid">
  255. </a>
  256. </div>
  257. </div>
  258. </div>
  259. </div>
  260. </div>
  261. </div>
  262.  
  263. <div class="panel panel-4">
  264. <div class="container p-0">
  265. <div class="row no-gutters justify-content-center">
  266. <div class="col-10 col-md-4">
  267. <img src="/image/reg_title.png" alt="資料已傳送" class="img-fluid panel__title">
  268. </div>
  269. </div>
  270. </div>
  271.  
  272. <div class="product">
  273. <div class="container p-0">
  274. <div class="row no-gutters justify-content-center">
  275. <div class="col-9 col-md-5 mt-4">
  276. <img src="/image/reg_chicken_leg.png" alt="雞髀" class="img-fluid">
  277. </div>
  278. </div>
  279. </div>
  280. </div>
  281. <div class="container p-0">
  282. <div class="row no-gutters justify-content-center">
  283. <div class="col-10 text-center">
  284. <p>
  285. 你嘅「<span class="no-word-wrap">7-SIGNATURE</span>雞髀免費電子換領券」，會隨即以短訊方式SMS發送畀你，留意啦
  286. </p>
  287. </div>
  288. </div>
  289. <div class="row no-gutters justify-content-center">
  290. <div class="col-10 mt-3">
  291. <p class="ref-info">
  292. 參考編號：「<span class="thank-ref"></span>」<br>
  293. (請保留參考編號以供日後查詢或核對之用)
  294. </p>
  295. </div>
  296. </div>
  297. <div class="row no-gutters justify-content-center">
  298. <div class="col-6 col-md-2 mt-4">
  299. <a href="javascript:void(0);" class="btn-fbshare">
  300. <img src="/image/btn_fb_share.jpg" alt="分享" class="img-fluid">
  301. </a>
  302. </div>
  303. </div>
  304. </div>
  305. </div>
  306.  
  307. <!-- <div class="panel panel--no-mb">
  308. <div class="container p-0">
  309. <div class="row no-gutters justify-content-center">
  310. <div class="col-10">
  311. <img src="~/image/home_title.jpg" alt="temp" class="img-fluid panel__title">
  312. </div>
  313. </div>
  314. <div class="row no-gutters">
  315. <div class="col">
  316. <img src="~/image/result_fail_txt.png" alt="哎呀" class="img-fluid">
  317. <p>
  318. 今次叮得唔啱時間喎！
  319. </p>
  320. </div>
  321. </div>
  322. </div>
  323.  
  324. <div style="background: violet">
  325. <div class="container">
  326. <div class="row">
  327. <div class="col">
  328. Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae voluptate, nobis repellat culpa quia id natus, ipsum aspernatur sit laudantium ducimus est nam non delectus minus iure distinctio, sunt quas!
  329. </div>
  330. </div>
  331. </div>
  332. </div>
  333. </div> -->
  334.  
  335.  
  336.  
  337.  
  338. </article>
  339.  
  340.  
  341.  
  342. <footer>
  343. <div class="container-fluid p-0 footer">
  344. <div class="row no-gutters">
  345. <div class="col">
  346. <img src="/image/footer_m.png" alt="用心.簡單.滋味" class="img-fluid d-md-none">
  347. <img src="/image/footer_d.png" alt="用心.簡單.滋味" class="img-fluid d-none d-md-block m-auto">
  348. </div>
  349. </div>
  350. </div>
  351. <div class="footer__body">
  352. <div class="container py-2 py-md-3">
  353. <div class="row no-gutters text-center">
  354. <div class="col-12 col-md-9 text-md-left">
  355. &copy;7-Eleven All rights reserved<br class="d-md-none">The Dairy Farm Company Limited 牛奶公司集團<br>
  356. </div>
  357. <div class="col-12 col-md text-md-right">
  358. <a href="javascript:void(0);" data-toggle="modal" data-target="#tncModal">條款及細則</a>
  359. </div>
  360. </div>
  361. </div>
  362. </div>
  363. </footer>
  364.  
  365.  
  366. <!-- Modal -->
  367. <div class="modal fade" id="tncModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  368. <div class="modal-dialog" role="document">
  369. <div class="modal-content">
  370. <div class="modal-header">
  371. <h5 class="modal-title" id="exampleModalLabel">條款及細則</h5>
  372. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  373. <span aria-hidden="true">&times;</span>
  374. </button>
  375. </div>
  376. <div class="modal-body">
  377. <ol class="text-left">
  378. <li>
  379. 是次推廣活動由The Dairy Farm Company, Limited牛奶有限公司 – 7-Eleven〈簡稱"7-Eleven"或"本公司"〉主辦。
  380. </li>
  381. <li>
  382. 此推廣適用於香港及澳門特別行政區。
  383. </li>
  384. <li>
  385. 推廣期由2019年6月26日 (00:00) 開始至2019年7月16日 (23:59) 結束，共3星期，一切時間以網頁系統為準。
  386. </li>
  387. <li>
  388. 參加者於推廣期內只須登入網站 <a href="http://www.711chicken.com.hk" target="_blank">www.711chicken.com.hk</a> ，並輸入香港或澳門有效手提電話號碼，即可參加本推廣活動。
  389. </li>
  390. <li>
  391. 於整個推廣期內，每個手提電話號碼不限參加次數。任何錯誤輸入資料，即告作廢。
  392. </li>
  393. <li>
  394. 參加者可根據指示成功挑戰「撳脾你食」網上遊戲，勝出者則可獲得「7-SIGNATURE 雞脾免費電子換領券」乙張。即整個推廣期內共有10,500個名額。如有任何爭議，7-Eleven保留最終決定權。 此推廣受香港特別行政區法律規管。
  395. </li>
  396. <li>
  397. 得獎者會於24小時內收到確認手提電話短訊確認得獎，並會於同一短訊內獲得「7-SIGNATURE 雞脾免費電子換領券」之連結。
  398. </li>
  399. <li>
  400. 7-SIGNATURE 雞脾免費電子換領券不可兌換現金及使用時須受有關條款約束。
  401. </li>
  402. <li>
  403. 所有得獎者如於2019年7月31日仍未兌換獎品，將作棄權論。
  404. </li>
  405. <li>
  406. 參加者所輸入的資料將不可更改，所有資料均以電話及網上登記之記錄為準，任何錯誤或不完整的資料將被視作無效。若活動所填寫之資料不實或不正確，導致得獎者無法收到得獎通知及活動獎品，7-Eleven恕不負責。如於領獎時登記電話號碼已停止服務、無效或已更改電話號碼，其得獎資格將被取消。本活動只接受具有語音及手提電話短訊(SMS)功能的香港手提電話號碼登記，如手提電話號碼沒有語音或手提電話短訊(SMS)功能，其得獎資格將被取消。
  407. </li>
  408. <li>
  409. 得獎者須明白及同意得獎者無論出於任何原因無法享用任何獎品或在享用獎品過程中遭受人身傷害或財物損失，7-Eleven恕不負責。
  410. </li>
  411. <li>
  412. 如7-Eleven合理地相信得獎者可能無法清楚理解獎品簽收回條上的條款及細則或無法安全地使用獎品，獎品須由得獎者的監護人或直系親人(只限父母/子女/配偶，須提供監護令/出生証明書(出世紙)/結婚証書以作証明及必須能夠清楚理解獎品簽收回條上的條款及細則及安全地使用獎品)領取及處理相關得獎事宜。於領獎後，領獎者須確定得獎者明白及同意獎品簽收回條上的條款及細則並陪同得獎者使用相關獎品。
  413. </li>
  414. <li>
  415. 如有任何違反本條款及細則、不誠實手法參加或進行本推廣活動及/底或得獎資格，而不作另行通知。
  416. </li>
  417. <li>
  418. 參加者不得以任何程式擾亂或操控活動，並須確保所有提供個人資料為真實、無誤及不涉及未經批准許的第三方資料，7-Eleven有權取消違例者之參加及/或得獎資格，而不作另行通知。
  419. </li>
  420. <li>
  421. 本活動如有任何因手機、網絡、電腦、技術或其他不可歸責於7-Eleven之事由，而使參加者或得獎者所登錄之資料或7-Eleven發出之得獎通知有遺失、錯誤、無法辨識或毀損，導致資料無效之情況，7-Eleven不負任何法律責任，參加者或得獎者均不得異議。
  422. </li>
  423. <li>
  424. 如需查詢登記或得獎資料，參加者或得獎者本人必須以登記手提電話作聯絡，否則將不獲受理。
  425. </li>
  426. <li>
  427. 牛奶有限公司及合作機構之員工均可參加此推廣活動，與其他參加者機會均等。
  428. </li>
  429. <li>
  430. 是次活動收集之個人資料只用作得獎通知用途及會根據《個人資料(私隱)條例》處理有關資料。並於活動後3個月內完全銷毀。
  431. </li>
  432. <li>
  433. 如有任何爭議，7-Eleven保留最終決定權。
  434. </li>
  435. <li>
  436. 此推廣受香港特別行政區法律規管。
  437. </li>
  438. </ol>
  439. </div>
  440. </div>
  441. </div>
  442. </div>
  443.  
  444.  
  445. <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
  446. integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  447. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
  448. integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  449. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
  450. integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  451. <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>
  452. <script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.min.js"></script>
  453. <script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.min.js"></script>
  454. <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  455. <!-- Global site tag (gtag.js) - Google Analytics -->
  456. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-81206418-14"></script>
  457. <script>
  458. window.dataLayer = window.dataLayer || [];
  459. function gtag(){dataLayer.push(arguments);}
  460. gtag('js', new Date());
  461.  
  462. gtag('config', 'UA-81206418-14');
  463. </script>
  464. <script>
  465. window.fbAsyncInit = function() {
  466. FB.init({
  467. appId : '1065697693635110',
  468. autoLogAppEvents : true,
  469. xfbml : true,
  470. version : 'v3.3'
  471. });
  472. };
  473. </script>
  474. <script async defer src="https://connect.facebook.net/en_US/sdk.js"></script>
  475. <script src="/js/event-emitter.min.js"></script>
  476. <script src="/js/microwave.js?rnd=4954"></script>
  477. </body>
  478. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!