-
Notifications
You must be signed in to change notification settings - Fork 0
/
first.html
executable file
·355 lines (304 loc) · 16 KB
/
first.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
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
344
345
346
347
348
349
350
351
352
353
354
355
<!doctype html>
<html lang="en">
<head>
<!-- Basic needs-->
<!--Tab Icon-->
<meta charset="UTF-8">
<link rel="icon" href="./img/logos/img.png">
<meta name="theme-color" content="#242842">
<meta name="description" content="About FIRST | Mission | Vision | https://www.firstinspires.org/ | FIRST INSPIRES">
<meta name='copyright' content='South Doyle High School'>
<meta name="author" content="Abrian Abir">
<meta name='owner' content='South-Doyle High School'>
<meta name="robots" CONTENT="all">
<meta name="revisit-after" content="5 days">
<meta property="og:title" content="Soknorobo" />
<meta property="og:description"
content="About FIRST | Mission | Vision | https://www.firstinspires.org/ | FIRST INSPIRES" />
<meta property="og:url" content="http://soknorobo.com/" />
<meta property="og:image" content="https://github.com/South-Doyle/South-Doyle/blob/master/images/img.png?raw=true" />
<meta content="/images/img.png" itemprop="image">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords"
content="SDHS Robotics, South Doyle Robotics, Soknorobo,Soknorobo.com, Sokno, Robotics, SDHS,SDHS Robotics,SDHS_Robotics, sdhs,FI RST,FIRST Robotics,competition,robots,south, south Doyle, Doyle, Knoxville,6517,#6517,team6517, team#6517,team #6517,Tweets from South Doyle Robotics,FIRST Robotics,South Doyle Robotics,Team, TeamFTW,FTW, The Blue Alliance,robot,Knox County Schools,Argosy Foundation,Consolidated Nuclear Security,UT-Battelle,TVA,Spencer Pro Diesel,Jupiter Entertainment,DeRoyal,Ryerson Steel,SoKno Market,Red Arrow Industries LLC ">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/aos.css">
<!-- <link rel="stylesheet" href="css/fancybox.min.css"> -->
<link rel="preload stylesheet" as="font" href="fonts/fontello/css/fontello.css">
<!-- Theme Style -->
<link rel="stylesheet" href="css/style.css">
<title>FIRST | Soknorobo.com</title>
</head>
<body>
<div class="js-animsition animsition" id="site-wrap" data-aos-easing="ease-in-sine"
data-animsition-out-class="fade-out">
<header class="site-header">
<div class="container-fluid">
<div class="row">
<!-- Site Header -->
<div class="col-6 site-logo" data-aos="fade"><a href="./index" class="animsition-link">Team 6517</a></div>
<div class="col-8">
<div class="site-menu-toggle js-site-menu-toggle three-line-menu" data-aos="fade">
<span></span>
<span></span>
<span></span>
</div>
<!-- END menu-toggle -->
<!-- Menu -->
<div class="site-navbar js-site-navbar">
<nav role="navigation">
<div class="container">
<div class="row full-height align-items-center">
<div class="col-md-12 justify-content-center">
<ul class="list-unstyled menu">
<li><a href="./index" class="animsition-link">Home</a></li>
<!-- Active Tab -->
<li class="active"><a href="./first" class="animsition-link">FIRST</a></li>
<li><a href="./about" class="animsition-link">About</a></li>
<li><a href="./sponsors" class="animsition-link">Sponsors</a></li>
<li><a href="./gallery" class="animsition-link">Gallery</a></li>
<li><a href="./contact" class="animsition-link">Contact</a></li>
<!-- <li><a href="./blog" class="animsition-link">Blogs</a></li> -->
<li><a href="./calendar" class="animsition-link">Calendar</a></li>
</ul>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</header>
<!-- END head -->
<section class="site-hero overlay page-inside" style="background-image: url(./img/site_top_img/first.jpg)">
<div class="container">
<div class="row site-hero-inner justify-content-center align-items-center">
<div class="col-md-10 text-center">
<h1 class="heading" data-aos="fade-up">FIRST </h1>
<p class="sub-heading mb-5 site_subtext" data-aos="fade-up" data-aos-delay="100">
<span style="color: #670000;">F</span>or <span style="color: #670000;">I</span>nspiration and <span
style="color: #670000;">R</span>ecognition of <span style="color: #670000;">S</span>cience and <span
style="color: #670000;">T</span>echnology
</p>
</div>
</div>
<!-- <a href="#" class="scroll-down">Scroll Down</a> -->
</div>
</section>
<!-- END section -->
<section class="section">
<div data-aos="fade-up" class="container" style="background: none;border: none;">
<div class="card" style="width: 100%;background: none;border: none;">
<img class="card-img-top" style="max-width: 400px; margin:0 auto" src="./img/logos/first.png"
alt="First Rise">
<div class="card-body" style="text-align: center;">
<h3 class="card-title">FIRST RISE<sup>SM</sup> 2020</h3>
<a href="https://info.firstinspires.org/infinite-recharge" target="_blank" rel="noopener noreferrer"
class="btn btn-outline-dark">TOGETHER,
WE RISE. JOIN
US.</a>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="half d-md-flex d-block">
<div class="image" data-aos="fade"
style="z-index: 1; max-height: 500px; background-image: url('./img/sponsors/FIRST.png');"></div>
<div class="slight-shadow text line-height1" data-aos="fade-right" data-aos-delay="200">
<h3>About FIRST</h3>
<p>FIRST (For Inspiration and Recognition of Science and Technology) was founded in 1989 to inspire young
people's interest and participation in science and technology. Based in Manchester, NH, the 501(c)(3)
not-for-profit public charity designs accessible, innovative programs that motivate young people to
pursue education and career opportunities in science, technology, engineering, and math, while building
self-confidence, knowledge, and life skills.
<br>
FIRST is More Than Robots. FIRST participation is proven to encourage students to pursue education and
careers in STEM-related fields, inspire them to become leaders and innovators, and enhance their 21 st
century work-life skills. Read more about the Impact of FIRST.</p>
<p class="mt-5"><a href="http://www.FIRSTinspires.org/" target="_blank" rel="noopener noreferrer"
class="btn btn-outline-dark">Learn
More</a></p>
</div>
</div>
<div class="half d-md-flex d-block">
<div class="text line-height1" data-aos="fade-left" data-aos-delay="200">
<h2>FIRST Mission</h2>
<p>The mission of FIRST is to inspire young people to be science and technology leaders and innovators, by
engaging them in exciting Mentor-based programs that build science, engineering, and technology skills,
that inspire innovation, and that foster well-rounded life capabilities including self-confidence,
communication, and leadership.</p>
</div>
<div class="text line-height1" data-aos="fade-right" data-aos-delay="200">
<h2>FIRST Vision</h2>
<p>"To transform our culture by creating a world where science and technology are celebrated and where
young people dream of becoming science and technology leaders." <br>Dean Kamen, Founder</p>
</div>
</div>
<div class="half d-md-flex d-block">
<div class="image order-2" data-aos="fade"
style="z-index: 1; background-image: url('./img/old_mixed/IMG_4622.jpg'); border-radius: 5%;">
</div>
<div class="slight-shadow text line-height1" data-aos="fade-left" data-aos-delay="200">
<h2>FIRST Methodology and how it works?</h2>
<p>Engage kids in kindergarten through high school in exciting, Mentor-based, research and robotics
programs that help them become science and technology leaders, as well as well-rounded contributors to
society.
Each year, teams of high school students, coaches, and mentors work during a six-week period to build
game-playing robots that weigh up to 120 pounds (54 kg).[7] Robots complete tasks such as scoring balls
into goals, flying discs into goals, inner tubes onto racks, hanging on bars, and balancing robots on
balance beams. The game changes yearly, keeping the excitement fresh and giving each team a more level
playing field. While teams are given a standard set of parts, they are also allowed a budget and
encouraged to buy or make specialized parts.</p>
</div>
</div>
<div class="half d-md-flex d-block">
<div class="text line-height1" data-aos="fade-left" data-aos-delay="200">
<h2>Gracious Professionalism<sup>®</sup></h2>
<p>Gracious Professionalism® is part of the ethos of FIRST. It's a way of doing things that encourages
high-quality work, emphasizes the value of others, and respects individuals and the community.
With Gracious Professionalism, fierce competition and mutual gain are not separate notions. Gracious
professionals learn and compete like crazy, but treat one another with respect and kindness in the
process.
They avoid treating anyone like losers. No chest thumping tough talk, but no sticky-sweet platitudes
either. Knowledge, competition, and empathy are comfortably blended.
In the long run, Gracious Professionalism is part of pursuing a meaningful life. One can add to society
and
enjoy the satisfaction of knowing one has acted with integrity and sensitivity.</p>
</div>
<div class="text line-height1" data-aos="fade-right" data-aos-delay="200">
<h2>Coopertition<sup>®</sup></h2>
<p>Coopertition® produces innovation. At FIRST, Coopertition is displaying unqualified kindness and respect
in the face of fierce competition. Coopertition is founded on the concept and a philosophy that teams can
and should help and cooperate with each other even as they compete.
Coopertition involves learning from teammates. It is teaching teammates. It is learning from Mentors. And
it is managing and being managed. Coopertition means competing always, but assisting and enabling others
when you can.</p>
</div>
</div>
</div>
</section>
<!-- END section -->
<section class="section slider-section">
<div class="container">
<div class="row justify-content-center text-center mb-5">
<div class="col-md-8">
<h3 style="color: var(--bs-red)" data-aos="fade-up">FIRST Robotics</h3>
<h4 class="lead" data-aos="fade-up" data-aos-delay="100">Prepare to be Inspired</h4>
</div>
</div>
</div>
</div>
</section>
<!-- END section -->
<footer style="padding: 4em 0 0 0;" class="section footer-section">
<div class="container">
<div class="row mb-4">
<div class="col-md-3 mb-5">
<h3>Quick Link</h3>
<ul class="list-unstyled link">
<li><a href="./index">Home</a> </li>
<li><a href="./about">About</a> </li>
<li><a href="./first">FIRST</a> </li>
<li><a href="./sponsors">Sponsors</a> </li>
<li><a href="./gallery">Seasons</a> </li>
<li><a href="./contact">Contact</a> </li>
<!-- <li><a href="./blog">Blogs</a> </li> -->
<li><a href="./calendar">Calendar</a> </li>
</ul>
</div>
<div class="col-md-3 mb-5">
<h3>Support</h3>
<ul class="list-unstyled link">
<li><a href="https://goo.gl/maps/3fJY4yQrWiP2" target="_blank" rel="noopener noreferrer">Our
Location</a></li>
</ul>
<p><span class="d-block">
<h3>Email:</h3>
</span> <span> <a target="_blank" rel="noopener noreferrer" href="mailto:support@soknorobo.com">
<p>support@soknorobo.com</p>
</a></span></p>
</div>
<div class="col-md-3 mb-5 pr-md-5 contact-info">
<h3>Contact Info</h3>
<p><span class="d-block">Address:</span> <span> 2020 Tipton Station Rd, <br> Knoxville, TN 37920</span></p>
<p><span class="d-block">Phone:</span> <span> (865) 577-4475</span></p>
</div>
<div class="col-md-3 mb-5">
<h3>Creators</h3>
<div>
<a target="_blank" rel="noopener noreferrer" aria-label="GitHub" href="https://github.com/a-abir">
Abrian Abir</a>
</div>
<div>
<a target="_blank" rel="noopener noreferrer" aria-label="GitHub" href="https://github.com/med-jed">
Vicky Chakpuang</a>
</div>
<div>
<a target="_blank" rel="noopener noreferrer" aria-label="GitHub" href="https://github.com/Noah-MIller-1">
Noah Miller</a>
</div>
<div>
<a target="_blank" rel="noopener noreferrer" aria-label="GitHub" href="https://github.com/kaileygarrison">
Kailey Garrison</a>
</div>
</div>
</div>
<div class="row bordertop text-center pt-4">
<p id="copyright" class="col-md-12">
</p>
<script>
String.prototype.format = function () {
var i = 0,
args = arguments;
return this.replace(/{}/g, function () {
return typeof args[i] != 'undefined' ? args[i++] : '';
});
};
var time = new Date();
//time.getFullYear();
var copy = document.getElementById("copyright");
//new_div.setAttribute("data-aos-delay", "100")
copy.innerHTML =
'© Copyright 2017-{}. All Rights Reserved. <br>South-Doyle Robotics © {}'
.format(time.getFullYear(), time.getFullYear())
</script>
<p class="col-md-12 social">
<a target="_blank" rel="noopener noreferrer" aria-label="Youtube"
href="https://www.youtube.com/channel/UCwQdQT0tgBDQ1AdbN2fPf2w">
<i class="icon icon-youtube-play"></i>
</a>
<a target="_blank" rel="noopener noreferrer" aria-label="Twitter"
href="https://twitter.com/sdhs_robotics?lang=en">
<i class="icon icon-twitter"></i>
</a>
<a target="_blank" rel="noopener noreferrer" aria-label="Instagram"
href="https://www.instagram.com/southdoylerobotics/?hl=en">
<i class="icon icon-instagram"></i>
</a>
<a target="_blank" rel="noopener noreferrer" aria-label="Facebook"
href="https://www.facebook.com/teamftw6517">
<i class="icon icon-facebook"></i>
</a>
<a target="_blank" rel="noopener noreferrer" aria-label="GitHub"
href="https://github.com/South-Doyle/South-Doyle">
<i class="icon icon-github"></i>
</a>
</p>
</div>
</div>
</footer>
</div> <!-- .animsition -->
<script src="js/jquery.min.js"></script>
<script async src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<!-- <script defer src="js/jquery.fancybox.min.js"></script> -->
<script src="js/animsition.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/main.js"></script>
</body>
</html>