Skip to content

Commit 3077bd4

Browse files
donggo-gitdonggo-git
committed
create component
1 parent d7be1e7 commit 3077bd4

File tree

4 files changed

+1166
-0
lines changed

4 files changed

+1166
-0
lines changed

‎components/about_us.html

Lines changed: 375 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,375 @@
1+
<!DOCTYPE html>
2+
3+
<html>
4+
<head>
5+
<title>About Us</title>
6+
<!-- Link Bootstrap -->
7+
<link
8+
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
9+
rel="stylesheet"
10+
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
11+
crossorigin="anonymous"
12+
/>
13+
<!-- Link jquery -->
14+
<link
15+
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
16+
rel="stylesheet"
17+
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
18+
crossorigin="anonymous"
19+
/>
20+
<!-- Link Font Awesome -->
21+
<link
22+
rel="stylesheet"
23+
href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
24+
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"
25+
crossorigin="anonymous"
26+
/>
27+
<!-- Link my css -->
28+
<link rel="stylesheet" type="text/css" href="assets/css/about_us.css" />
29+
<link rel="stylesheet" type="text/css" href="assets/css/default.css" />
30+
31+
<meta
32+
name="viewport"
33+
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
34+
/>
35+
36+
<!-- jquery -->
37+
<script
38+
src="https://code.jquery.com/jquery-3.6.0.min.js"
39+
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
40+
crossorigin="anonymous"
41+
></script>
42+
<!-- Loads module Html -->
43+
<script>
44+
$(document).ready(function () {
45+
$('#navbar').load('./assets/moduleHtml/navbar.html');
46+
});
47+
$(document).ready(function () {
48+
$('#footer').load('./assets/moduleHtml/footer.html');
49+
});
50+
</script>
51+
</head>
52+
53+
<body>
54+
<nav id="navbar"></nav>
55+
56+
<section>
57+
<div class="container-fluid photo-section about-us-photo-section">
58+
<h1>ABOUT US</h1>
59+
</div>
60+
</section>
61+
62+
<section class="container-fluid gray_background">
63+
<!--HORIZONTAL ROW MISSION STATEMENT-->
64+
65+
<div class="container-fluid wide-screen-support">
66+
<div class="row flex-nowrap row-pic-left row-padding">
67+
<img src="./assets/images/slanted_trickfire_logo.png" />
68+
69+
<div class="words-on-background">
70+
<img src="./assets/images/right_block_body_2.png" />
71+
72+
<h1>Mission Statement</h1>
73+
74+
<p>
75+
TrickFire is all about giving our members hands-on
76+
education that can only be experienced working on a
77+
large-scale project. For the last several years,
78+
this project has been the NASA Robotics Mining
79+
Competition, an annual event that pits fifty college
80+
robotics teams around the nation to build the most
81+
efficient autonomous lunar mining rover. The team
82+
works year-round to design, manufacture, and test
83+
the rover, just in time to travel to Kennedy Space
84+
Center, Florida for the competition.
85+
<br />
86+
<br />
87+
<br />
88+
Our team's mission can be narrowed down into three
89+
pillars:
90+
<br />
91+
1. Technical development by working on industry
92+
leading robotics
93+
<br />
94+
2. Professional development by working with a large
95+
scale team.
96+
<br />
97+
3. A strong community within the University of
98+
Washington Bothell.
99+
</p>
100+
</div>
101+
</div>
102+
103+
<!--VERTICAL ROW MISSION STATEMENT-->
104+
105+
<div class="row-padding">
106+
<div class="small-stacked-row">
107+
<img
108+
src="./assets/images/trickfire_logo_rectangle.png
109+
"
110+
class="small-trickfire-logo"
111+
/>
112+
113+
<h1>Mission Statement</h1>
114+
115+
<p>
116+
Trickfire is all about giving our members hands-on
117+
education that can only be experienced working on a
118+
large-scale project. For the last several years,
119+
this project has been the NASA Robotics Mining
120+
Competition, and annual event that pits 50 college
121+
robotics teams around the nation to build the most
122+
efficient autonomous lunar mining rover. The team
123+
works year-round to design, manufacture, and test
124+
the rover, just in time to travel to Kennedy Space
125+
Center, FL for the competition.
126+
<br />
127+
<br />
128+
<br />
129+
Our team's mission can be narrowed down into three
130+
pillars:
131+
<br />
132+
1. Technical development by working on industry
133+
leading robotics
134+
<br />
135+
2. Professional development by working with a large
136+
scale team.
137+
<br />
138+
3. A strong community within the University of
139+
Washington Bothell.
140+
</p>
141+
</div>
142+
</div>
143+
144+
<!--HORIZONTAL ROWS-->
145+
146+
<div class="row flex-nowrap row-pic-right row-padding">
147+
<img src="./assets/images/slanted_drilling_right.png" />
148+
149+
<div class="words-on-background">
150+
<img
151+
src="./assets/images/fixed_index_header_left.png"
152+
/>
153+
154+
<h1>Mechanical</h1>
155+
156+
<p>
157+
The mechanical team focusses on the physical design
158+
and assembly of the robot. The team faces the
159+
challenge of designing a rover that can mine up to
160+
its height below the surface while keeping the
161+
weight to under 60kg. The team succeeds in producing
162+
an efficient rover by incorporating various light
163+
weight composites with elegant design.
164+
</p>
165+
</div>
166+
</div>
167+
168+
<div class="row flex-nowrap row-pic-right row-padding">
169+
<img src="./assets/images/slanted_software.png" />
170+
171+
<div class="words-on-background">
172+
<img
173+
src="./assets/images/fixed_index_header_left.png"
174+
/>
175+
176+
<h1>Software</h1>
177+
178+
<p>
179+
The software team focusses on rover functionality
180+
and rover autonomy. They have to work diligently to
181+
make sure that their code is properly written, or
182+
else it can spell disaster for the robot. From low
183+
level CAN bus programming to high level autonomous
184+
navigational algorithms, this team does a lot!
185+
</p>
186+
</div>
187+
</div>
188+
189+
<div class="row flex-nowrap row-pic-right row-padding">
190+
<img src="./assets/images/slanted_electrical.png" />
191+
192+
<div class="words-on-background">
193+
<img
194+
src="./assets/images/fixed_index_header_left.png"
195+
/>
196+
197+
<h1>Electrical</h1>
198+
199+
<p>
200+
The electrical team focus on circuitry for signal
201+
and power management. With every motor and sensor
202+
needing different voltage levels and power
203+
distribution, the team works hard to ensure all of
204+
them are efficiently integrated through circuit
205+
design and power control. With their help the
206+
transition between mechanical parts and the software
207+
control is seamless.
208+
</p>
209+
</div>
210+
</div>
211+
212+
<div class="row flex-nowrap row-pic-right row-padding">
213+
<img src="./assets/images/slanted_finance.png" />
214+
215+
<div class="words-on-background">
216+
<img
217+
src="./assets/images/fixed_index_header_left.png"
218+
/>
219+
220+
<h1>Finance</h1>
221+
222+
<p>
223+
The finance team is the backbone of the backbone of
224+
TrickFire's technical side. Their goal is to secure
225+
funding for everything that is done in the team - to
226+
build a rover can cost tens of thousands of dollars.
227+
It is the job of this team to plan years in advance
228+
to ensure the coffers are always filled, either by
229+
applying for grants or finding industry sponsors.
230+
</p>
231+
</div>
232+
</div>
233+
234+
<div class="row flex-nowrap row-pic-right row-padding">
235+
<img src="./assets/images/slanted_outreach_2016.png" />
236+
237+
<div class="words-on-background">
238+
<img
239+
src="./assets/images/fixed_index_header_left.png"
240+
/>
241+
242+
<h1>Outreach</h1>
243+
244+
<p>
245+
If a robotics team makes a rover, but no one knows
246+
about it, was the rover really built? Our outreach
247+
team puts TrickFire Robotics on the map! Being the
248+
backbone of TrickFire’s technical side includes:
249+
250+
<br />
251+
•Recruiting new members
252+
<br />
253+
•Reaching out to local industry
254+
<br />
255+
•Handling public relations
256+
<br />
257+
•Keeping our social media up to date
258+
</p>
259+
</div>
260+
</div>
261+
262+
<!--VERTICAL ROWS-->
263+
264+
<div class="small-row-padding">
265+
<div class="small-stacked-row">
266+
<h1>Mechanical</h1>
267+
268+
<p>
269+
TThe mechanical team focusses on the physical design
270+
and assembly of the robot. The team faces the
271+
challenge of designing a rover that can mine up to
272+
its height below the surface while keeping the
273+
weight to under 60kg. The team succeeds in producing
274+
an efficient rover by incorporating various light
275+
weight composites with elegant design.
276+
</p>
277+
278+
<img
279+
src="./assets/images/unslanted_drilling_full.png"
280+
/>
281+
</div>
282+
</div>
283+
284+
<div class="small-row-padding">
285+
<div class="small-stacked-row">
286+
<h1>Software</h1>
287+
288+
<p>
289+
The software team focusses on rover functionality
290+
and rover autonomy. They have to work diligently to
291+
make sure that their code is properly written, or
292+
else it can spell disaster for the robot. From low
293+
level CAN bus programming to high level autonomous
294+
navigational algorithms, this team does a lot!
295+
</p>
296+
297+
<img src="./assets/images/unslanted_software.png" />
298+
</div>
299+
</div>
300+
301+
<div class="small-row-padding">
302+
<div class="small-stacked-row">
303+
<h1>Electrical</h1>
304+
305+
<p>
306+
The electrical team focus on circuitry for signal
307+
and power management. With every motor and sensor
308+
needing different voltage levels and power
309+
distribution, the team works hard to ensure all of
310+
them are efficiently integrated through circuit
311+
design and power control. With their help the
312+
transition between mechanical parts and the software
313+
control is seamless.
314+
</p>
315+
316+
<img src="./assets/images/unslanted_electrical.png" />
317+
</div>
318+
</div>
319+
320+
<div class="small-row-padding">
321+
<div class="small-stacked-row">
322+
<h1>Finance</h1>
323+
324+
<p>
325+
The finance team is the backbone of the backbone of
326+
TrickFire's technical side. Their goal is to secure
327+
funding for everything that is done in the team - to
328+
build a rover can cost tens of thousands of dollars.
329+
It is the job of this team to plan years in advance
330+
to ensure the coffers are always filled, either by
331+
applying for grants or finding industry sponsors.
332+
</p>
333+
334+
<img src="./assets/images/unslanted_finance.png" />
335+
</div>
336+
</div>
337+
338+
<div class="small-row-padding">
339+
<div class="small-stacked-row">
340+
<h1>Outreach</h1>
341+
342+
<p>
343+
If a robotics team makes a rover, but no one knows
344+
about it, was the rover really built? Our outreach
345+
team puts TrickFire Robotics on the map! Being the
346+
backbone of TrickFire’s technical side includes:
347+
348+
<br />
349+
•Recruiting new members
350+
<br />
351+
•Reaching out to local industry
352+
<br />
353+
•Handling public relations
354+
<br />
355+
•Keeping our social media up to date
356+
</p>
357+
358+
<img
359+
src="./assets/images/unslanted_outreach_2016.jpg"
360+
/>
361+
</div>
362+
</div>
363+
</div>
364+
365+
<div class="space-after-rows"></div>
366+
</section>
367+
368+
<footer id="footer"></footer>
369+
<script
370+
src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
371+
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
372+
crossorigin="anonymous"
373+
></script>
374+
</body>
375+
</html>

0 commit comments

Comments
 (0)