-
Notifications
You must be signed in to change notification settings - Fork 4
/
ourteam.html
146 lines (135 loc) · 6.11 KB
/
ourteam.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Team - 5431 Titan Robotics</title>
<meta name="description" content="FRC 5431 Titan Robotics strives to develop student leaders by collaborating to solve complex problems.">
<!--Bootstrap-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
<link rel="icon" type="image/png" href="/img/universal/titlelesslogo.png">
<link rel="icon" type="image/x-icon" href="/img/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico">
</head>
<body>
<!--Navigation bar-->
<div id="navbar"></div>
<main>
<!--Top banner-->
<section id="ourteam-banner">
<div class="rellax" id="ourteam-banner-image"></div>
<div id="banner-text">
<h1>Our Team</h1>
<h3>
Titan Robotics is a FIRST Robotics Competition team located in
Plano, Texas.
</h3>
</div>
</section>
<section class="page-content" id="ourteams-content">
<div class="container-fluid py-xs-0 py-md-4" id="subteams">
<div class="row py-4 px-md-5 px-3">
<p>
Titan Robotics is a FIRST Robotics Competition Team. Each year
since 2015 we have strived to promote the values of FIRST, support
our community, and build robots. Our team is composed of sub-teams
specializing in different fields.
</p>
</div>
<div class="text-center">
<h1>Our Subteams</h1>
</div>
<div class="card-deck py-3 mx-xl-5 px-lg-5 px-md-4">
<div class="card mx-0 mx-sm-3">
<img class="card-img-top" src="img/universal/build team drill.jpg">
<div class="card-body mt-0 px-4 pt-2 pb-4">
<h2 class="card-title">Build</h2>
<p class="card-text">
The Build subteam is mainly focused on designing mechanical
components of the robot and physical projects needed for the
team. Some specializations in the build subteam include
CADing, welding, mill and lathe, and general assembly.
</p>
</div>
</div>
<div class="card mx-0 mx-sm-3 mt-4 mt-md-0">
<img class="card-img-top" src="img/universal/coding.jpg">
<div class="card-body mt-0 px-4 pt-2 pb-4">
<h2 class="card-title">Programming</h2>
<p class="card-text">
The Programming subteam work on projects that focus on
automating mechanical components on our robot.
</p>
</div>
</div>
<div class="w-100 pt-4 d-none d-sm-block d-xl-none">
<!-- wrap every 2 on sm-->
</div>
<div class="card mx-0 mx-sm-3 mt-4 mt-md-0">
<img class="card-img-top" src="img/universal/team working.jpg"> <!--Needs new image-->
<div class="card-body mt-0 px-4 pt-2 pb-4">
<h2 class="card-title">Electronics</h2>
<p class="card-text">
This is our Electronics subteam. Their responsibilities
consist of wiring, arranging pneumatics, and designing
the robot's control systems.
</p>
</div>
</div>
<div class="w-100 pt-4 d-none d-xl-block">
<!-- wrap every 3 on xl-->
</div>
<div class="card mx-0 mx-sm-3 mt-4 mt-md-0">
<img class="card-img-top" src="img/universal/team working.jpg">
<div class="card-body mt-0 px-4 pt-2 pb-4">
<h2 class="card-title">SnS</h2>
<p class="card-text">
The Scouting and Strategy subteam is a crucial part of the
team, especially during competitions. This subteam learns
about other robots, studies gameplay, knows the game rules,
and teaches the team to gather data on the teams competing.
</p>
</div>
</div>
<div class="w-100 pt-4 d-none d-sm-block d-xl-none">
<!-- wrap every 2 on sm-->
</div>
<div class="card mx-0 mx-sm-3 mt-4 mt-md-0">
<img class="card-img-top" src="img/universal/buttons 3.jpg">
<div class="card-body mt-0 px-4 pt-2 pb-4">
<h2 class="card-title">Marketing</h2>
<p class="card-text">
Even robots need to look pretty! The Marketing subteam is
directed toward digital design and social media presence. This
group works on designing event fliers and t-shirts, crafting
decorations, posting on our social media, editing videos, and
building websites.
</p>
</div>
</div>
<div class="card mx-0 mx-sm-3 mt-4 mt-md-0">
<img class="card-img-top" src="img/universal/baseball.jpg">
<div class="card-body mt-0 px-4 pt-2 pb-4">
<h2 class="card-title">SOFA</h2>
<p class="card-text">
This subteam works on Sponsorships, Outreach, Fundraising, and
Awards. This team displays our robot at local events, runs
summer camps, promotes STEAM education, competes in Impact
Presentations, Woodie Flowers awards, and shares the team’s
story with our community.
</p>
</div>
</div>
</div>
</div>
<div id="footer"></div>
</section>
</main>
<!--JS files-->
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script src="rellax.min.js"></script>
<script src="script.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>