forked from TEAM7497-MARAHO/archatom.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
208 lines (205 loc) · 17.5 KB
/
about.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
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
<!DOCTYPE html>
<html lang="en">
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="臺北市立成功高級中學FRC工業機器人社team7497" />
<meta name="description" content="FRCteam7497" />
<meta name="robots" content="noindex,nofollow">
<link rel="preload" as="image" href="./assets/img/FRC__newlogo.webp">
<link rel="preload" as="style" href="./assets/css/timeline.css">
<link rel="preload" as="style" href="./assets/css/styles.css">
<link rel="preconnect" href="https://unpkg.com/[email protected]/css/boxicons.min.css">
<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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
<link rel="stylesheet" href='https://unpkg.com/[email protected]/css/boxicons.min.css'>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/css/boxicons.min.css?_cacheOverride=1636013040059">
<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/timeline.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
<link rel="stylesheet" href="./assets/css/styles.css">
<title>Team 7497 | MARAHO</title>
</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="./index.html" 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.html" class="desktop-item nav__link nav__item">About</a> <input
type="checkbox" id="showDrop2"> <label for="showDrop2" class="mobile-item">About</label>
</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="./index.html" 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="./index.html">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="about section bd-container" id="history"> <span class="section-subtitle">Our history</span>
<h2 class="section-title"><img class="logo" decoding="async" src="./assets/img/FRC__newlogo.webp"
alt="about-logo">Team 7497 大事記 </h2>
<!-- <div class="about__container bd-grid"> <div class="about__data bd-grid wow slideInLeft"> <p class="about__description"><span>Hello, We Are Team 7497 <br></span> <span style="font-size: 20px; color: #f8414a;">蝴蝶宮</span> <br>成功高中的象徵，也是我們隊伍的驕傲 <br><span style="font-size: 20px; color: #f8414a;">酋長</span> <br>MARAHO在泰雅族語中，期許能夠成為改變台灣機器人教育的領頭羊 <br><span style="font-size: 20px; color: #f8414a;">蝴蝶效應</span> <br>期望透過我們揮動小小的翅膀，能夠影響全世界 </p><div class="wow slideInLeft"> <span class="about__number">3+</span> <span><a href="./about.html" class="button button-light">More details</a></span> <br><a href="#" class="read-more">Read more</a> <span class="about__achievement">Our history</span> </div><div class="wow slideInLeft"> <span class="about__number">FRC 7497</span> <span class="about__achievement">MARAHO</span> </div></div><img class="about__img wow slideInRight" src="./assets/img/background.png" alt=""> </div>-->
<section class="timeline-carousel wow fadeInLeft">
<div class="timeline-carou sel__item-wrapper" data-js="timeline-carousel">
<div class="timeline-carousel__item">
<div class="timeline-carousel__image">
<div class="media-wrapper media-wrapper--overlay"
style="background: url('./assets/img/about1.webp') center center; background-size:cover;">
</div>
</div>
<div class="timeline-carousel__item-inner"> <span class="year">2018</span> <span
class="month">August 25-26</span>
<p> 中科FRC季後賽，為成功高中首次參與FRC規模的活動，當時尚未註冊為正式的隊伍，雖然最後沒有得獎，但仍是非常寶貴的一次經驗，也讓我們踏出前往FRC區域賽的第一步！ </p>
</div>
</div>
<!-- <div class="timeline-carousel__item"> <div class="timeline-carousel__image"> <div class="media-wrapper media-wrapper--overlay" style="background: url('assets/img/2018-9.jpg') center center; background-size:cover;"></div></div><div class="timeline-carousel__item-inner"> <div class="pointer"></div><span class="month">July 5 </span> <p>Austria-Hungary seeks German support for a war against Serbia in case of Russian militarism. Germany gives assurances of support.</p><a href="#" class="read-more">Read more</a> </div></div>-->
<div class="timeline-carousel__item">
<div class="timeline-carousel__image">
<div class="media-wrapper media-wrapper--overlay"
style="background: url('./assets/img/about2.webp') center center; background-size:cover;">
</div>
</div>
<div class="timeline-carousel__item-inner">
<div class="pointer"></div><span class="month"> <br></span>
<p> 2018年，我們以7497 MARAHO正式成立隊伍！
MARAHO，為台灣國蝶－寬尾鳳蝶的小種名，在泰雅族語中也有「酋長」之意。靈感來自成功高中引以為傲的蝴蝶宮，也象徵著期盼能從毛毛蟲蛻變成蝶，引領著世界，凌空展翅！ </p>
</div>
</div>
<div class="timeline-carousel__item">
<div class="timeline-carousel__image">
<div class="media-wrapper media-wrapper--overlay"
style="background: url('./assets/img/about3.webp') center center; background-size:cover;">
</div>
</div>
<div class="timeline-carousel__item-inner"> <span class="year">2019</span> <span
class="month">March 27-30 </span>
<p> 創隊後不久便遇上了第一次的大型比賽，也是我們期盼已久的的盛事。我們來到了夏威夷，遇見了來自世界各地的隊伍，大家因為對機器人的熱情而齊聚一堂，共襄盛舉。並且非常有幸遇到了總統蔡英文來為我們隊打氣，更加提升了我們的士氣！
</p>
</div>
</div>
<div class="timeline-carousel__item">
<div class="timeline-carousel__image">
<div class="media-wrapper media-wrapper--overlay"
style="background: url('./assets/img/about4.webp') center center; background-size:cover;">
</div>
</div>
<div class="timeline-carousel__item-inner">
<div class="pointer"></div><span class="month">August 17-18</span>
<p> 再來到了由中科舉辦的季後賽，持續在漫長的休賽季間磨練自我，但結果卻不盡人意，又或者說是一場失敗。
機器人的狀態並不是很理想，而我們卻依然努力享受著過程。而評審看到了我們背後的不屈不撓，最終頒給了我們榮譽意象獎。
</p>
</div>
</div>
<div class="timeline-carousel__item">
<div class="timeline-carousel__image">
<div class="media-wrapper media-wrapper--overlay"
style="background: url('./assets/img/about5.webp') center center; background-size:cover;">
</div>
</div>
<div class="timeline-carousel__item-inner"> <span class="year">2020</span> <span
class="month">Febuary 22 </span>
<p>參與了這場為了確保即將到來的區域賽萬無一失而開的行前說明會，我們帶著最完備的機器人與比賽觀念，來到了南科。與其他的隊伍交流，我們真的學習到很多新的知識。</p>
</div>
</div>
<div class="timeline-carousel__item">
<div class="timeline-carousel__image">
<div class="media-wrapper media-wrapper--overlay"
style="background: url('./assets/img/about6.webp') center center; background-size:cover;">
</div>
</div>
<div class="timeline-carousel__item-inner">
<div class="pointer"></div><span class="month">March 15</span>
<p>【世界賽取消】 「當道路從我腳下消失 那足跡還算什麼？」 我們想趁著年輕登高一呼 卻突然被巨石壓垮 窒息了三個多月的成果 無法向世界證明自己 但，一切全是白費力氣嗎？
徒勞，真的無功嗎？</p>
</div>
</div>
<div class="timeline-carousel__item">
<div class="timeline-carousel__image">
<div class="media-wrapper media-wrapper--overlay"
style="background: url('./assets/img/about7.webp') center center; background-size:cover;">
</div>
</div>
<div class="timeline-carousel__item-inner">
<div class="pointer"></div><span class="month">November 7-8</span>
<p> 在疫情的肆虐下，精心準備了半年的區域賽，在未來的不確定性中逐漸淡去光芒。不過，在這樣的環境下我們成功抓住了一次難得的機會，很高興能到中科參加FRC比賽，我們很榮幸進入聯盟賽，也感謝比賽中的所有人，能夠順利舉辦這場比賽。我們十分珍惜現在我們擁有的一切！
</p>
</div>
</div>
<div class="timeline-carousel__item">
<div class="timeline-carousel__image">
<div class="media-wrapper media-wrapper--overlay"
style="background: url('./assets/img/about8.webp') center center; background-size:cover;">
</div>
</div>
<div class="timeline-carousel__item-inner"> <span class="year">2021</span> <span
class="month">April 25</span>
<p> 背負著繼承MARAHO的使命，我們在四月的時候到南科參加比賽。每一場對我們來說都是十分珍貴的，也終於能夠再次與其他隊伍交流。
<br>接下來的我們，帶著最初的精神，繼續在夢想的廣闊天空中展翅高飛！
</p>
</div>
</div>
<div class="timeline-carousel__item">
<div class="timeline-carousel__image">
<div class="media-wrapper media-wrapper--overlay"
style="background: url('./assets/img/2022photo.jpg') center center; background-size:cover;">
</div>
</div>
<div class="timeline-carousel__item-inner"> <span class="year">2022</span> <span
class="month">March4-6</span>
<p> 我們非常幸運能夠參加到2022 New Taipei City x Hon Hai Regional，首場在台灣本土舉辦的區域賽！比賽中，我們認識了許多剛起步的新朋友，也和其他老朋友們加深彼此的羈絆。最後挺進四強，並榮獲工業設計獎。
</p>
</div>
</div>
</div>
</section>
</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 href="https://www.facebook.com/FRC7497" class="footer__link"><i
class='bx bxl-facebook-circle'></i></a> <a href="https://www.instagram.com/team_7497/"
class="footer__link"><i class='bx bxl-instagram'></i></a> <a
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 9.24.2021</p>
</div>
</footer>
<script src="./assets/js/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.js"></script>
<script src="./assets/js/timeline.js"></script>
<script src="./assets/js/main.js"></script>
</body>
</html>