forked from TEAM7497-MARAHO/archatom.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
343 lines (338 loc) · 28.7 KB
/
index.html
File metadata and controls
343 lines (338 loc) · 28.7 KB
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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="FRC Team 7497 team 7497 blog 我們隊伍自2018年創立，在2019年正式註冊 MARAHO#7497。 MARAHO是台灣的國蝶 -寬尾鳳蝶，在泰雅族語中有 「酋長」一意。 象徵著我們隊伍拍動這小小翅膀，如同蝴蝶效應，在台灣推廣FRC。" />
<meta name="keywords" content="team7497, FRC 7497, MARAHO, CGSH, FRC Team 7497, 甚麼是FRC?, 臺灣FRC隊伍, team 7497 blog">
<meta name="author" content="team7497">
<meta name="robots" content="index , follow">
<link rel="preload" as="style" href="./assets/css/timeline.css">
<link rel="preload" as="image" href="./assets/img/FRC__newlogo.webp">
<link rel="lazy" as="image" href="./assets/img/Zebra_tech_logo15.webp">
<link rel="lazy" as="image" href="./assets/img/成功高中logo-webp.webp">
<link rel="lazy" as="image" href="./assets/img/教育局LOGO-webp.webp">
<link rel="lazy" as="image" href="./assets/img/bot2019.webp">
<link rel="lazy" as="image" href="./assets/img/bot2020.webp">
<link rel="lazy" as="image" href="./assets/img/bot2021.webp">
<link rel="lazy" as="image" href="./assets/img/2021white.webp">
<link rel="lazy" as="image" href="./assets/img/copper.webp">
<link rel="lazy" as="image" href="./assets/img/gold (2).webp">
<link rel="lazy" as="image" href="./assets/img/silver.webp">
<link rel="lazy" as="image" href="./assets/img/tatanium (2).webp">
<link rel="preload" as="style" href="./assets/css/styles.css">
<link rel="preconnect" href="https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css">
<link rel="lazy" href="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js">
<link rel="preload" as="script" href="./assets/js/main.js">
<link rel="preload" as="script" href="./assets/js/gsap.min.js">
<link rel="icon shortcut" href="./assets/img/FRC__newlogo.webp">
<link rel="stylesheet" href="./assets/css/timeline.css">
<link rel="apple-touch-icon" href="./assets/img/FRC__newlogo.webp">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
<link rel="stylesheet" href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css'>
<link rel="stylesheet" href="https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css?_cacheOverride=1636013040059">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.1/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" />
<link rel="stylesheet" href="./assets/css/styles.css">
<title>Team 7497 | MARAHO</title>
<script>
window.addEventListener('touchmove', event => {
console.log(event);
}, { passive: true });
</script>
</head>
<body> <a href="#" class="scrolltop" id="scroll-top"> <i class='bx bx-chevron-up scrolltop__icon'></i> </a>
<header class="l-header" id="header">
<nav>
<div class="wrapper nav bd-container"> <a href="#home" class="nav__logo nav__link"><img class="logo"
decoding="async" src="./assets/img/FRC__newlogo.webp" alt="navlogo"><span
style="font-size: 30px;">FRC 7497</span></a> <input type="radio" name="slider" id="menu-btn">
<input type="radio" name="slider" id="close-btn">
<ul class="nav-links"> <label for="close-btn" class="btn close-btn"><i class="fas fa-times"></i></label>
<li> <a href="./index.html" class="desktop-item nav__link nav__item">Home</a> <input type="checkbox"
id="showDrop1"> <label for="showDrop1"><a href="./index.html"
class="mobile-item">Home</a></label> </li>
<li> <a href="#about" class="desktop-item nav__link nav__item">About</a> <input type="checkbox"
id="showDrop2"> <label for="showDrop2" class="mobile-item">About</label>
<ul class="drop-menu">
<li><a href="#about">FRC Team 7497</a></li>
<li><a href="./about.html">Team 7497 History</a></li>
</ul>
</li>
<li> <a href="./robot.html" class="desktop-item nav__link nav__item">Robot</a> <input type="checkbox"
id="showDrop3"> <label for="showDrop3"><a href="./robot.html" class="mobile-item">Robots</a></label>
</li>
<li> <a rel="noopener noreferrer" target="_blank" href="https://team7497blog.vercel.app/"
class="desktop-item nav__link nav__item">Blog</a> <input type="checkbox" id="showDrop1">
<label for="showDrop1"><a rel="noopener noreferrer" target="_blank"
href="https://team7497blog.vercel.app/" class="mobile-item">Blog</a></label>
</li>
<!-- <li> <a href="./members.html" class="desktop-item nav__link nav__item">Portfolio</a> <input type="checkbox" id="showMega2"> <label for="showMega2" class="mobile-item">Portfolio</label> <div class="mega-box"> <div class="content"> <div class="row"> <img src="./assets/img/newlogohome.png" alt=""> </div><div class="row"> <header>Outreach</header> <ul class="mega-links"> <li><a href="#">Graphics</a></li><li><a href="#">Vectors</a></li><li><a href="#">Business cards</a></li><li><a href="#">Custom logo</a></li></ul> </div><div class="row"> <header>Photos</header> <ul class="mega-links"> <li><a href="#">Personal Email</a></li><li><a href="#">Business Email</a></li><li><a href="#">Mobile Email</a></li><li><a href="#">Web Marketing</a></li></ul> </div><div class="row"> <header>Vedios</header> <ul class="mega-links"> <li><a href="#">Site Seal</a></li><li><a href="#">VPS Hosting</a></li><li><a href="#">Privacy Seal</a></li><li><a href="#">Website design</a></li></ul> </div></div></div></li>-->
<!-- <li> <a target="_blank" href="/members.html" class="desktop-item nav__link nav__item">Members</a> <input type="checkbox" id="showDrop1"> <label for="showDrop1"><a target="_blank" href="members.html" class="mobile-item">Members</a></label> </li>-->
<li> <a href="#sponsors" class="desktop-item nav__link nav__item">Sponsors</a> <input
type="checkbox" id="showDrop4"> <label for="showDrop4" class="mobile-item">Sponsors</label>
<ul class="drop-menu">
<li><a href="#sponsors">Our Sponsors</a></li>
<li><a rel="noopener noreferrer" target="_blank"
href="https://www.flyingv.cc/projects/30246?fbclid=IwAR176gK_coGZSwfklGGWXmEC87B5EvAVdYYO41pBAoCiyTt1i-C3164i-u8">Sponsor
Us</a></li>
</ul>
</li>
</ul> <label for="menu-btn" class="btn menu-btn"><i
class="fas fa-bars nav__link wow fadeInRight"></i></label>
</div>
</nav>
</header>
<main class="l-main">
<section class="home" id="home">
<div class="home__container bd-container bd-grid">
<div class="home__data"> <span class="home__greeting">Hello, We Are FRC</span>
<h1 class="home__name">Team 7497</h1> <span class="home__profession">From CGSH</span> <a
rel="noopener noreferrer" target="_blank"
href="https://www.flyingv.cc/projects/30246?fbclid=IwAR176gK_coGZSwfklGGWXmEC87B5EvAVdYYO41pBAoCiyTt1i-C3164i-u8"
class="button button-light home__button">Sponsor Us</a> <a rel="noopener noreferrer"
target="_blank" href="https://team7497blog.vercel.app/"
class="button button-light home__button">View Our Blog</a>
</div>
<div class="home__social"> <a rel="noopener noreferrer" target="_blank"
href="https://www.facebook.com/FRC7497" class="home__social-icon"><i
class='bx bxl-facebook-circle'></i></a> <a rel="noopener noreferrer" target="_blank"
href="https://www.instagram.com/team_7497/" class="home__social-icon"><i
class='bx bxl-instagram'></i></a> <a rel="noopener noreferrer" target="_blank"
href="https://www.youtube.com/channel/UCfwhmJXKZv5R4YJ29Xoxz4w" class="home__social-icon"><i
class='bx bxl-youtube'></i></a> </div>
<div class="home__img">
<!-- <model-viewer loading="lazy" alt="3D logo" src="assets\gltf\7497_3D_logo_colored.glb">
</model-viewer> -->
<object type="text/html" data="./3D player/video_texture.html">
</object>
</div>
</div>
</div>
</section>
<section class="about section bd-container" id="about"> <span class="section-subtitle">FRC Team 7497</span>
<h2 class="section-title">About us</h2>
<div class="tabs"> <input type="radio" name="tabs" id="tab1" checked> <label for="tab1"> <i
class="fas fa-users" style="font-size: 30px;"></i><span>FRC Team 7497</span> </label> <input
type="radio" name="tabs" id="tab2"> <label for="tab2"> <i class="fas fa-robot"
style="font-size: 30px;"></i><span>What's FRC</span> </label> <input type="radio" name="tabs"
id="tab3"> <label for="tab3"> <i class="fas fa-question" style="font-size: 30px;"></i><span>Q &
A</span> </label>
<div id="tab-content1" class="tab-content">
<h2>FRC Team 7497</h2>
<p> 我們隊伍自2018年創立，在2019年正式註冊 MARAHO#7497。 <br>MARAHO是台灣的國蝶 -寬尾鳳蝶，在泰雅族語中有 「酋長」一意。
<br>象徵著我們隊伍拍動這小小翅膀，如同蝴蝶效應，在台灣推廣FRC。 <br>當我們專注在機器人競賽時也不忘回饋社會，每年皆會協助地方捐血活動、偏鄉推廣STEM教育。
</p>
</div>
<div id="tab-content2" class="tab-content">
<h2>什麼是FRC?</h2>
<p> 全名 FIRST Robotics Competition，為全球針對青少年所辦的機器人競賽，每年有超過3000支隊伍與上萬名高中生前來共襄盛舉。
<br>於1992舉辦FRC，致今已是公認全球青少年賽事規模最大、專業的機器人競賽，也吸引許多隊伍爭相投入。
<br>每年須根據不同的賽季規則，設計出一台能完成相應得分任務功能的機器人，從設計、繪圖、材料加工及組裝皆由學生親自完成，其中還包括募集資金及宣傳推廣自家隊伍。團隊人數雖不限，但通常為十人以上所組成分工合作的隊伍，透過每個人的參與，在競賽中展露鋒芒。
<br>創辦人迪恩.卡門於1989建立FIRST非營利組織，為了啟發高中生對STEM熱情即動手接觸科技，因此舉辦FRC競賽。FRC的宗旨為高尚的專業精神( Gracious
Professionalism )，以類似體育型的科技競賽所舉辦，隊伍除了競爭以外，合作更是不可或缺的一部份。各隊需與其它隊伍組成聯盟一起參與比賽，展現互助與運動家精神，盡情享受比賽。
</p>
</div>
<div id="tab-content3" class="tab-content">
<div class="bd-grid">
<div class="accordion__item">
<header class="accordion__header"> <i class='bx bx-plus accordion__icon'></i>
<h3 class="accordion__title">我們來自哪裡?</h3>
</header>
<div class="accordion__content">
<p class="accordion__description"> 我們來自成功高中工業機器人社 </p>
</div>
</div>
<div class="accordion__item">
<header class="accordion__header"> <i class='bx bx-plus accordion__icon'></i>
<h3 class="accordion__title">什麼時候比賽?</h3>
</header>
<div class="accordion__content">
<p class="accordion__description">大約三月到四月。而製作期會從一月題目公布開始到三月、四月比賽。</p>
</div>
</div>
<div class="accordion__item">
<header class="accordion__header"> <i class='bx bx-plus accordion__icon'></i>
<h3 class="accordion__title">會不會很花錢?</h3>
</header>
<div class="accordion__content">
<p class="accordion__description">會，FRC比賽所費不貲，從機器人零件、組裝用的工具，到比賽註冊費等，都是龐大的開銷，因此我們會向外找公司、企業等尋求合作、贊助的機會。 </p>
</div>
</div>
<div class="accordion__item">
<header class="accordion__header"> <i class='bx bx-plus accordion__icon'></i>
<h3 class="accordion__title">除了每年的比賽還會有麼競賽活動?</h3>
</header>
<div class="accordion__content">
<p class="accordion__description">除了每年官方正式的比賽，我們也會在其他時段參加台灣所舉辦的模擬賽或季後賽，增進比賽經驗及實力。</p>
</div>
</div>
<div class="accordion__item">
<header class="accordion__header"> <i class='bx bx-plus accordion__icon'></i>
<h3 class="accordion__title">我們只做機器人嗎? </h3>
</header>
<div class="accordion__content">
<p class="accordion__description">除了做機器人，我們也透過深入偏鄉進行機器人教學的方式，將STEM教育推廣到世界的角落。同時，我們也利用空餘時間，參與社區服務，包括協助捐血活動與義工活動。</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section bd-container" id="sponsors"> <span class="section-subtitle">Testimonial</span>
<h2 class="section-title">Our Sponsors</h2>
<div class="wrapper-sponsor">
<div class="card-sponsor"> <input type="checkbox" id="card3" class="more">
<div class="content">
<div class="front" style="background-image: url('./assets/img/tatanium\ \(2\).webp')">
<div class="inner">
<h2>Titanium</h2>
<div class="rating"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i
class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i>
</div><label for="card3" class="button-sponsor" aria-hidden="true"> Details </label>
</div>
</div>
<div class="back">
<div class="inner">
<div class="description">
<h2>贊助金額 <br>$500,000+</h2>
<p> <span><i class='bx bxs-right-arrow'></i>將更大尺寸的贊助商Logo置於我們的機器人上</span>
<br><span><i class='bx bxs-right-arrow'></i>將更大尺寸的贊助商Logo置於我們的隊服上</span>
<br><span><i class='bx bxs-right-arrow'></i>將更大尺寸的贊助商Logo置於贊助牆上</span>
<br><span><i class='bx bxs-right-arrow'></i>包含所有Gold方案的權益</span> <br>
</p>
</div><label for="card3" class="button-sponsor return" aria-hidden="true"> <i
class="fas fa-arrow-left"></i> </label>
</div>
</div>
</div>
</div>
<div class="card-sponsor"> <input type="checkbox" id="card1" class="more" aria-hidden="true">
<div class="content">
<div class="front" style="background-image: url('./assets/img/gold\ \(2\).webp')">
<div class="inner">
<h2>Gold</h2>
<div class="rating"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i
class="fas fa-star"></i> <i class="fas fa-star"></i> </div><label for="card1"
class="button-sponsor" aria-hidden="true"> Details </label>
</div>
</div>
<div class="back">
<div class="inner">
<div class="description">
<h2>贊助金額 <br>$200,000 - $499,999</h2>
<p> <span><i class='bx bxs-right-arrow'></i>將更大尺寸的贊助商Logo置於我們的網站上</span>
<br><span><i class='bx bxs-right-arrow'></i>將贊助商Logo置於我們的隊服上</span> <br><span><i
class='bx bxs-right-arrow'></i>包含所有Silver方案的權益</span> <br>
</p>
</div><label for="card1" class="button-sponsor return" aria-hidden="true"> <i
class="fas fa-arrow-left"></i> </label>
</div>
</div>
</div>
</div>
<div class="card-sponsor"> <input type="checkbox" id="card2" class="more">
<div class="content">
<div class="front" style="background-image: url('./assets/img/silver.webp')">
<div class="inner">
<h2>Silver</h2>
<div class="rating"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i
class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div><label
for="card2" class="button-sponsor" aria-hidden="true"> Details </label>
</div>
</div>
<div class="back">
<div class="inner">
<div class="description">
<h2>贊助金額 <br>$100,000 - $199,999</h2>
<p> <span><i class='bx bxs-right-arrow'></i>將贊助商Logo置於我們的機器人上</span> <br><span><i
class='bx bxs-right-arrow'></i>將贊助商Logo置於贊助牆上</span> <br><span><i
class='bx bxs-right-arrow'></i>包含所有Copper方案的權益</span> <br></p>
</div><label for="card2" class="button-sponsor return" aria-hidden="true"> <i
class="fas fa-arrow-left"></i> </label>
</div>
</div>
</div>
</div>
<div class="card-sponsor"> <input type="checkbox" id="card4" class="more">
<div class="content">
<div class="front" style="background-image: url('./assets/img/copper.webp')">
<div class="inner">
<h2>Copper</h2>
<div class="rating"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i
class="fas fa-star"></i> </div><label for="card4" class="button-sponsor"
aria-hidden="true"> Details </label>
</div>
</div>
<div class="back">
<div class="inner">
<div class="description">
<h2>贊助金額 <br>$50,000 - $99,999 </h2>
<p> <span><i class='bx bxs-right-arrow'></i>將贊助商Logo置於我們的網站上</span> <br><span><i
class='bx bxs-right-arrow'></i>利用社群媒體公開宣傳</span> <br><span><i
class='bx bxs-right-arrow'></i>贈與感謝狀</span> <br></p>
</div>
<!-- <div class="location">Cracow, Poland</div><div class="price">60€ / day</div>-->
<label for="card4" class="button-sponsor return" aria-hidden="true"> <i
class="fas fa-arrow-left"></i> </label>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="slider">
<div class="slide-track">
<div class="slide"> <img src="./assets/img/Zebra_tech_logo15.webp" height="100" width="250" alt="" />
</div>
<div class="slide"> <img src="./assets/img/成功高中logo-webp.webp" height="100" width="250" alt="" /> </div>
<div class="slide"> <img src="./assets/img/教育局LOGO-webp.webp" height="100" width="250" alt="" /> </div>
<div class="slide"> <img src="./assets/img/台科大logo.webp" height="100" width="400" alt="" /> </div>
<div class="slide"> <img src="./assets/img/中華電信基金會logo.webp" height="100" width="400" alt="" /> </div>
<div class="slide"> <img src="./assets/img/Zebra_tech_logo15.webp" height="100" width="250" alt="" />
</div>
<div class="slide"> <img src="./assets/img/成功高中logo-webp.webp" height="100" width="250" alt="" /> </div>
<div class="slide"> <img src="./assets/img/教育局LOGO-webp.webp" height="100" width="250" alt="" /> </div>
<div class="slide"> <img src="./assets/img/台科大logo.webp" height="100" width="400" alt="" /> </div>
<div class="slide"> <img src="./assets/img/中華電信基金會logo.webp" height="100" width="400" alt="" /> </div>
<div class="slide"> <img src="./assets/img/Zebra_tech_logo15.webp" height="100" width="250" alt="" />
</div>
<div class="slide"> <img src="./assets/img/成功高中logo-webp.webp" height="100" width="250" alt="" /> </div>
<div class="slide"> <img src="./assets/img/教育局LOGO-webp.webp" height="100" width="250" alt="" /> </div>
<div class="slide"> <img src="./assets/img/台科大logo.webp" height="100" width="400" alt="" /> </div>
<div class="slide"> <img src="./assets/img/中華電信基金會logo.webp" height="100" width="400" alt="" /> </div>
<div class="slide"> <img src="./assets/img/Zebra_tech_logo15.webp" height="100" width="250" alt="" />
</div>
<div class="slide"> <img src="./assets/img/成功高中logo-webp.webp" height="100" width="250" alt="" /> </div>
<div class="slide"> <img src="./assets/img/教育局LOGO-webp.webp" height="100" width="250" alt="" /> </div>
<div class="slide"> <img src="./assets/img/台科大logop.webp" height="100" width="400" alt="" /> </div>
<div class="slide"> <img src="./assets/img/中華電信基金會logo.webp" height="100" width="400" alt="" /> </div>
</div>
</div>
<!-- <section class="contact section bd-container" id="contact"> <span class="section-subtitle">For projects</span> <h2 class="section-title">Contact us</h2> <div class="contact__container bd-grid"> <div class="contact__content bd-grid"> <div class="contact__box"> <i class='bx bx-home contact__icon'></i> <h3 class="contact__title">Location</h3> <span class="contact__description"> 100026 臺北市中正區濟南路一段71號</span> </div><div class="contact__box"> <i class='bx bx-phone contact__icon'></i> <h3 class="contact__title">Phone</h3> <span class="contact__description"> 公關 柯翔崑 0912345678 </span> </div><div class="contact__box"> <i class='bx bx-envelope contact__icon'></i> <h3 class="contact__title">Gmail</h3> <span class="contact__description">team7497maraho@gmail.com</span> </div><div class="contact__box"> <i class='bx bx-chat contact__icon'></i> <h3 class="contact__title">Chat</h3> <div> <a href="#" class="contact__social"><i class='bx bxl-whatsapp-square'></i></a> <a href="#" class="contact__social"><i class='bx bxl-telegram'></i></a> <a href="#" class="contact__social"><i class='bx bxl-messenger'></i></a> </div></div></div><form action="https://formspree.io/f/mrgrvkrr" method="POST" class="contact__form"> <div class="contact__inputs"> <input name="name" type="text" placeholder="Name" class="contact__input"> <input name="email" name="_replyto" type="email" placeholder="Email" class="contact__input"> </div><div class="contact__inputs"> <input type="text" placeholder="Project" class="contact__input"> <input type="number" placeholder="Number" class="contact__input"> </div><textarea id="" cols="0" rows="7" name="message" placeholder="Massage" class="contact__input"></textarea> <input type="submit" value="Send Message" class="button contact__button"> </form> </div></section> -->
<!-- <section class="map section bd-container"> <div class="map__container br-grid"> <div class="map__data"> <div> <h2 class="map__title"> <i class='bx bx-map' style="font-size: 30px; color: #ffd700;"></i> Our Location </h2> </div><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3614.7565795710684!2d121.521366615361!3d25.042333644110492!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3442a970c3bcebf3%3A0x266ad3e2f94333b2!2zMTAw5Y-w5YyX5biC5Lit5q2j5Y2A5r-f5Y2X6Lev5LiA5q61NzHomZ8!5e0!3m2!1szh-TW!2stw!4v1632076080251!5m2!1szh-TW!2stw" class="map__video" allowfullscreen="" loading="lazy"></iframe> </div></div></section> -->
</main>
<footer class="footer">
<div class="footer__container bd-container">
<h1 class="footer__title">臺北市立成功高級中學 <br>FRC Team 7497</h1>
<div class="footer__social"> <a rel="noopener noreferrer" target="_blank"
href="https://www.facebook.com/FRC7497" class="footer__link"><i
class='bx bxl-facebook-circle'></i></a> <a rel="noopener noreferrer" target="_blank"
href="https://www.instagram.com/team_7497/" class="footer__link"><i
class='bx bxl-instagram'></i></a> <a rel="noopener noreferrer" target="_blank"
href="https://www.youtube.com/channel/UCfwhmJXKZv5R4YJ29Xoxz4w" class="footer__link"><i
class='bx bxl-youtube'></i></a> </div>
<p class="footer__copy">Copyright © 2021 FRC Team 7497. All right reserved</p>
<p class="footer__copy">Last Version V2.2.8 12.24.2021</p>
</div>
</footer>
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
<script src="./assets/js/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
referrerpolicy="no-referrer"></script> -->
<script src="./assets/js/main.js"></script>
</body>
</html>