recipe.html 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248
  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="https://cdn.plyr.io/3.7.2/plyr.css" />
  20. <link rel="stylesheet" href="css/all.css">
  21. <!-- Global site tag (gtag.js) - Google Analytics -->
  22. <script async src="https://www.googletagmanager.com/gtag/js?id=G-4DZD17Z80F"></script>
  23. <script>
  24. if (new Date() >= new Date('2022-08-01:00:00:00')) {
  25. window.location.href = 'https://bmai.cc/4dapz4';
  26. }
  27. </script>
  28. </head>
  29. <body>
  30. <div class="wrapper recipeWrapper">
  31. <header class="header">
  32. <div class="hamburger">
  33. <div class="hamburger__line"></div>
  34. <div class="hamburger__line"></div>
  35. <div class="hamburger__line"></div>
  36. </div>
  37. <nav class="nav">
  38. <div class="close">
  39. <div class="close__line"></div>
  40. <div class="close__line"></div>
  41. </div>
  42. <ul class="nav__list">
  43. <li class="nav__item">
  44. <a href="./search.html" data-event="justahour_search">
  45. <span class="beBold">民間料理救星私房菜</span>
  46. </a>
  47. </li>
  48. <li class="nav__item">
  49. <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">
  50. <span class="beBold">
  51. <span class="highlight">秒懂</span>全聯小時達</span>
  52. </a>
  53. </li>
  54. <li class="nav__item">
  55. <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">
  56. <span class="beBold">
  57. <span class="highlight">探索</span>全聯小時達</span>
  58. </a>
  59. </li>
  60. <li class="nav__item">
  61. <a href="https://bmai.cc/46jtjj" data-event="justahour_drink">
  62. <span class="beBold">飲料</span>我來扛
  63. </a>
  64. </li>
  65. <li class="nav__item">
  66. <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">
  67. <span class="beBold">零嘴</span>一鍵購</a>
  68. </li>
  69. <li class="nav__item">
  70. <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">
  71. <span class="beBold">紙</span>為你專送</a>
  72. </li>
  73. <li class="nav__item">
  74. <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">
  75. 省力
  76. <span class="beBold">大掃除</span>
  77. </span>
  78. </a>
  79. </li>
  80. <li class="nav__item">
  81. <a class="nav__item-mgm" data-event="justahour_mgm">
  82. <span class="beBold">
  83. <span class="highlight">1+1</span>好友優惠碼</span>
  84. </a>
  85. </li>
  86. </ul>
  87. <a href="./index.html?backIndexPage=1" class="nav__goindex">
  88. <img src="https://d1xzlli46wohoc.cloudfront.net/images/nav-arrow.png" alt="">
  89. <img src="https://d1xzlli46wohoc.cloudfront.net/images/nav-index.png" alt="">
  90. </a>
  91. </nav>
  92. <a href="https://bmai.cc/47kasz" target="_blank" alt="全聯小時達logo" class="logo">
  93. <img src="https://d1xzlli46wohoc.cloudfront.net/images/logo.png" alt="">
  94. </a>
  95. </header>
  96. <main class="main">
  97. <div class="recipe__bg"></div>
  98. <!-- 餐點 kv -->
  99. <div class="recipe__kv">
  100. <div class="recipe__kv__bg">
  101. <img src="https://d1xzlli46wohoc.cloudfront.net/images/recipePage/kv-bg.png" alt="">
  102. </div>
  103. <div class="recipe__kv__table"></div>
  104. <div class="recipe__kv__kol"></div>
  105. <div class="recipe__kv__dish"></div>
  106. </div>
  107. <!-- 食譜教學 -->
  108. <div class="recipe__teaching">
  109. <audio class="recipe__audio" id="audioPlayer" src="" controls preload></audio>
  110. <div class="recipe__step">
  111. <h4>
  112. <img src="https://d1xzlli46wohoc.cloudfront.net/images/recipePage/title-step.png" alt="">
  113. </h4>
  114. <div class="recipe__capture">
  115. <div class="recipe__box">
  116. <div class="recipe__list"></div>
  117. </div>
  118. </div>
  119. </div>
  120. <div class="recipe__ingredients">
  121. <h4><img src="https://d1xzlli46wohoc.cloudfront.net/images/recipePage/title-ingredient.png" alt=""></h4>
  122. <p>*商品依各店庫存為主,如遇缺貨可自行更換商品或服務門市</p>
  123. <div class="recipe__outer recipe__outer-ingredients">
  124. <div class="recipe__basket"></div>
  125. </div>
  126. </div>
  127. </div>
  128. <!-- 瀏覽更多名菜 -->
  129. <div class="recipe__more">
  130. <h4><img src="https://d1xzlli46wohoc.cloudfront.net/images/recipePage/title-more.png" alt=""></h4>
  131. <div class="recipe__more__box">
  132. <div class="recipe__more__table"></div>
  133. <div class="recipe__container"></div>
  134. </div>
  135. </div>
  136. <!-- 與名人同框分享這道經典名菜 -->
  137. <div class="recipe__share">
  138. <h4><img src="https://d1xzlli46wohoc.cloudfront.net/images/recipePage/title-share.png" alt=""></h4>
  139. <!-- Slider main container -->
  140. <div class="recipe__swiper">
  141. <div class="swiper">
  142. <!-- Additional required wrapper -->
  143. <div class="swiper-wrapper">
  144. <!-- Slides -->
  145. <div class="swiper-slide">
  146. <div>
  147. <img src="https://d1xzlli46wohoc.cloudfront.net/images/recipePage/share-pic.png" alt="">
  148. </div>
  149. </div>
  150. </div>
  151. </div>
  152. <div class="swiper-pagination"></div>
  153. </div>
  154. <div class="recipe__action">
  155. <a href="javascript:void(0)" class="recipe__btn recipe__btn-share">
  156. <img src="https://d1xzlli46wohoc.cloudfront.net/images/recipePage/btn-share.png" alt="">
  157. </a>
  158. <a class="recipe__btn recipe__btn-filter">
  159. <img class="recipe__btn-filter__img" src="https://d1xzlli46wohoc.cloudfront.net/images/recipePage/btn-filter.png" alt="">
  160. </a>
  161. </div>
  162. </div>
  163. <!-- 料理標籤 -->
  164. <div class="recipe__tag">
  165. <h4><img src="https://d1xzlli46wohoc.cloudfront.net/images/recipePage/title-tag.png" alt=""></h4>
  166. <div class="recipe__tag__list"></div>
  167. </div>
  168. <!-- 回首頁 -->
  169. <div class="recipe__goback">
  170. <a href="./index.html?backIndexPage=1">
  171. <img src="https://d1xzlli46wohoc.cloudfront.net/images/recipePage/goback.png" alt="">
  172. </a>
  173. </div>
  174. <!-- 一鍵買齊 -->
  175. <a class="recipe__buy">
  176. <img class="recipe__buy__img" src="https://d1xzlli46wohoc.cloudfront.net/images/recipePage/btn-buy.png" alt="">
  177. </a>
  178. </main>
  179. <!-- Modal MGM 視窗 -->
  180. <div class="modal modal-mgm fade" id="mgmModalCenter" tabindex="-1" role="dialog" aria-labelledby="mgmModalCenterTitle" aria-hidden="true">
  181. <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
  182. <div class="modal-content">
  183. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  184. <img src="https://d1xzlli46wohoc.cloudfront.net/images/mgm-close.png" alt="">
  185. </button>
  186. <div class="modal-body">
  187. <div class="mgm__pic">
  188. <img src="https://d1xzlli46wohoc.cloudfront.net/images/mgm-pic.png" alt="">
  189. </div>
  190. <div class="mgm__title">
  191. <img src="https://d1xzlli46wohoc.cloudfront.net/images/mgm-title.png" alt="">
  192. </div>
  193. <p>
  194. 揪朋友用全聯小時達省更多!<br>
  195. 馬上分享你的專屬優惠碼<br>
  196. 跟朋友一起獲得百元折價劵!
  197. </p>
  198. <a class="mgm__btn" href="https://bit.ly/3yYRYQ3">
  199. <img src="https://d1xzlli46wohoc.cloudfront.net/images/mgm-btn.png" alt="">
  200. </a>
  201. </div>
  202. </div>
  203. </div>
  204. </div>
  205. </div>
  206. <div class="pc">
  207. <div class="pc__bg"></div>
  208. <div class="pc__pic">
  209. <img src="https://d1xzlli46wohoc.cloudfront.net/images/pc.jpg" alt="">
  210. </div>
  211. </div>
  212. <script src="lib/jquery-1.11.3.min.js"></script>
  213. <script src="lib/jquery.mobile.touch.min.js"></script>
  214. <script src="lib/bootstrap-4.0.0/js/tether.min.js"></script>
  215. <script src="lib/bootstrap-4.0.0/js/bootstrap.min.js"></script>
  216. <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
  217. <script src="lib/gsap.min.js"></script>
  218. <script src="lib/plyr.js"></script>
  219. <script type="module" src="js/gaEvent.js"></script>
  220. <script src="js/base.js"></script>
  221. <script type="module" src="js/recipePage.js"></script>
  222. <script type="module" src="js/captureFollow.js"></script>
  223. <!-- <script src="https://cdn.jsdelivr.net/npm/vconsole@3.2.0/dist/vconsole.min.js"></script>
  224. <script>
  225. // init vConsole
  226. var vConsole = new VConsole();
  227. // console.log('Hello world');
  228. </script> -->
  229. </body>
  230. </html>