123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235
  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="css/all.css">
  19. <!-- Global site tag (gtag.js) - Google Analytics -->
  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 search">
  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. <main>
  95. <!-- 素人菜色牆 -->
  96. <div class="search__kv__container">
  97. <div class="search__kv__dishes"></div>
  98. <div class="search__kv">
  99. <div class="search__kv__bg">
  100. <div class="search__kv__bg__img"></div>
  101. </div>
  102. <div class="search__kv__slides">
  103. <div class="search__kv__bottom"></div>
  104. <div class="search__kv__table"></div>
  105. <div class="search__kv__title">
  106. <img src="https://d1xzlli46wohoc.cloudfront.net/images/indexPage/title.png" alt="">
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. <!-- 尋找料理靈感 -->
  112. <div class="search__form">
  113. <div class="search__form__title">
  114. <img src="./images/searchPage/form-title.png" alt="">
  115. </div>
  116. <!-- 快速搜尋 -->
  117. <div class="search__form__box">
  118. <div class="search__form__name">
  119. <img src="./images/searchPage/form-name-fast.png" alt="">
  120. </div>
  121. <div class="search__form__list search__form__list-fast" data-category="fast"></div>
  122. </div>
  123. <!-- 主食類別 -->
  124. <div class="search__form__box">
  125. <div class="search__form__name">
  126. <img src="./images/searchPage/form-name-main.png" alt="">
  127. </div>
  128. <div class="search__form__list search__form__list-main" data-category="main"></div>
  129. </div>
  130. <!-- 料理風格 -->
  131. <div class="search__form__box">
  132. <div class="search__form__name">
  133. <img src="./images/searchPage/form-name-style.png" alt="">
  134. </div>
  135. <div class="search__form__list search__form__list-style" data-category="style"></div>
  136. </div>
  137. <!-- 食材類型 -->
  138. <div class="search__form__box">
  139. <div class="search__form__name">
  140. <img src="./images/searchPage/form-name-ingredient.png" alt="">
  141. </div>
  142. <div class="search__form__list search__form__list-ingredient" data-category="ingredient"></div>
  143. </div>
  144. <div class="search__form__btn">
  145. <a class="search__form__cta">搜尋菜色</a>
  146. <a class="search__form__clear">清除全部</a>
  147. </div>
  148. </div>
  149. <!-- 推薦食譜 -->
  150. <div class="search__result">
  151. <div class="search__result__box">
  152. <div class="search__result__title">
  153. <img src="./images/searchPage/result-title.png" alt="">
  154. </div>
  155. <ul class="search__result__list"></ul>
  156. </div>
  157. <ul class="search__result__pagination">
  158. </ul>
  159. </div>
  160. <a class="backCelebrity" href="./index.html?backIndexPage=1"><img src="./images/searchPage/backCelebrity.png" alt=""></a>
  161. <button class="goTop">
  162. <img src="./images/searchPage/gotop.png" alt="">
  163. </button>
  164. </main>
  165. <!-- Modal MGM 視窗 -->
  166. <div class="modal modal-mgm fade" id="mgmModalCenter" tabindex="-1" role="dialog" aria-labelledby="mgmModalCenterTitle" aria-hidden="true">
  167. <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
  168. <div class="modal-content">
  169. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  170. <img src="./images/mgm-close.png" alt="">
  171. </button>
  172. <div class="modal-body">
  173. <div class="mgm__pic">
  174. <img src="./images/mgm-pic.png" alt="">
  175. </div>
  176. <div class="mgm__title">
  177. <img src="./images/mgm-title.png" alt="">
  178. </div>
  179. <p>
  180. 揪朋友用全聯小時達省更多!<br>
  181. 馬上分享你的專屬優惠碼<br>
  182. 跟朋友一起獲得百元折價劵!
  183. </p>
  184. <a class="mgm__btn" href="https://bit.ly/3yYRYQ3">
  185. <img src="./images/mgm-btn.png" alt="">
  186. </a>
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. <div class="pc">
  193. <div class="pc__bg"></div>
  194. <div class="pc__pic">
  195. <img src="./images/pc.jpg" alt="">
  196. </div>
  197. </div>
  198. <script src="lib/jquery-1.11.3.min.js"></script>
  199. <script src="lib/jquery.mobile.touch.min.js"></script>
  200. <script src="lib/bootstrap-4.0.0/js/tether.min.js"></script>
  201. <script src="lib/bootstrap-4.0.0/js/bootstrap.min.js"></script>
  202. <script src="lib/gsap.min.js"></script>
  203. <script type="module" src="js/gaEvent.js"></script>
  204. <script src="js/base.js"></script>
  205. <script type="module" src="js/searchPage.js"></script>
  206. <script type="module" src="js/searchRecipe.js"></script>
  207. <!-- <script src="https://cdn.jsdelivr.net/npm/vconsole@3.2.0/dist/vconsole.min.js"></script>
  208. <script>
  209. // init vConsole
  210. var vConsole = new VConsole();
  211. // console.log('Hello world');
  212. </script> -->
  213. </body>
  214. </html>