From 11ea70e5a4c4c797ae0c6813ba76bf4b34a5f02e Mon Sep 17 00:00:00 2001
From: Joy Cheng <joy.cheng97324@gmail.com>
Date: Fri, 20 Aug 2021 22:55:03 +0800
Subject: [PATCH] [del] order-info older Ver

---
 app/order-info.html | 549 --------------------------------------------
 1 file changed, 549 deletions(-)

diff --git a/app/order-info.html b/app/order-info.html
index c7770f9..bcda6b3 100644
--- a/app/order-info.html
+++ b/app/order-info.html
@@ -495,553 +495,4 @@ <h2 class="fs-7 fw-bold mb-0">高雄設計節</h2>
       </div>
     </div>
   </section>
-
-  <section>
-    <!-- 第一版使用 d-none -->
-    <div class="container-lg">
-      <div class="d-flex flex-column justify-content-between">
-        <div class="content">
-          <!-- timeline -->
-          <div class="row">
-            <div class="col-lg-8">
-              <div class="row timeline-section">
-                <div class="col">
-                  <div class="timeline-pointer">
-                    <p class="fw-light pt-2 mb-0">確認訂單</p>
-                  </div>
-                </div>
-                <div class="col">
-                  <div class="timeline-pointer">
-                    <p class="text-center fw-medium pt-2 mb-0">填寫訂購資訊</p>
-                  </div>
-                </div>
-                <div class="col">
-                  <div class="timeline-pointer timeline-pointer-undone">
-                    <p class="text-center fw-light pt-2 mb-0">填寫付款資訊</p>
-                  </div>
-                </div>
-                <div class="col">
-                  <div class="timeline-pointer timeline-pointer-undone">
-                    <p class="fw-light pt-2 mb-0">完成訂購</p>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <!-- order.html info -->
-          <div class="row flex-column-reverse flex-lg-row">
-            <!-- exhibition info -->
-            <div class="col-lg-8 mb-12 mb-lg-0">
-              <ul>
-                <li class="card border-0 mb-6 card-close">
-                  <div
-                    class="card-body d-flex justify-content-between p-0 mb-2"
-                  >
-                    <div class="d-flex">
-                      <div class="w-50 w-md-25 me-5">
-                        <img
-                          src="https://images.unsplash.com/photo-1545987796-b199d6abb1b4?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
-                          alt="exhibition img"
-                          class="card-img h-100"
-                        />
-                      </div>
-                      <div
-                        class="
-                          w-50 w-md-auto
-                          d-flex
-                          flex-column
-                          justify-content-center
-                          ms-4
-                          me-md-5
-                        "
-                      >
-                        <div class="d-flex justify-content-between">
-                          <h2 class="fs-7 fw-bold mb-0">2020 台味設計展</h2>
-                          <button
-                            type="button"
-                            class="d-md-none btn-close link-black text-reset"
-                            data-bs-dismiss="card-close"
-                            aria-label="Close"
-                          ></button>
-                        </div>
-
-                        <p class="mb-0">01 JUN — 31 OCT</p>
-                        <!-- mobile -->
-                        <div
-                          class="
-                            d-flex
-                            justify-content-between
-                            align-items-center
-                          "
-                        >
-                          <div class="d-flex align-items-center">
-                            <p class="text-dark me-1 mb-0">全票</p>
-                            <a class="d-block d-md-none fw-bold align-middle">
-                              1</a
-                            >
-                          </div>
-                          <p class="d-md-none h6 fw-bold mb-0">NT$350</p>
-                        </div>
-                      </div>
-                      <!-- pc pad  -->
-                      <div
-                        class="
-                          d-none d-md-flex
-                          flex-column
-                          justify-content-center
-                          ms-md-4
-                          me-md-5
-                        "
-                      >
-                        <p class="h6 fw-bold mb-0">NT$350</p>
-                      </div>
-                      <!-- -01+ -->
-                      <div
-                        class="
-                          d-md-flex d-none
-                          flex-column flex-md-row
-                          justify-content-center
-                          align-items-center
-                          w-25
-                        "
-                      >
-                        <a
-                          href="#"
-                          class="
-                            link-black
-                            mb-1 mb-md-0
-                            p-0
-                            pe-md-1
-                            |
-                            hvr-shrink
-                          "
-                          ><span class="material-icons-outlined">
-                            remove
-                          </span></a
-                        >
-                        <a href="#" class="link-black mb-1 mb-md-0 p-0 mx-md-2">
-                          <p class="h1 fw-bold mb-0">01</p>
-                        </a>
-                        <a
-                          href="#"
-                          class="link-black mb-1 mb-md-0 p-0 ps-md-1 | hvr-grow"
-                          ><span class="material-icons-outlined"> add </span></a
-                        >
-                      </div>
-                    </div>
-                    <!-- close btn -->
-                    <div
-                      class="
-                        d-none d-md-flex
-                        flex-column
-                        justify-content-center
-                        align-items-center
-                        ms-md-4
-                      "
-                    >
-                      <button
-                        type="button"
-                        class="btn-close link-black text-reset p-0"
-                        data-bs-dismiss="card-close"
-                        aria-label="Close"
-                      ></button>
-                    </div>
-                  </div>
-                </li>
-                <li class="card border-0 mb-6 card-close">
-                  <div
-                    class="card-body d-flex justify-content-between p-0 mb-2"
-                  >
-                    <div class="d-flex">
-                      <div class="w-50 w-md-25 me-5">
-                        <img
-                          src="https://images.unsplash.com/photo-1510520001634-6af954f45759?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1506&q=80"
-                          alt="exhibition img"
-                          class="card-img h-100"
-                        />
-                      </div>
-                      <div
-                        class="
-                          w-50 w-md-auto
-                          d-flex
-                          flex-column
-                          justify-content-center
-                          ms-4
-                          me-md-5
-                        "
-                      >
-                        <div class="d-flex justify-content-between">
-                          <h2 class="fs-7 fw-bold mb-0">No.22 線上設計展</h2>
-                          <button
-                            type="button"
-                            class="d-md-none btn-close link-black text-reset"
-                            data-bs-dismiss="card-close"
-                            aria-label="Close"
-                          ></button>
-                        </div>
-
-                        <p class="mb-0">01 JUN — 31 OCT</p>
-                        <!-- mobile -->
-                        <div
-                          class="
-                            d-flex
-                            justify-content-between
-                            align-items-center
-                          "
-                        >
-                          <div class="d-flex align-items-center">
-                            <p class="text-dark me-1 mb-0">全票</p>
-                            <a class="d-block d-md-none fw-bold align-middle">
-                              1</a
-                            >
-                          </div>
-                          <p class="d-md-none h6 fw-bold mb-0">NT$350</p>
-                        </div>
-                      </div>
-                      <!-- pc pad  -->
-                      <div
-                        class="
-                          d-none d-md-flex
-                          flex-column
-                          justify-content-center
-                          ms-md-4
-                          me-md-5
-                        "
-                      >
-                        <p class="h6 fw-bold mb-0">NT$350</p>
-                      </div>
-                      <!-- -01+ -->
-                      <div
-                        class="
-                          d-md-flex d-none
-                          flex-column flex-md-row
-                          justify-content-center
-                          align-items-center
-                          w-25
-                        "
-                      >
-                        <a
-                          href="#"
-                          class="
-                            link-black
-                            mb-1 mb-md-0
-                            p-0
-                            pe-md-1
-                            |
-                            hvr-shrink
-                          "
-                          ><span class="material-icons-outlined">
-                            remove
-                          </span></a
-                        >
-                        <a href="#" class="link-black mb-1 mb-md-0 p-0 mx-md-2">
-                          <p class="h1 fw-bold mb-0">01</p>
-                        </a>
-                        <a
-                          href="#"
-                          class="link-black mb-1 mb-md-0 p-0 ps-md-1 | hvr-grow"
-                          ><span class="material-icons-outlined"> add </span></a
-                        >
-                      </div>
-                    </div>
-                    <!-- close btn -->
-                    <div
-                      class="
-                        d-none d-md-flex
-                        flex-column
-                        justify-content-center
-                        align-items-center
-                        ms-md-4
-                      "
-                    >
-                      <button
-                        type="button"
-                        class="btn-close link-black text-reset p-0"
-                        data-bs-dismiss="card-close"
-                        aria-label="Close"
-                      ></button>
-                    </div>
-                  </div>
-                </li>
-                <li class="card border-0 mb-6 card-close">
-                  <div
-                    class="card-body d-flex justify-content-between p-0 mb-2"
-                  >
-                    <div class="d-flex">
-                      <div class="w-50 w-md-25 me-5">
-                        <img
-                          src="https://images.unsplash.com/photo-1545178803-4056771d60a3?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1500&q=80"
-                          alt="exhibition img"
-                          class="card-img h-100"
-                        />
-                      </div>
-                      <div
-                        class="
-                          w-50 w-md-auto
-                          d-flex
-                          flex-column
-                          justify-content-center
-                          ms-4
-                          me-md-5
-                        "
-                      >
-                        <div class="d-flex justify-content-between">
-                          <h2 class="fs-7 fw-bold mb-0">高雄設計節</h2>
-                          <button
-                            type="button"
-                            class="d-md-none btn-close link-black text-reset"
-                            data-bs-dismiss="card-close"
-                            aria-label="Close"
-                          ></button>
-                        </div>
-
-                        <p class="mb-0">01 JUN — 31 OCT</p>
-                        <!-- mobile -->
-                        <div
-                          class="
-                            d-flex
-                            justify-content-between
-                            align-items-center
-                          "
-                        >
-                          <div class="d-flex align-items-center">
-                            <p class="text-dark me-1 mb-0">全票</p>
-                            <a class="d-block d-md-none fw-bold align-middle">
-                              1</a
-                            >
-                          </div>
-                          <p class="d-md-none h6 fw-bold mb-0">NT$350</p>
-                        </div>
-                      </div>
-                      <!-- pc pad  -->
-                      <div
-                        class="
-                          d-none d-md-flex
-                          flex-column
-                          justify-content-center
-                          ms-md-4
-                          me-md-5
-                        "
-                      >
-                        <p class="h6 fw-bold mb-0">NT$350</p>
-                      </div>
-                      <!-- -01+ -->
-                      <div
-                        class="
-                          d-md-flex d-none
-                          flex-column flex-md-row
-                          justify-content-center
-                          align-items-center
-                          w-25
-                        "
-                      >
-                        <a
-                          href="#"
-                          class="
-                            link-black
-                            mb-1 mb-md-0
-                            p-0
-                            pe-md-1
-                            |
-                            hvr-shrink
-                          "
-                          ><span class="material-icons-outlined">
-                            remove
-                          </span></a
-                        >
-                        <a href="#" class="link-black mb-1 mb-md-0 p-0 mx-md-2">
-                          <p class="h1 fw-bold mb-0">01</p>
-                        </a>
-                        <a
-                          href="#"
-                          class="link-black mb-1 mb-md-0 p-0 ps-md-1 | hvr-grow"
-                          ><span class="material-icons-outlined"> add </span></a
-                        >
-                      </div>
-                    </div>
-                    <!-- close btn -->
-                    <div
-                      class="
-                        d-none d-md-flex
-                        flex-column
-                        justify-content-center
-                        align-items-center
-                        ms-md-4
-                      "
-                    >
-                      <button
-                        type="button"
-                        class="btn-close link-black text-reset p-0"
-                        data-bs-dismiss="card-close"
-                        aria-label="Close"
-                      ></button>
-                    </div>
-                  </div>
-                </li>
-              </ul>
-            </div>
-            <!-- add buyer info form -->
-            <div class="col-lg-4">
-              <form class="mb-12">
-                <h3 class="h6 fw-medium mb-6">訂購人資訊</h3>
-
-                <div class="mb-6">
-                  <label for="buyeremail" class="form-label">Email</label>
-                  <input
-                    type="email"
-                    name="input email"
-                    id="buyeremail"
-                    class="form-control text-dark py-2"
-                    placeholder="example@gmail.com"
-                  />
-                </div>
-                <div class="mb-6">
-                  <label for="buyername" class="form-label">姓名</label>
-                  <input
-                    type="text"
-                    name="input name"
-                    id="buyername"
-                    class="form-control text-dark py-2"
-                    placeholder="請輸入姓名"
-                  />
-                </div>
-                <div class="mb-6">
-                  <label for="buyerphone" class="form-label">聯絡電話</label>
-                  <input
-                    type="text"
-                    name="input phone number"
-                    id="buyerphone"
-                    class="form-control text-dark py-2"
-                    placeholder="請輸入電話"
-                  />
-                </div>
-                <div class="mb-6">
-                  <label for="couponCode" class="form-label">優惠碼</label>
-                  <input
-                    type="text"
-                    name="input coupon"
-                    id="couponCode"
-                    class="form-control text-dark py-2 mb-1"
-                    placeholder="TG87526"
-                    aria-describedby="couponCheckBlock"
-                  />
-                  <div
-                    id="couponCheckBlock"
-                    class="form-text text-end text-primary"
-                  >
-                    優惠碼已生效
-                  </div>
-                </div>
-              </form>
-              <!-- mobile display only -->
-              <ul class="mb-7 d-md-none">
-                <li
-                  class="
-                    d-flex
-                    justify-content-between
-                    align-items-center
-                    text-nowrap
-                    mb-1
-                  "
-                >
-                  <p class="mb-0">小計</p>
-                  <p class="fw-light mb-0">NT$1050</p>
-                </li>
-                <li
-                  class="
-                    d-flex
-                    justify-content-between
-                    align-items-center
-                    text-nowrap
-                    mb-2
-                  "
-                >
-                  <p class="mb-0">折扣</p>
-                  <p class="fw-light mb-0">-NT$50</p>
-                </li>
-                <li
-                  class="
-                    d-flex
-                    justify-content-between
-                    align-items-center
-                    text-nowrap
-                    mb-2
-                  "
-                >
-                  <p class="h6 fw-medium mb-0">總金額</p>
-                  <p class="h6 fw-medium mb-0">NT$1000</p>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <!-- footer btn -->
-        <div class="row align-items-end mb-12">
-          <!-- add return button pc only-->
-          <div class="col-lg-8">
-            <div class="col-lg-3 d-none d-lg-block">
-              <a
-                href="order.html"
-                class="btn btn-outline-primary w-100 | hvr-shrink"
-                >返回</a
-              >
-            </div>
-          </div>
-          <div class="col-lg-4">
-            <!-- pc display only -->
-            <ul class="d-none d-md-block">
-              <li
-                class="
-                  d-flex
-                  justify-content-between
-                  align-items-center
-                  text-nowrap
-                  mb-2
-                "
-              >
-                <p class="mb-0">小計</p>
-                <p class="fw-light mb-0">NT$1050</p>
-              </li>
-              <li
-                class="
-                  d-flex
-                  justify-content-between
-                  align-items-center
-                  text-nowrap
-                  mb-2
-                "
-              >
-                <p class="mb-0">折扣</p>
-                <p class="fw-light mb-0">-NT$50</p>
-              </li>
-              <li
-                class="
-                  d-flex
-                  justify-content-between
-                  align-items-center
-                  text-nowrap
-                  mb-2
-                "
-              >
-                <p class="h6 fw-medium mb-0">總金額</p>
-                <p class="h6 fw-medium mb-0">NT$1000</p>
-              </li>
-            </ul>
-            <div class="d-flex mt-2 mt-lg-0 mb-12">
-              <a
-                href="order.html"
-                class="btn btn-outline-primary w-50 me-5 d-lg-none | hvr-shrink"
-                >返回</a
-              >
-              <a
-                href="payment-info.html"
-                class="btn btn-secondary w-50 w-lg-100 | hvr-shrink"
-                >下一步
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
 </main>
\ No newline at end of file