123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307
  1. <!DOCTYPE html>
  2. <html lang="zh-Hant-TW">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <meta name="format-detection" content="telephone=no">
  8. <title>全聯小時達生鮮快送</title>
  9. <meta name="description" content="|全聯小時達,生鮮快送平台|解決你不知道煮什麼的困擾,全聯小時達攜手12位料理救星x12道常被點名的家常菜,一鍵點擊聽食譜,食材打包輕鬆煮!" />
  10. <meta name="keywords" content="" />
  11. <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" sizes="32x32" />
  12. <link rel="image_src" href="https://www.pxfreshdelivery.tw/images/share.jpg" />
  13. <meta property="og:title" content="全聯小時達生鮮快送" />
  14. <meta property="og:type" content="website" />
  15. <meta property="og:url" content="https://www.pxfreshdelivery.tw" />
  16. <meta property="og:image" content="https://www.pxfreshdelivery.tw/images/share.jpg" />
  17. <meta property="og:description" content="|全聯小時達,生鮮快送平台|解決你不知道煮什麼的困擾,全聯小時達攜手12位料理救星x12道常被點名的家常菜,一鍵點擊聽食譜,食材打包輕鬆煮!" />
  18. <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" />
  19. <link rel="stylesheet" href="css/all.css">
  20. <script async src="https://www.googletagmanager.com/gtag/js?id=G-4DZD17Z80F"></script>
  21. <script>
  22. if (new Date() >= new Date('2022-08-01:00:00:00')) {
  23. window.location.href = 'https://bmai.cc/4dapz4';
  24. }
  25. </script>
  26. </head>
  27. <body>
  28. <div class="wrapper indexWrapper">
  29. <header class="header">
  30. <div class="hamburger">
  31. <div class="hamburger__line"></div>
  32. <div class="hamburger__line"></div>
  33. <div class="hamburger__line"></div>
  34. </div>
  35. <nav class="nav">
  36. <div class="close">
  37. <div class="close__line"></div>
  38. <div class="close__line"></div>
  39. </div>
  40. <ul class="nav__list">
  41. <li class="nav__item">
  42. <a href="./search.html" data-event="justahour_search">
  43. <span class="beBold">民間料理救星私房菜</span>
  44. </a>
  45. </li>
  46. <li class="nav__item">
  47. <a href="https://shop.pxmart.com.tw/page/045?openExternalBrowser=1&utm_source=500STORES_WEB&utm_medium=MENU&utm_campaign=%E5%B0%8F%E6%99%82%E9%81%94%E6%87%B6%E4%BA%BA%E5%8C%85" data-event="justahour_know">
  48. <span class="beBold">
  49. <span class="highlight">秒懂</span>全聯小時達</span>
  50. </a>
  51. </li>
  52. <li class="nav__item">
  53. <a href="https://shop.pxmart.com.tw/page/justahour?openExternalBrowser=1&utm_source=500STORES_WEB&utm_medium=MENU&utm_campaign=%E5%B0%8F%E6%99%82%E9%81%94%E9%A6%96%E9%A0%81" data-event="justahour_explore">
  54. <span class="beBold">
  55. <span class="highlight">探索</span>全聯小時達</span>
  56. </a>
  57. </li>
  58. <li class="nav__item">
  59. <a href="https://bmai.cc/46jtjj" data-event="justahour_drink">
  60. <span class="beBold">飲料</span>我來扛
  61. </a>
  62. </li>
  63. <li class="nav__item">
  64. <a href="https://shop.pxmart.com.tw/v2/official/SalePageCategory/250?openExternalBrowser=1&utm_source=500STORES_WEB&utm_medium=MENU&utm_campaign=%E9%9B%B6%E9%A3%9F" data-event="justahour_dessert">
  65. <span class="beBold">零嘴</span>一鍵購</a>
  66. </li>
  67. <li class="nav__item">
  68. <a href="https://shop.pxmart.com.tw/v2/official/SalePageCategory/321?openExternalBrowser=1&utm_source=500STORES_WEB&utm_medium=MENU&utm_campaign=%E5%AE%B6%E7%B4%99&sortMode=Sales" data-event="justahour_tissue">
  69. <span class="beBold">紙</span>為你專送</a>
  70. </li>
  71. <li class="nav__item">
  72. <a href="https://shop.pxmart.com.tw/v2/official/SalePageCategory/253?openExternalBrowser=1&utm_source=500STORES_WEB&utm_medium=MENU&utm_campaign=%E5%AE%B6%E6%" data-event="justahour_clean">
  73. 省力
  74. <span class="beBold">大掃除</span>
  75. </span>
  76. </a>
  77. </li>
  78. <li class="nav__item">
  79. <a class="nav__item-mgm" data-event="justahour_mgm">
  80. <span class="beBold">
  81. <span class="highlight">1+1</span>好友優惠碼</span>
  82. </a>
  83. </li>
  84. </ul>
  85. <a href="./index.html?backIndexPage=1" class="nav__goindex">
  86. <img src="https://d1xzlli46wohoc.cloudfront.net/images/nav-arrow.png" alt="">
  87. <img src="https://d1xzlli46wohoc.cloudfront.net/images/nav-index.png" alt="">
  88. </a>
  89. </nav>
  90. <a href="https://bmai.cc/47kasz" target="_blank" alt="全聯小時達logo" class="logo">
  91. <img src="https://d1xzlli46wohoc.cloudfront.net/images/logo.png" alt="">
  92. </a>
  93. </header>
  94. <div class="bg"></div>
  95. <section class="section intro">
  96. <div class="intro__container">
  97. <a href="https://bmai.cc/47kasz" target="_blank" alt="全聯小時達logo" class="intro__logo">
  98. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/intro-logo.png" alt="">
  99. </a>
  100. <div class="intro__title">
  101. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/title.png" alt="全聯小時達logo">
  102. </div>
  103. <div class="intro__tip">
  104. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/intro-tip.png" alt="">
  105. </div>
  106. <div class="intro__protect">
  107. 建議以 Safari / Chrome 瀏覽器探索體驗
  108. </div>
  109. <div class="intro__overlay"></div>
  110. <div class="intro__text">
  111. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/intro__text-01.png" alt="">
  112. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/intro__text-02.png" alt="">
  113. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/intro__text-03.png" alt="">
  114. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/intro__text-04.png" alt="">
  115. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/intro__text-05.png" alt="">
  116. </div>
  117. <div class="intro__kv">
  118. <div class="intro__kol">
  119. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/intro-ordinary.png" alt="">
  120. </div>
  121. <div class="intro__table">
  122. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/table.png" alt="">
  123. </div>
  124. <a href="#" class="intro__skip">
  125. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/intro_skip.png" alt="">
  126. </a>
  127. </div>
  128. <div class="intro__bottom"></div>
  129. </div>
  130. <div class="intro__volume"></div>
  131. <audio src="./audio/intro.mp3"></audio>
  132. </section>
  133. <section class="section index">
  134. <div class="intro__volume"></div>
  135. <div class="index__container">
  136. <div class="index__outer">
  137. <div class="index__bottom"></div>
  138. <div class="index__kv">
  139. <div class="index__slides">
  140. <div class="index__bg">
  141. <div class="index__bg__img"></div>
  142. </div>
  143. <div class="index__title">
  144. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/title.png" alt="">
  145. </div>
  146. <div class="index__table"></div>
  147. <div class="index__slide" data-kol="HaoYang">
  148. <div class="index__slide-item index__slide-Hao" data-kol="Hao">
  149. <div class="index__light"></div>
  150. </div>
  151. <div class="index__slide-item index__slide-Yang" data-kol="Yang">
  152. <div class="index__light"></div>
  153. </div>
  154. <a href="#">
  155. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/dinner-HaoYang.png" alt="">
  156. </a>
  157. </div>
  158. <div class="index__slide" data-kol="Drangadrang">
  159. <div class="index__light"></div>
  160. <a href="./recipe.html?kol=Drangadrang">
  161. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/dinner-Drangadrang.png" alt="">
  162. </a>
  163. </div>
  164. <div class="index__slide" data-kol="Cookingdairy">
  165. <div class="index__light"></div>
  166. <a href="./recipe.html?kol=Cookingdairy">
  167. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/dinner-Cookingdairy.png" alt="">
  168. </a>
  169. </div>
  170. <div class="index__slide" data-kol="Ku">
  171. <div class="index__light"></div>
  172. <a href="./recipe.html?kol=Ku">
  173. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/dinner-Ku.png" alt="">
  174. </a>
  175. </div>
  176. <div class="index__slide" data-kol="Betty">
  177. <div class="index__light"></div>
  178. <a href="./recipe.html?kol=Betty">
  179. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/dinner-Betty.png" alt="">
  180. </a>
  181. </div>
  182. <div class="index__slide" data-kol="ordinary">
  183. <div class="index__light"></div>
  184. <a>
  185. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/dinner-ordinary.png" alt="">
  186. </a>
  187. </div>
  188. <div class="index__slide" data-kol="Ralf">
  189. <div class="index__light"></div>
  190. <a href="./recipe.html?kol=Ralf">
  191. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/dinner-Ralf.png" alt="">
  192. </a>
  193. </div>
  194. <div class="index__slide" data-kol="Chefchouchou">
  195. <div class="index__light"></div>
  196. <a href="./recipe.html?kol=Chefchouchou">
  197. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/dinner-Chefchouchou.png" alt="">
  198. </a>
  199. </div>
  200. <div class="index__slide" data-kol="Albee">
  201. <div class="index__light"></div>
  202. <a href="./recipe.html?kol=Albee">
  203. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/dinner-Albee.png" alt="">
  204. </a>
  205. </div>
  206. <div class="index__slide" data-kol="commute">
  207. <div class="index__slide-item index__slide-commute_Li" data-kol="commute_Li">
  208. <div class="index__light"></div>
  209. </div>
  210. <div class="index__slide-item index__slide-commute_Chang" data-kol="commute_Chang">
  211. <div class="index__light"></div>
  212. </div>
  213. <div class="index__slide-item index__slide-commute_He" data-kol="commute_He">
  214. <div class="index__light"></div>
  215. </div>
  216. <a href="#">
  217. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/dinner-commute.png" alt="">
  218. </a>
  219. </div>
  220. </div>
  221. <div class="index__dishes"></div>
  222. </div>
  223. </div>
  224. </div>
  225. </section>
  226. <!-- Modal 返回加菜金 視窗 -->
  227. <div class="modal modal-promo fade" id="promoModalCenter" tabindex="-1" role="dialog" aria-labelledby="promoModalCenterTitle" aria-hidden="true">
  228. <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
  229. <div class="modal-content">
  230. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  231. <span aria-hidden="true">&times;</span>
  232. </button>
  233. <div class="modal-body">
  234. <a href="https://shop.pxmart.com.tw/page/justahour?openExternalBrowser=1&utm_source=500STORES_WEB&utm_medium=SHARE&utm_campaign=%E5%B0%8F%E6%99%82%E9%81%94%E9%A6%96%E9%A0%81">
  235. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/promo.png" alt="">
  236. </a>
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  241. <!-- Modal MGM 視窗 -->
  242. <div class="modal modal-mgm fade" id="mgmModalCenter" tabindex="-1" role="dialog" aria-labelledby="mgmModalCenterTitle" aria-hidden="true">
  243. <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
  244. <div class="modal-content">
  245. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  246. <img src="https://d1xzlli46wohoc.cloudfront.net/images/mgm-close.png" alt="">
  247. </button>
  248. <div class="modal-body">
  249. <div class="mgm__pic">
  250. <img src="https://d1xzlli46wohoc.cloudfront.net/images/mgm-pic.png" alt="">
  251. </div>
  252. <div class="mgm__title">
  253. <img src="https://d1xzlli46wohoc.cloudfront.net/images/mgm-title.png" alt="">
  254. </div>
  255. <p>
  256. 揪朋友用全聯小時達省更多!<br>
  257. 馬上分享你的專屬優惠碼<br>
  258. 跟朋友一起獲得百元折價劵!
  259. </p>
  260. <a class="mgm__btn" href="https://bit.ly/3yYRYQ3">
  261. <img src="https://d1xzlli46wohoc.cloudfront.net/images/mgm-btn.png" alt="">
  262. </a>
  263. </div>
  264. </div>
  265. </div>
  266. </div>
  267. </div>
  268. <div class="pc">
  269. <div class="pc__bg"></div>
  270. <div class="pc__pic">
  271. <img src="https://d1xzlli46wohoc.cloudfront.net/images/pc.jpg" alt="">
  272. </div>
  273. </div>
  274. <script src="lib/jquery-1.11.3.min.js"></script>
  275. <script src="lib/jquery.mobile.touch.min.js"></script>
  276. <script src="lib/bootstrap-4.0.0/js/tether.min.js"></script>
  277. <script src="lib/bootstrap-4.0.0/js/bootstrap.min.js"></script>
  278. <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
  279. <script src="lib/gsap.min.js"></script>
  280. <script type="module" src="js/gaEvent.js"></script>
  281. <script src="js/base.js"></script>
  282. <script type="module" src="js/indexPage.js"></script>
  283. <!-- <script src="https://cdn.jsdelivr.net/npm/vconsole@3.2.0/dist/vconsole.min.js"></script>
  284. <script>
  285. // init vConsole
  286. var vConsole = new VConsole();
  287. // console.log('Hello world');
  288. </script> -->
  289. </body>
  290. </html>