/
girlscouts.html
206 lines (205 loc) · 9.24 KB
/
girlscouts.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
---
layout: default
permalink: /girlscouts/
---
<div class="container mt-5">
<!--<h1 class="kk">Welcome to our Girl Scouts resource page!</h1>
<br/>-->
<img src="/assets/images/girlscouts/girlscoutslogo.jpg" height="150" class="center">
<br/>
<br/>
<div class="row">
<div class="col-md">
<div class="row">
<div class="col-md">
<br/>
<!--photo carousel-->
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="/assets/images/girlscouts/girlscout1.JPG" class="mx-auto d-block img-fluid"/>
</div>
<div class="carousel-item">
<img src="/assets/images/girlscouts/girlscout2.JPG" class="mx-auto d-block img-fluid"/>
</div>
</div>
<a class="carousel-control-prev maroon" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
<div class="col-md">
<br/>
<h2 class="text-center green">Our Mission</h2>
<p>Team 2052 KnightKrawler is Irondale High School's <a href="https://www.firstinspires.org/" target="_blank">FIRST</a> robotics team. <b>Our mission is to foster future generations of business and STEM leaders via <a href="https://www.firstinspires.org/" target="_blank">FIRST</a>.</b>
As part of our initiative to increase diversity in STEM, we are reaching out to local Girl Scout troops to help them earn their STEM badges and introduce them to FIRST robotics. We hope this resource page can help you learn more about the components of robotics!</p>
</div>
</div>
<br/>
<br/>
<br/>
<div>
<h1 class="text-center green">Want to Learn About Programming?</h1>
<h4 class="text-center"><i>Check out the resources below!</i></h4>
<br/>
<div class="row no-gutters">
<div class="col-12 col-lg">
<div class="card core-value">
<div class="card-heading-green">
<div class="row align-items-center h-100">
<div class="col">
<a href="https://scratch.mit.edu/" target="_blank"><b>Scratch</b></a>
</div>
</div>
</div>
<div class="card-body">
<ul>
<li>Create your own games with easy-to-learn block coding</li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-lg">
<div class="card core-value">
<div class="card-heading-green">
<div class="row align-items-center h-100">
<div class="col">
<a href="https://www.codecademy.com/" target="_blank"><b>Codecademy</b></a>
</div>
</div>
</div>
<div class="card-body">
<ul>
<li>Take free lessons to learn the essential programming languages</li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-lg">
<div class="card core-value">
<div class="card-heading-green">
<div class="row align-items-center h-100">
<div class="col">
<a href="https://hourofcode.com/us" target="_blank"><b>Hour of Code</b></a>
</div>
</div>
</div>
<div class="card-body">
<ul>
<li>Spend an hour learning how to code</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<br/>
<br/>
<br/>
<div>
<h1 class="text-center green">Tackle a Bigger Project!</h1>
<div class="row">
<div class="col">
<img src="/assets/images/girlscouts/GSLearnRoboticsBook.jpg" height="150" class="mx-auto d-block img-fluid">
</div>
<div class="col">
<p>If you want to dive deeper and are up for a challenge, consider purchasing a book like <a href="https://www.amazon.com/Learn-Robotics-Raspberry-Pi-Thinking/dp/1593279205" target="_blank"><i><b>Learn Robotics With Raspberry Pi</b></i></a>. Not only will you learn more about the basics of robotics, you'll also walk away with a fully functional robot that you built and programmed yourself!</p>
<p>Click <a href="https://www.amazon.com/Learn-Robotics-Raspberry-Pi-Thinking/dp/1593279205" target="_blank"><b>here</b></a> for more information.</p>
</div>
</div>
</div>
<br/>
<br/>
<br/>
<h1 class="text-center green"><a href="https://www.firstinspires.org/" target="_blank" class="green">Join FIRST Robotics!</a></h1>
<div class="row">
<div class="col-md">
<br/>
<p>FIRST robotics has programs for students in preschool through 12th grade. Students in FIRST programs learn skills ranging from programming and engineering to leadership and photography. Click <b><a href="https://www.firstinspires.org/" target="_blank">here</a></b> to learn more about FIRST!</p>
<br/>
<p>Click <a href="https://www.firstinspires.org/team-event-search#type=teams&sort=name&programs=FLLJR,FLL,FTC,FRC&year=2020" target="_blank"><b>here</b></a> to find a FIRST team near you!</p>
</div>
<div class="col-md">
<br/>
<!--photo carousel-->
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="/assets/images/seasonpic/2020BuildSeason.jpg" class="mx-auto d-block img-fluid"/>
</div>
<div class="carousel-item">
<img src="/assets/images/teamStock/IMG_6201.jpg" class="mx-auto d-block img-fluid"/>
</div>
<div class="carousel-item">
<img src="/assets/images/seasonpic/2020Duluth.jpg" class="mx-auto d-block img-fluid"/>
</div>
<div class="carousel-item">
<img src="/assets/images/albums/2019planning.jpg" class="mx-auto d-block img-fluid"/>
</div>
<div class="carousel-item">
<img src="/assets/images/albums/2019buildSeason.jpg" class="mx-auto d-block img-fluid"/>
</div>
<div class="carousel-item">
<img src="/assets/images/seasonpic/teamStock/detroit.jpg" class="mx-auto d-block img-fluid"/>
</div>
<div class="carousel-item">
<img src="/assets/images/teamStock/IMG_5598.jpg" class="mx-auto d-block img-fluid"/>
</div>
<div class="carousel-item">
<img src="/assets/images/teamStock/IMG_5642.jpg" class="mx-auto d-block img-fluid"/>
</div>
<div class="carousel-item">
<img src="/assets/images/teamStock/IMG_6238.jpg" class="mx-auto d-block img-fluid"/>
</div>
<div class="carousel-item">
<img src="/assets/images/teamStock/IMG_6254.jpg" class="mx-auto d-block img-fluid"/>
</div>
<div class="carousel-item">
<img src="/assets/images/teamStock/fieldscorpion.jpg" class="mx-auto d-block img-fluid"/>
</div>
</div>
<a class="carousel-control-prev maroon" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<br/>
<br/>
<br/>
<h2 class="text-center green">Other Resources</h2>
<br/>
<div class="row">
<div class="col-md">
<img src="/assets/images/girlscouts/Badge2.png" href="/assets/images/girlscouts/Badge2.pdf" target="_blank" height="300"/>
</div>
<div class="col-md">
<p>Download the slideshow from our <i>Robotics Badge 2: Designing Robots</i> camp for Brownies and Juniors <a href="/assets/images/girlscouts/Badge2.pdf" target="_blank">here</a>.</p>
</div>
</div>
<br/>
<br/>
<br/>
<p class="pt-5 text-center"> Still have questions? Feel free to <a href="/contact" target="_blank">contact</a> us at <strong class="green">info@Team2052.com</strong> and we would love to help!</p>
</div>