-
Notifications
You must be signed in to change notification settings - Fork 0
/
store.html
103 lines (95 loc) · 4.66 KB
/
store.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Store</title>
<link rel="stylesheet" href="store.css">
<link rel="stylesheet" href="00_project_theme.css">
<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+Serif+TC:[email protected]&display=swap" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script> <!--載入 jQuery-->
<script src="store.js"></script>
</head>
<body>
<div id="top">
<nav id="nav_bar">
<ul class="nav">
<li id="home"><a href="index.html">Home</a></li>
<li id="introduction"><a href="introduction.html">Introduction</a></li>
<li id="sport"><a href="sport.html">Sports</a></li>
<li id="store"><a href="store.html">Store</a></li>
<li id="comment"><a href="comment.html">Comment</a></li>
<li id="games"><a href="games.html">Games</a></li>
</ul>
</nav>
<label for="sideMenu--active" class="line"><div class="menu"></div></label>
</div>
<!-- 側拉式選單 -->
<input type="checkbox" name="" id="sideMenu--active">
<!-- 使用 checkbox 來做開關 -->
<div class="sideMenu">
<nav>
<a href="#firststore" class="fas">商店首頁</a>
<a href="#store-yonex" class="fas">Yonex 紀念T</a>
<a href="#store-taiwan" class="fas">中華隊</a>
<a href="#store-bank" class="fas">聯邦銀行</a>
</nav>
</div>
<div id="all_content">
<div class="store" id="firststore">
<img class="mask" src="src/store/shop_logo.jpg">
<button onclick=" window.location.href='onlinestore.html'; ">Go Shopping</button>
<img class="ad" id="shop" src="src/store/shop.jpg" alt="商店首圖">
</div>
<div id="store-yonex">
<div class="store">
<img class="ad" id="yonex" src="src/store/yonex.jpg">
<input type="checkbox" id="toggleCheckbox1">
<div class="title" onclick="toggleTitle(1)">
<div class="text">
<h2>YONEX <br>2024奧運紀念T</h2>
<p>2024巴黎奧運、帕運將於今年夏季點燃聖火。萬眾矚目的中華代表隊服飾，
將由日本知名品牌YONEX與中華奧會首度合作，專門為中華隊量身打造，力挺台灣運動員進軍最高殿堂、爭取無上榮耀。</p>
<label for="toggleCheckbox1" class="button"><div>點我看更多</div></label>
</div>
<div class="table-container"></div>
</div>
</div>
</div>
<div id="store-taiwan">
<div class="store">
<img class="ad" id="newkit" src="src/store/newkit.png" alt="奧運進場服">
<input type="checkbox" id="toggleCheckbox2">
<div class="title" onclick="toggleTitle(2)">
<div class="text">
<h2>中華台北代表團<br>2024奧運進場服</h2>
<p>繼上屆東京奧運後，周裕穎再度擔任奧運服裝設計師，這已是他第二次操刀奧運服裝。
這次他集結了全台 8 組具代表性的工藝師傅與紡織廠，以台灣本地的「山、海、城、原」為理念出發，打造了一系列兼具運動機能與永續性的服飾。</p>
<label for="toggleCheckbox2" class="button"><div>點我看更多</div></label>
</div>
<div class="table-container"></div>
</div>
</div>
</div>
<div id="store-bank">
<div class="store">
<img class="ad" id="bankitem" src="src/store/bankitem.png" alt="銀行商品">
<input type="checkbox" id="toggleCheckbox3">
<div class="title" onclick="toggleTitle(3)">
<div class="text">
<h2>聯邦銀行<br>刷卡送好禮</h2>
<p>活動期間刷聯邦Visa信用卡
一般消費累積滿6萬元，
登錄抽Visa2024年巴黎奧運主題旅行袋(5,000名)</p>
<label for="toggleCheckbox3" class="button"><div>點我看更多</div></label>
</div>
<div class="table-container"></div>
</div>
</div>
</div>
</div>
<div class="scroll_back"><a href="#top"><img src="src/goback.png" width="70px"></a></div>
</body>
</html>