Skip to content

Commit

Permalink
[edit] Sign in Form
Browse files Browse the repository at this point in the history
  • Loading branch information
@Joy-port
Joy-port committed Aug 20, 2021
1 parent b5a3216 commit 4655d8d
Show file tree
Hide file tree
Showing 3 changed files with 510 additions and 210 deletions.
1 change: 0 additions & 1 deletion app/assets/js/all.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,6 @@ var swiper = new Swiper(".swiper-js", {
spaceBetween: 15,

},

992: {
slidesPerView: 3,
spaceBetween: 30,
Expand Down
181 changes: 142 additions & 39 deletions app/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,9 @@ <h2 class="fw-bold text-white | mb-2">台北當代藝術展</h2>
class="w-50 w-md-25 btn btn-secondary btn-lg | me-2 | hvr-shrink"
>購買票券</a
>
<a href="design.html" class="w-50 w-md-25 btn btn-outline-light btn-lg | hvr-shrink"
<a
href="design.html"
class="w-50 w-md-25 btn btn-outline-light btn-lg | hvr-shrink"
>詳細資訊</a
>
</div>
Expand Down Expand Up @@ -66,63 +68,144 @@ <h2 class="fw-bold text-white | mb-2">台北當代藝術展</h2>
<li class="nav-item">
<a
href="#"
class="nav-link link-dark | pt-0 pb-1 px-18 | hvr-underline-from-center"
class="
nav-link
link-dark
|
pt-0
pb-1
px-18
|
hvr-underline-from-center
"
>音樂</a
>
</li>
<li class="nav-item">
<a
href="#"
class="nav-link link-dark | pt-0 pb-1 px-18 | hvr-underline-from-center"
class="
nav-link
link-dark
|
pt-0
pb-1
px-18
|
hvr-underline-from-center
"
>戲劇</a
>
</li>
<li class="nav-item">
<a
href="design.html"
class="nav-link link-dark | pt-0 pb-1 px-18 | hvr-underline-from-center"
class="
nav-link
link-dark
|
pt-0
pb-1
px-18
|
hvr-underline-from-center
"
>設計</a
>
</li>
<li class="nav-item">
<a
href="#"
class="nav-link link-dark | pt-0 pb-1 px-18 | hvr-underline-from-center"
class="
nav-link
link-dark
|
pt-0
pb-1
px-18
|
hvr-underline-from-center
"
>藝術</a
>
</li>
<li class="nav-item">
<a
href="#"
class="nav-link link-dark | pt-0 pb-1 px-18 | hvr-underline-from-center"
class="
nav-link
link-dark
|
pt-0
pb-1
px-18
|
hvr-underline-from-center
"
>美食</a
>
</li>
<li class="nav-item">
<a
href="#"
class="nav-link link-dark | pt-0 pb-1 px-18 | hvr-underline-from-center"
class="
nav-link
link-dark
|
pt-0
pb-1
px-18
|
hvr-underline-from-center
"
>旅遊</a
>
</li>
<li class="nav-item">
<a
href="#"
class="nav-link link-dark | pt-0 pb-1 px-18 | hvr-underline-from-center"
class="
nav-link
link-dark
|
pt-0
pb-1
px-18
|
hvr-underline-from-center
"
>電影</a
>
</li>
<li class="nav-item">
<a
href="#"
class="nav-link link-dark | pt-0 pb-1 px-18 | hvr-underline-from-center"
class="
nav-link
link-dark
|
pt-0
pb-1
px-18
|
hvr-underline-from-center
"
>親子</a
>
</li>
<li class="nav-item">
<a
href="#"
class="nav-link link-dark | pt-0 pb-1 px-18 | hvr-underline-from-center"
class="
nav-link
link-dark
|
pt-0
pb-1
px-18
|
hvr-underline-from-center
"
>期間限定</a
>
</li>
Expand All @@ -143,12 +226,12 @@ <h2 class="fw-bold text-white | mb-2">台北當代藝術展</h2>
熱門特展
</h3>
<ul class="list-unstyled">
<li class="card border-0 bg-light | py-7 px-5 mb-5 | p-md-0 mb-md-6"
data-aos="fade-left"
data-aos-duration="1400">
<div
class="row g-0 gx-7"
>
<li
class="card border-0 bg-light | py-7 px-5 mb-5 | p-md-0 mb-md-6"
data-aos="fade-left"
data-aos-duration="1400"
>
<div class="row g-0 gx-7">
<!-- 不同圖片縮放效果 -->

<!-- 整張等比例放大縮小 -->
Expand All @@ -169,11 +252,14 @@ <h2 class="fw-bold text-white | mb-2">台北當代藝術展</h2>
h-345 h-md-auto
"
>
<a href="info.html" class="p-0 d-block h-100 align-middle | hvr-shrink">
<a
href="info.html"
class="p-0 d-block h-100 align-middle | hvr-shrink"
>
<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="展覽圖片"
class="card-img h-100 w-100 "
class="card-img h-100 w-100"
/>
</a>
</div>
Expand Down Expand Up @@ -222,10 +308,14 @@ <h2 class="h6 fw-bold mb-0 me-2">2020 台味設計展</h2>
data-aos="fade-left"
data-aos-duration="1400"
>
<a href="info.html" class="btn btn-primary me-1 py-2 px-5 | hvr-shrink"
<a
href="info.html"
class="btn btn-primary me-1 py-2 px-5 | hvr-shrink"
>購買票券</a
>
<a href="#" class="btn btn-outline-primary py-2 px-5 | hvr-shrink"
<a
href="#"
class="btn btn-outline-primary py-2 px-5 | hvr-shrink"
>收藏展覽</a
>
</div>
Expand All @@ -251,12 +341,12 @@ <h2 class="h6 fw-bold mb-0 me-2">2020 台味設計展</h2>
</div>
</div>
</li>
<li class="card border-0 bg-light | py-7 px-5 mb-5 | p-md-0 mb-md-6"
data-aos="fade-left"
data-aos-duration="1400">
<div
class="row g-0 gx-7"
>
<li
class="card border-0 bg-light | py-7 px-5 mb-5 | p-md-0 mb-md-6"
data-aos="fade-left"
data-aos-duration="1400"
>
<div class="row g-0 gx-7">
<div class="col-md-5 col-lg-4 h-md-350">
<!-- 整張等比例放大縮小 -->
<a href="info.html" class="p-0 d-block h-100 | hvr-shrink">
Expand Down Expand Up @@ -311,10 +401,14 @@ <h2 class="h6 fw-bold mb-0 me-2">No.22 線上設計展</h2>
data-aos="fade-left"
data-aos-duration="1400"
>
<a href="info.html" class="btn btn-primary me-1 py-2 px-5 | hvr-shrink"
<a
href="info.html"
class="btn btn-primary me-1 py-2 px-5 | hvr-shrink"
>購買票券</a
>
<a href="#" class="btn btn-outline-primary py-2 px-5 | hvr-shrink"
<a
href="#"
class="btn btn-outline-primary py-2 px-5 | hvr-shrink"
>收藏展覽</a
>
</div>
Expand All @@ -340,11 +434,12 @@ <h2 class="h6 fw-bold mb-0 me-2">No.22 線上設計展</h2>
</div>
</div>
</li>
<li class="card border-0 bg-light | py-7 px-5 | p-md-0 mb-md-6" data-aos="fade-left"
data-aos-duration="1400">
<div
class="row g-0 gx-7"
>
<li
class="card border-0 bg-light | py-7 px-5 | p-md-0 mb-md-6"
data-aos="fade-left"
data-aos-duration="1400"
>
<div class="row g-0 gx-7">
<div class="col-md-5 col-lg-4 h-md-350">
<a href="info.html" class="p-0 d-block h-100 | hvr-shrink">
<img
Expand Down Expand Up @@ -398,10 +493,14 @@ <h2 class="h6 fw-bold mb-0 me-2">高雄設計節</h2>
data-aos="fade-left"
data-aos-duration="1400"
>
<a href="info.html" class="btn btn-primary me-1 py-2 px-5 | hvr-shrink"
<a
href="info.html"
class="btn btn-primary me-1 py-2 px-5 | hvr-shrink"
>購買票券</a
>
<a href="#" class="btn btn-outline-primary py-2 px-5 | hvr-shrink"
<a
href="#"
class="btn btn-outline-primary py-2 px-5 | hvr-shrink"
>收藏展覽</a
>
</div>
Expand Down Expand Up @@ -433,9 +532,11 @@ <h2 class="h6 fw-bold mb-0 me-2">高雄設計節</h2>

<!-- 直播回顧 -->
<section>
<div class="container-md mb-7 mb-md-13"
data-aos="fade-in"
data-aos-duration="1200">
<div
class="container-md mb-7 mb-md-13"
data-aos="fade-in"
data-aos-duration="1200"
>
<h3
class="fw-bold mb-2 mb-md-7"
data-aos="fade-in"
Expand Down Expand Up @@ -466,7 +567,9 @@ <h2 class="h6 fw-bold mb-0 me-2">高雄設計節</h2>
獨家由藝術家、策展人、畫廊總監帶您欣賞台
北藝術特展，感受雕塑、展演及當代日常文化 之間微妙的關係。
</p>
<a href="#" class="btn btn-secondary py-2 px-11 | hvr-pulse">點此觀看</a>
<a href="#" class="btn btn-secondary py-2 px-11 | hvr-pulse"
>點此觀看</a
>
</div>
</div>
</div>
Expand Down
Loading

0 comments on commit 4655d8d

Please sign in to comment.