diff --git a/app/header-layout.ejs b/app/header-layout.ejs
deleted file mode 100644
index 4fe969b..0000000
--- a/app/header-layout.ejs
+++ /dev/null
@@ -1,369 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title><%- title %></title>
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link
-      href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap"
-      rel="stylesheet"
-    />
-    <link
-      href="https://fonts.googleapis.com/icon?family=Material+Icons"
-      rel="stylesheet"
-    />
-    <link
-      rel="stylesheet"
-      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"
-    />
-    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css" />
-    <link
-      rel="stylesheet"
-      href="https://unpkg.com/swiper/swiper-bundle.min.css"
-    />
-    <link rel="stylesheet" href="./assets/style/bootstrap.css" />
-    <link rel="stylesheet" href="./assets/style/all.css" />
-  </head>
-
-  <body>
-    <!-- ！！記得新增漢堡選單功能 -->
-    <!-- header  -->
-    <header class="border border-dark">
-      <div class="py-18 | container-md py-md-8 | position-relative">
-        <h1 class="logo | position-absolute top-50 start-50 translate-middle">
-          <a href="index.html" class="h5 link-primary | text-nowrap"
-            >EXHIBINECTION</a
-          >
-        </h1>
-        <div class="d-flex justify-content-end">
-          <div class="d-flex">
-            <a href="#" class="d-none d-md-block | link-dark | px-5">Sign in</a>
-            <a href="#" class="d-none d-md-block | link-dark px-5">Sign up</a>
-            <a
-              href="#"
-              class="d-block position-relative"
-              type="button"
-              data-bs-toggle="offcanvas"
-              data-bs-target="#cart-offcanvas"
-              aria-controls="cart-offcanvas"
-            >
-              <span
-                class="material-icons | shopping-cart | text-black align-middle"
-              >
-                confirmation_number
-              </span>
-            </a>
-          </div>
-        </div>
-      </div>
-    </header>
-
-    <%- contents %>
-
-    <!-- 猜你也喜歡 -->
-    <section>
-      <div class="container-md mb-7 mb-md-13">
-        <h3 class="h3 fw-bold mb-2 mb-md-7">猜你也喜歡...</h3>
-        <!-- Swiper for PC-->
-        <div class="swiper-container swiper | swiper-js | offset-md-1">
-        <ul class="swiper-wrapper | d-flex flex-wrap list-unstyled  ps-0 | flex-md-nowrap  "
-        style="cursor: grab;">
-          <li class="swiper-slide">
-            <div class="card border-0">
-              <div class="ratio ratio-1x1 h-345 mb-1 | h-md-350">
-                <img
-                  class="card-img"
-                  src="https://images.unsplash.com/photo-1492087368735-957f2d176504?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1320&q=80"
-                  alt="exhibition images"
-                />
-              </div>
-
-              <h2 class="h6 fw-bold mb-0 mb-1">No.22 線上設計展</h2>
-              <p class="h6 mb-1">$350</p>
-            </div>
-          </li>
-          <li class="swiper-slide">
-            <div class="card border-0">
-              <div class="ratio ratio-1x1 h-345 mb-1 | h-md-350">
-                <img
-                  class="card-img"
-                  src="https://images.unsplash.com/photo-1567722681579-c671cabd2810?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxjb2xsZWN0aW9uLXBhZ2V8MXw2MjI0ODIyMHx8ZW58MHx8fHw%3D&auto=format&fit=crop&w=800&q=60"
-                  alt="exhibition images"
-                />
-              </div>
-
-              <h2 class="h6 fw-bold mb-0 mb-1">No.22 線上設計展</h2>
-              <p class="h6 mb-1">$350</p>
-            </div>
-          </li>
-          <li class="swiper-slide">
-            <div class="card border-0">
-              <div class="ratio ratio-1x1 h-345 mb-1 | h-md-350">
-                <img
-                  class="card-img"
-                  src="https://images.unsplash.com/photo-1578402025217-920675beb3c3?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1365&q=80"
-                  alt="exhibition images"
-                />
-              </div>
-
-              <h2 class="h6 fw-bold mb-0 mb-1">No.22 線上設計展</h2>
-              <p class="h6 mb-1">$350</p>
-            </div>
-          </li>
-            
-        </ul>
-      </div>
-    </div>
-        
-    </section>
-    <!-- subscribe  -->
-    <section>
-      <div class="subscribe-banner | bg-img">
-      <div class="container-md pb-11">
-        <div class="d-flex flex-column justify-content-end">
-          <h4 class="h3 text-white | mb-0">想收到最新消息嗎？</h4>
-          <h4 class="h3 text-white | mb-2">快訂閱我們！</h4>
-          <div class="input-group | mt-1">
-            <input
-              type="text"
-              name="subscribe email"
-              id="input-email"
-              placeholder="請輸入您的電子信箱"
-              class="
-                btn btn-white
-                text-start
-                bg-light
-                w-60
-                py-2
-                |
-                w-md-30 w-lg-20
-              "
-            />
-            <input
-              type="submit"
-              value="訂閱"
-              class="btn btn-secondary link-white w-40 | w-md-20 | w-lg-10"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    </section>
-
-    <!-- footer -->
-    <footer class="py-5 | container-md py-md-8">
-      <div class="d-flex justify-content-between align-items-center">
-        <div class="d-md-flex align-items-center">
-          <p class="h5 | mb-0 me-5">EXHIBINECTION</p>
-          <p class="mb-0">© 2020. All Rights Reserved.</p>
-        </div>
-        <div class="d-flex">
-          <a href="#" class="d-none d-md-block | link-dark | px-3">Sign in</a>
-          <a href="#" class="d-none d-md-block | link-dark | px-3">Sign up</a>
-        </div>
-      </div>
-    </footer>
-
-
-    <!-- ！！記得修改用z-index 做覆蓋 -->
-    <!-- cart off canvas in layout  -->
-    <!-- scroll 將背景滾動功能關閉 -->
-    <!-- backdrop 將背景半透明暗灰的色塊去除 -->
-    <div
-      class="vh-100-minus-header | offcanvas offcanvas-end | bg-black w-100 pt-6 px-10 mt-60 | w-md-75 pt-md-10 mt-md-82 | w-lg-50"
-      tabindex="-1"
-      id="cart-offcanvas"
-      aria-labelledby="cart-offcanvas-label"
-      data-bs-scroll="false"
-      data-bs-backdrop="false" 
-      roll="dialog"
-    >
-      <!-- offcanvas header -->
-      <div class="offcanvas-header justify-content-between p-0 mb-2">
-        <h3 id="offcanvasRightLabel" class="text-white mb-0">Cart List</h3>
-        <button
-          type="button"
-          class="btn-close btn-close-white text-reset py-0"
-          data-bs-dismiss="offcanvas"
-          aria-label="Close"
-        ></button>
-      </div>
-      <!-- offcanvas body ul list + button -->
-        <div class="offcanvas-body p-0">
-          <!-- tickets list -->
-          <ul class="scroll-bar overflow-y-auto ps-0 | pe-2 pe-md-5">
-            <li class="card border-0 mb-2 card-close">
-              <button
-              type="button"
-              class="btn-close text-reset p-2"
-              data-bs-dismiss="card-close"
-              aria-label="Close"
-            ></button>
-            
-              <div class="card-body d-flex px-10 pt-0 pb-5 mb-2">
-                <div class="d-flex justify-content-between w-100">
-                  
-                  <div class="d-flex w-100">
-                    
-                    <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-120 w-120"
-                    />
-                  <div class="d-flex flex-column justify-content-between w-40 ms-5">
-                    <div class="title flex-grow-1">
-                      <h4 class="fs-7 fw-bold mb-0">2020 台味設計展</h4>
-                      <p class="mb-0">01 JUN — 31 OCT</p>
-                      <p class="link-dark">全票</p>
-                    </div>
-                    <p class="h6 fw-bold mb-0">NT$350</p>
-                  </div>
-                    
-                </div>
-                <!-- - 01 + -->
-                <div
-                  class="
-                    d-flex
-                    flex-column flex-md-row
-                    justify-content-center
-                    align-items-center
-                    w-30
-                  "
-                >
-                  <a href="#" class="link-black mb-1 mb-md-0 p-0 pe-md-1"
-                    ><i class="fas fa-minus"></i></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"
-                    ><i class="fas fa-plus"></i></a
-                  >
-                </div>
-                </div>
-              </div>
-            </li>
-            <li class="card border-0 mb-2 card-close">
-              <button
-              type="button"
-              class="btn-close text-reset p-2"
-              data-bs-dismiss="card-close"
-              aria-label="Close"
-            ></button>
-            
-              <div class="card-body d-flex px-10 pt-0 pb-5 mb-2">
-                <div class="d-flex justify-content-between w-100">
-                  
-                  <div class="d-flex w-100">
-                    <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-120 w-120"
-                    />
-                  <div class="d-flex flex-column justify-content-between w-40 ms-5">
-                    <div class="title flex-grow-1">
-                      <h4 class="fs-7 fw-bold mb-0">No.22 線上設計展</h4>
-                      <p class="mb-0">01 JUN — 31 OCT</p>
-                      <p class="link-dark">全票</p>
-                    </div>
-                    <p class="h6 fw-bold mb-0">NT$350</p>
-                  </div>
-                    
-                </div>
-                <!-- - 01 + -->
-                <div
-                  class="
-                    d-flex
-                    flex-column flex-md-row
-                    justify-content-center
-                    align-items-center
-                    w-30
-                  "
-                >
-                  <a href="#" class="link-black mb-1 mb-md-0 p-0 pe-md-1"
-                    ><i class="fas fa-minus"></i></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"
-                    ><i class="fas fa-plus"></i></a
-                  >
-                </div>
-                </div>
-              </div>
-            </li>
-            <li class="card border-0 mb-2 card-close">
-              <button
-              type="button"
-              class="btn-close text-reset p-2"
-              data-bs-dismiss="card-close"
-              aria-label="Close"
-            ></button>
-            
-              <div class="card-body d-flex px-10 pt-0 pb-5 mb-2">
-                <div class="d-flex justify-content-between w-100">
-                  
-                  <div class="d-flex w-100">
-                    <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-120 w-120"
-                    />
-                  <div class="d-flex flex-column justify-content-between w-40 ms-5">
-                    <div class="title flex-grow-1">
-                      <h4 class="fs-7 fw-bold mb-0">高雄設計節</h4>
-                      <p class="mb-0">01 JUN — 31 OCT</p>
-                      <p class="link-dark">全票</p>
-                    </div>
-                    <p class="h6 fw-bold mb-0">NT$350</p>
-                  </div>
-                    
-                </div>
-                <!-- - 01 + -->
-                <div
-                  class="
-                    d-flex
-                    flex-column flex-md-row
-                    justify-content-center
-                    align-items-center
-                    w-30
-                  "
-                >
-                  <a href="#" class="link-black mb-1 mb-md-0 p-0 pe-md-1"
-                    ><i class="fas fa-minus"></i></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"
-                    ><i class="fas fa-plus"></i></a
-                  >
-                </div>
-                </div>
-              </div>
-            </li>
-          </ul>
-          <!-- bottom btn -->
-          <div class="bg-black py-8">
-          <div class="d-flex justify-content-between align-items-center">
-            <div class="d-flex align-items-center">
-              <p class="h6 mb-0 text-white mb-0 me-7">小計</p>
-              <p class="h6 mb-0 text-white mb-0 ">NT$1050</p>
-            </div>
-            <a href="ticket.html" class="a btn btn-white btn-lg link-primary">前往結帳</a>
-          </div>
-        </div>
-        </div>
-    </div>
-    
-
-    <script src="https://unpkg.com/swiper/swiper-bundle.js"></script>
-    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
-    <script src="./assets/js/vendors.js"></script>
-    <script src="./assets/js/all.js"></script>
-  </body>
-</html>
diff --git a/app/index.html b/app/index.html
index 3b957c8..c2cdd3a 100644
--- a/app/index.html
+++ b/app/index.html
@@ -1,8 +1,10 @@
 ---
-title: EXHIBINECTION - home page
-layout: ./app/header-layout.ejs
+title: EXHIBINECTION
+layout: ./app/layout.ejs
 engine: ejs
 current: index
+menubar: ' d-none '
+display: ' '
 ---
 
 <!-- exhibition banner -->
