recipe_ordinary.html 10KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246
  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/vendor/eocjs-newsticker.css">
  19. <link rel="stylesheet" href="css/all.css">
  20. <!-- Global site tag (gtag.js) - Google Analytics -->
  21. <script async src="https://www.googletagmanager.com/gtag/js?id=G-4DZD17Z80F"></script>
  22. <script>
  23. if (new Date() >= new Date('2022-08-01:00:00:00')) {
  24. window.location.href = 'https://bmai.cc/4dapz4';
  25. }
  26. </script>
  27. </head>
  28. <body>
  29. <div class="wrapper recipeWrapper ordinary">
  30. <header class="header">
  31. <div class="hamburger">
  32. <div class="hamburger__line"></div>
  33. <div class="hamburger__line"></div>
  34. <div class="hamburger__line"></div>
  35. </div>
  36. <nav class="nav">
  37. <div class="close">
  38. <div class="close__line"></div>
  39. <div class="close__line"></div>
  40. </div>
  41. <ul class="nav__list">
  42. <li class="nav__item">
  43. <a href="./search.html" data-event="justahour_search">
  44. <span class="beBold">民間料理救星私房菜</span>
  45. </a>
  46. </li>
  47. <li class="nav__item">
  48. <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">
  49. <span class="beBold">
  50. <span class="highlight">秒懂</span>全聯小時達</span>
  51. </a>
  52. </li>
  53. <li class="nav__item">
  54. <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">
  55. <span class="beBold">
  56. <span class="highlight">探索</span>全聯小時達</span>
  57. </a>
  58. </li>
  59. <li class="nav__item">
  60. <a href="https://bmai.cc/46jtjj" data-event="justahour_drink">
  61. <span class="beBold">飲料</span>我來扛
  62. </a>
  63. </li>
  64. <li class="nav__item">
  65. <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">
  66. <span class="beBold">零嘴</span>一鍵購</a>
  67. </li>
  68. <li class="nav__item">
  69. <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">
  70. <span class="beBold">紙</span>為你專送</a>
  71. </li>
  72. <li class="nav__item">
  73. <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">
  74. 省力
  75. <span class="beBold">大掃除</span>
  76. </span>
  77. </a>
  78. </li>
  79. <li class="nav__item">
  80. <a class="nav__item-mgm" data-event="justahour_mgm">
  81. <span class="beBold">
  82. <span class="highlight">1+1</span>好友優惠碼</span>
  83. </a>
  84. </li>
  85. </ul>
  86. <a href="./index.html?backIndexPage=1" class="nav__goindex">
  87. <img src="https://d1xzlli46wohoc.cloudfront.net/images/nav-arrow.png" alt="">
  88. <img src="https://d1xzlli46wohoc.cloudfront.net/images/nav-index.png" alt="">
  89. </a>
  90. </nav>
  91. <a href="https://bmai.cc/47kasz" target="_blank" alt="全聯小時達logo" class="logo">
  92. <img src="https://d1xzlli46wohoc.cloudfront.net/images/logo.png" alt="">
  93. </a>
  94. </header>
  95. <main class="main">
  96. <div class="recipe__bg"></div>
  97. <!-- 餐點 kv -->
  98. <div class="recipe__kv">
  99. <div class="recipe__kv__bg">
  100. <img src="./images/recipePage_ordinary/kv-bg.png" alt="">
  101. </div>
  102. <div class="recipe__kv__table"></div>
  103. <div class="recipe__kv__ordinary"></div>
  104. <div class="recipe__kv__dish"></div>
  105. </div>
  106. <div class="recipe__teaching">
  107. <!-- 料理步驟 -->
  108. <div class="recipe__step">
  109. <h4>
  110. <img src="https://d1xzlli46wohoc.cloudfront.net/images/recipePage/title-step.png" alt="">
  111. </h4>
  112. <div class="recipe__contentbox">
  113. <div class="recipe__open" data-toggle="modal" data-target="#recipeModal">
  114. <img src="./images/recipePage_ordinary/capture-open.png" alt="">
  115. </div>
  116. <div class="recipe__box recipe__box-step"></div>
  117. </div>
  118. </div>
  119. <!-- 食材列表 -->
  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__contentbox">
  124. <div class="recipe__box recipe__box-ingredients"></div>
  125. </div>
  126. </div>
  127. </div>
  128. <!-- 與名人同框分享這道經典名菜 -->
  129. <div class="recipe__share">
  130. <div class="recipe__action">
  131. <a href="javascript:void(0)" class="recipe__btn recipe__btn-share">
  132. <img src="https://d1xzlli46wohoc.cloudfront.net/images/recipePage/btn-share.png" alt="">
  133. </a>
  134. </div>
  135. </div>
  136. <!-- 料理標籤 -->
  137. <div class="recipe__tag">
  138. <h4><img src="https://d1xzlli46wohoc.cloudfront.net/images/recipePage/title-tag.png" alt=""></h4>
  139. <div class="recipe__tag__list"></div>
  140. </div>
  141. <!-- 回首頁 -->
  142. <!-- <div class="recipe__goback">
  143. <a href="./index.html?backIndexPage=1">
  144. <img src="https://d1xzlli46wohoc.cloudfront.net/images/recipePage/goback.png" alt="">
  145. </a>
  146. </div> -->
  147. <!-- 一鍵買齊 -->
  148. <a class="recipe__buy">
  149. <img class="recipe__buy__img" src="https://d1xzlli46wohoc.cloudfront.net/images/recipePage/btn-buy.png" alt="">
  150. </a>
  151. </main>
  152. <!-- 料理步驟Modal -->
  153. <div class="recipe__modal">
  154. <div class="modal-dialog">
  155. <div class="modal-content">
  156. <div class="modal__bg"></div>
  157. <div class="modal-header">
  158. <h5 class="modal-title" id="recipeModalTitle">
  159. <img src="./images/recipePage_ordinary/modal-title.png" alt="">
  160. </h5>
  161. <div class="modal__name" id="modal__name">
  162. <div class="newsticker">
  163. 主標主標主標主標主標主標主標
  164. </div>
  165. </div>
  166. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  167. <img src="./images/recipePage_ordinary/modal-close.png" alt="">
  168. </button>
  169. </div>
  170. <div class="modal-body">
  171. <div class="modal__content"></div>
  172. </div>
  173. <div class="modal-footer">
  174. 購物籃內容物為建議選項,欲更換品類可至PX Go!小時達選購。
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  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="lib/gsap.min.js"></script>
  217. <script src="lib/eocjs-newsticker.js"></script>
  218. <script type="module" src="js/gaEvent.js"></script>
  219. <script src="js/base.js"></script>
  220. <script type="module" src="js/recipePage_ordinary.js"></script>
  221. <!-- <script src="https://cdn.jsdelivr.net/npm/vconsole@3.2.0/dist/vconsole.min.js"></script>
  222. <script>
  223. // init vConsole
  224. var vConsole = new VConsole();
  225. // console.log('Hello world');
  226. </script> -->
  227. </body>
  228. </html>