<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>7TAO活動總覽</title>
<link rel="icon" href="https://raw.githubusercontent.com/hexschool/2022-web-layout-training/main/2023week6/logo.png" type="image/x-icon">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
</head>
<body>
<%- include('./layout/header'); -%>
<div class="container mb-3 mb-md-6">
<div
class="d-flex justify-content-between align-items-center border border-primary border-3 px-3 px-md-6 py-4 py-md-5"
>
<h2 class="font-yeseva fs-6 fs-md-1 mb-0">EVENTS</h2>
<h2 class="font-serif fs-md-5 mb-0">所有活動</h2>
</div>
</div>
<ul class="container mb-6 font-serif list-unstyled d-flex flex-wrap event">
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 mb-2 me-2 position-relative"
>演出</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 mb-2 me-2 position-relative"
>音樂</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 mb-2 me-2 position-relative"
>舞蹈</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 mb-2 me-2 position-relative"
>戲劇</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 mb-2 me-2 position-relative"
>音樂會</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 mb-2 me-2 position-relative"
>課程講座</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 mb-2 me-2 position-relative"
>社群活動</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 mb-2 me-2 position-relative"
>展覽</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 mb-2 me-2 position-relative"
>研討會</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 mb-2 me-2 position-relative"
>電影</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 mb-2 me-2 position-relative"
>電音派對</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 mb-2 me-2 position-relative"
>遊戲競賽</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 mb-2 mb-md-0 me-2 position-relative"
>親子</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 mb-2 mb-md-0 me-2 position-relative"
>藝文活動</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 mb-2 mb-md-0 me-2 position-relative"
>運動</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 mb-2 mb-md-0 me-2 position-relative"
>交通旅遊</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 mb-2 mb-md-0 me-2 position-relative"
>美食</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 me-2 position-relative"
>資訊科技</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 me-2 position-relative"
>聯誼</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 me-2 position-relative"
>戶外</a
></li>
<li> <a
href="#"
class="tag border border-primary text-decoration-none d-inline-block px-5 py-1 me-2 position-relative"
>線上活動</a
></li>
</ul>
<div class="container mb-6 mb-md-10">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3">
<div class="col mb-5 mb-md-9" data-aos="fade-up">
<div class="card border-0 activity h-100">
<span
class="card-header fs-5 fs-md-4 fs-lg-3 text-nowrap font-yeseva border-bottom border-primary border-3 py-0 px-0"
>19 MAY 2023</span
>
<img
src="https://raw.githubusercontent.com/hexschool/2022-web-layout-training/main/2023week6/event/01.jpg"
class="card-img-top my-3 rounded-0 img-fluid"
alt="watch movie"
/>
<div class="card-body px-0 pt-0">
<h3 class="card-title font-serif fs-9 fs-md-6">邪典電影派對——房間</h3>
<p class="card-text">
你有聽說過「大災難家」裡面的主角 Tommy Wiseau
製作的「史上最爛的電影」——房間嗎？在美國甚至演變成一種邪教、一種派對的形式，在電影播放的對著螢幕丟湯匙都...
</p>
</div>
<div
class="card-footer border-top border-bottom border-primary border-2 rounded-0 d-flex justify-content-between align-items-center px-0"
>
<a href="#" class="text-decoration-none">
<img
src="https://raw.githubusercontent.com/hexschool/2022-web-layout-training/main/2023week6/sparkler.png"
alt="sparkler"
class="sparkler"
/><span class="font-serif align-middle">社群活動</span>
</a>
<a href="#popup" class="text-decoration-none know-more fw-bold position-relative" data-bs-toggle="modal"
>開賣中<span class="material-icons-round align-bottom">
keyboard_double_arrow_right
</span></a
>
</div>
</div>
</div>
<div class="col mb-5 mb-md-9" data-aos="fade-up">
<div class="card border-0 activity h-100">
<span
class="card-header fs-5 fs-md-4 fs-lg-3 text-nowrap font-yeseva border-bottom border-primary border-3 py-0 px-0"
>23 MAY 2023</span
>
<img
src="https://raw.githubusercontent.com/hexschool/2022-web-layout-training/main/2023week6/event/02.jpg"
class="card-img-top my-3 rounded-0 img-fluid"
alt="dance"
/>
<div class="card-body px-0 pt-0">
<h3 class="card-title font-serif fs-9 fs-md-6">怪舞俱樂部</h3>
<p class="card-text">
覺得自己的舞蹈細胞異於常人？每次隨著音樂起舞身邊的人總是露出無法理解的表情？來這裡就對了！來參加這場一起跳舞的聚會，也會在每一次的舞會中選出舞步最怪的...
</p>
</div>
<div
class="card-footer border-top border-bottom border-primary border-2 rounded-0 d-flex justify-content-between align-items-center px-0"
>
<a href="#" class="text-decoration-none">
<img
src="https://raw.githubusercontent.com/hexschool/2022-web-layout-training/main/2023week6/sparkler.png"
alt="sparkler"
class="sparkler"
/><span class="font-serif align-middle">演出</span>
</a>
<a href="#" class="text-decora
網頁切版實作--活動售票網站.zip
需积分: 5 94 浏览量
2024-01-17
11:57:58
上传
评论
收藏 98KB ZIP 举报
網頁切版實作--活動售票網站.zip （37个子文件） 
SJT-code pages 
payment.html 5KB login.html 3KB landing-page.html 7KB index.html 28KB event.html 29KB order.html 4KB checkout.html 6KB assets icofont 
icofont.css 5KB demo.html 3KB icofont.min.css 3KB fonts icofont.ttf 3KB icofont.woff2 2KB icofont.eot 4KB
icofont.svg 4KB icofont.woff 2KB scss pages _login.scss 282B _landing-page.scss 937B _checkout.scss 687B _index.scss 1KB _order.scss 31B _event.scss 170B _payment.scss 602B all.scss 871B helpers _fsutility.scss 210B _variables.scss 67KB _base.scss 135B _utilities.scss 116B _mixins.scss 115B layout _header.scss 256B main.js 259B vite.config.js 1KB package.json 548B package-lock.json 155KB vite.config.js.timestamp-1692675961757.mjs 6KB .gitignore 253B layout header.ejs 3KB footer.ejs 134B资源评论
