-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
194 lines (182 loc) · 11.4 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
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/base.css">
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection" />
<link rel="icon" href="imgs/logos/botguy.png">
<title>NHHS Botball Team</title>
<meta name="theme-color" content="#303F9F">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<header>
<nav>
<div class="nav-wrapper indigo">
<a style="padding-left:16px" href="index.html" class="brand-logo waves-effect" id="top">NHHS Botball Team</a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li class="waves-effect"><a href="index.html">Home</a></li>
<!--<li class="waves-effect"><a href="team.html">Our Team</a></li>-->
<li class="waves-effect active"><a href="about.html">What We Do</a></li>
<li class="waves-effect"><a href="achievements.html">Achievements</a></li>
<li class="waves-effect"><a href="join.html">Join Our Team</a></li>
<li class="waves-effect"><a href="supportus.html">Support Us</a></li>
<li class="waves-effect"><a href="contact.html">Contact</a></li>
</ul>
<ul class="side-nav" id="mobile-demo">
<li class="indigo"><a class="waves-effect white-text" href=""><i class="material-icons left center-vert">menu</i>NHHS Botball Team</a></li>
<li><a class="waves-effect" href="index.html"><i class="material-icons left center-vert">home</i>Home</a></li>
<!--<li><a class="waves-effect" href="team.html"><i class="material-icons left center-vert">group</i>Our Team</a></li>-->
<li class="indigo lighten-3"><a class="waves-effect" href="about.html"><i class="material-icons left center-vert">help</i>What We Do</a></li>
<li><a class="waves-effect" href="achievements.html"><i class="material-icons left center-vert">star</i>Achievements</a></li>
<li><a class="waves-effect" href="join.html"><i class="material-icons left center-vert">person_add</i>Join Our Team</a></li>
<li><a class="waves-effect" href="supportus.html"><i class="material-icons left center-vert">tag_faces</i>Support Us</a></li>
<li><a class="waves-effect" href="contact.html"><i class="material-icons left center-vert">mail</i>Contact</a></li>
</ul>
</div>
</nav>
</header>
<main class="container">
<h1 class="indigo-text header">What We Do</h1>
<h4 class="header">We are a completely student-run robotics club which builds and programs robots for the KIPR Botball competition.</h4>
<h2 class="header">What is Botball?</h2>
<h5 class="header"><a class="black-text waves-effect hoverable header" href="https://www.kipr.org/botball/what-is-botball">Text taken from kipr.org</a></h5>
<div class="row">
<div class="col s12 m6">
<div class="card-panel indigo lighten-1 hoverable valign-wrapper" style="height: 175px">
<span class="white-text cardtext valign"> The Botball® Educational Robotics Program engages middle and high school aged students in a team-oriented robotics competition, and serves as a perfect way to meet today's new common core standards.</span>
</div>
</div>
<div class="col s12 m6">
<div class="card-panel indigo hoverable valign-wrapper" style="height: 175px">
<span class="white-text cardtext valign"> By exposing students to an inquiry-based, learn-by-doing activity that appeals to their hearts as well as their minds, Botball® addresses our nation's need for a well-prepared, creative, yet disciplined workforce with leadership and teamwork experience.</span>
</div>
</div>
<div class="col s12 m6">
<div class="card indigo darken-2 hoverable">
<div class="card-image">
<img src="imgs/homepage/working.jpg">
</div>
<div class="card-content">
<p class="cardtext white-text">In January, February, and March, the Botball® Educator Workshops provide team leaders and mentors
with technology training and introduce the details of that year's game.
</p>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card indigo darken-3 hoverable">
<div class="card-image">
<img src="imgs/homepage/competition.jpg">
</div>
<div class="card-content">
<p class="cardtext white-text">Then, after a build period of about 7 weeks, students bring their robots to their regional tournament
to compete against other students in the current season's game challenge.</p>
</div>
</div>
</div>
</div>
<h5 class="header">Students use science, engineering, technology, math, and writing skills to design, build, program, and document robots
in a hands-on project that reinforces their learning by:</h5>
<div class="row">
<div class="col s12 m6">
<div class="card red lighten-2 hoverable">
<div class="card-content white-text">
<i class="material-icons" style="font-size:20px">code</i><span class="card-title"> Programming</span>
<p class="cardtext">The robots are always autonomous! Botball® gives students the tools to develop sophisticated
strategies using artificial intelligence with embedded systems. Students will learn to program
their robots in advance using C, C++, and Java.</p>
</div>
<div class="card-action">
<a class="white-text waves-effect" href="https://www.kipr.org/botball/what-is-botball#Autonomous">Learn More</a>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card green lighten-2 hoverable">
<div class="card-content white-text">
<i class="material-icons" style="font-size:20px">build</i><span class="card-title"> Engineering</span>
<p class="cardtext">No need for power tools or a machine shop. Competitors are at a level playing field with access to
all resources. The Botball® game kit provides various parts and pieces that get you going
toward building a working robot.</p>
</div>
<div class="card-action">
<a class="white-text waves-effect" href="https://www.kipr.org/botball/what-is-botball#Engineering">Learn More</a>
</div>
</div>
</div>
</div>
<div class="row">
<h3 class="col s12 center">Botball National Sponsors</h3>
<div class="col m4 s6 center promo hoverable">
<img src="https://www.kipr.org/wp-content/uploads/2018/07/nasalarge.png" height="96px" class="sponsor-pic" />
<div class="sponsor">
<h6 class="sponsor-caption header">NASA</h6>
</div>
</div>
<div class="col m4 s6 center promo hoverable">
<img src="https://www.kipr.org/wp-content/uploads/2018/07/igus.png" height="96px" class="sponsor-pic" />
<div class="sponsor">
<h6 class="sponsor-caption header">igus</h6>
</div>
</div>
<div class="col m4 s6 center promo hoverable">
<img src="https://www.kipr.org/wp-content/uploads/2018/07/irobot-300x65.png" height="96px" class="sponsor-pic" width="80%" />
<div class="sponsor">
<h6 class="sponsor-caption header">iRobot</h6>
</div>
</div>
<div class="col m4 s6 center promo hoverable">
<img src="https://www.kipr.org/wp-content/uploads/2018/07/solidworks-300x62.png" height="96px" class="sponsor-pic" width="80%" />
<div class="sponsor">
<h6 class="sponsor-caption header">SolidWorks</h6>
</div>
</div>
<div class="col m4 s6 center promo hoverable">
<img src="https://www.kipr.org/wp-content/uploads/2018/07/commonsense.png" height="96px" class="sponsor-pic" width="80%" />
<div class="sponsor">
<h6 class="sponsor-caption header">Common Sense RC</h6>
</div>
</div>
<div class="col m4 s6 center promo hoverable">
<img src="imgs/logos/kipr.png" height="96px" class="sponsor-pic"/>
<div class="sponsor">
<h6 class="sponsor-caption header">Kiss Institute for Practical Robotics</h6>
</div>
</div>
</div>
</main>
<footer class="page-footer blue-grey">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">NHHS Botball Team</h5>
<p class="grey-text text-lighten-4">We are a completely student-run robotics team which builds and programs robots for the KIPR Botball competition.</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Links</h5>
<ul>
<li><a class="grey-text text-lighten-3 waves-effect waves-light" href="about.html">About</a></li>
<li><a class="grey-text text-lighten-3 waves-effect waves-light" href="supportus.html">Support Us</a></li>
<li><a class="grey-text text-lighten-3 waves-effect waves-light" href="https://materializecss.com/">Materialize CSS</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright" style="background-color:">
<div class="container">
© 2017 North Hollywood High School Botball Team
<a class="grey-text text-lighten-4 right waves-effect waves-light" href="#top">Back to Top</a>
</div>
</div>
</footer>
<script>
$( document ).ready(function(){
$(".button-collapse").sideNav();
$(".active").parent().parent().siblings()[0].click() })
</script>
</body>
</html>