forked from jacobjinkelly/Glenforest-STEM-Website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathevents.html
303 lines (277 loc) · 14.6 KB
/
events.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" type="image/png" href="img/icon.png">
<link rel="icon" type="image/x-icon" href="img/icon.ico">
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">google.load("jquery", "1.3.2");</script>
<script type="text/javascript" src="core.js"></script>
<script type="text/javascript" src="slide.js"></script>
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="stylesheet" type="text/css" href="events.css">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Raleway:700,500">
<link rel="stylesheet" href="https://afeld.github.io/emoji-css/emoji.css">
<meta name="title" content="Glenforest STEM">
<meta name="description"
content="Glenforest STEM organizes STEM Conferences
and other events to encourage and expose students to the
educational and career pathways in the STEM fields.">
<meta name="author" content="Jacob Kelly">
<meta charset="utf-8">
<title>Glenforest STEM | Events</title>
</head>
<body>
<a name="events" class="anchor" id="EVENTS"></a>
<!--NAV BAR-->
<div id="nav">
<div id="left">
<div id="logo">
<a href="index.html#home" id="Home"><img src="img/logo.svg"></a>
</div>
</div>
<div id="right">
<div class="item">
<a href="index.html#about" id="About">About</a>
</div>
<div class="item">
<a href="index.html#conference" id="Conference">Conferences</a>
</div>
<div class="item">
<a href="index.html#sponsor" id="Sponsor">Sponsors</a>
</div>
<div class="item">
<a href="index.html#contact" id="Contact">Contact</a>
</div>
<div class="item">
<a href="#events" id="Events">Events</a>
</div>
<div class="item">
<a href="announcements.html" id="Announcements">Announcements</a>
</div>
<div class="item">
<a href="contests.html" id="Contests">Contests</a>
</div>
</div>
</div>
<!--TITLE-->
<div class="section colored" id="top">
<!--#title for JS to find position of title and add .scrolled to nav bar-->
<div id="title">
<h1 style="font-size:7em;">Glenforest STEM Events</h1>
<p style="font-size:2em;"> See below for future and past events hosted by Glenforest STEM</p>
<br>
</div>
<div>
<a href="#first"><div id="arrow"></div></a>
</div>
</div>
<!--POST SECTION-->
<div class="section white">
<a name="first" class="anchor"></a>
<div class="fadeIn">
<h1>Registration Begins on Mole Day</h1>
<p>October 23, 2016</p>
<a class="fadeIn registerButton" href="https://youthconference2017.eventbrite.ca" target="_blank">
<div>
<p>Waiting List</p>
</div>
</a>
</div>
</div>
<div class="section colored">
<a name="first" class="anchor"></a>
<div class="fadeIn">
<h1>Meeting with Mayor and Councilor</h1>
<p>June 13, 2016</p>
<div class="images" id="mayor">
<a class="arrow left" onclick="plusDivs("mayor",-1)"><div></div></a>
<div class="image"><img src="img/mayor 1.jpg" alt="Meeting with Mayor"></div>
<div class="image"><img src="img/mayor 2.jpg" alt="Meeting with Mayor"></div>
<div class="image"><img src="img/mayor 3.png" alt="Meeting with Mayor"></div>
<a class="arrow right" onclick="plusDivs("mayor",+1)"><div></div></a>
</div>
<p>Executives of Glenforest STEM met with Mayor Bonnie Crombie and
Councilor Chris Fonseca to discuss the Canadian Youth STEM Conference 2017 at
Mississauga City Hall.
</p>
</div>
</div>
<div class="section white">
<div class="fadeIn">
<h1>STEMposium</h1>
<p>June 2016</p>
<div class="images" id="stemposium">
<a class="arrow left" onclick="plusDivs("stemposium",-1)"><div></div></a>
<div class="image"><img src="img/stemposium 1.png" alt="STEMposium"></div>
<div class="image"><img src="img/stemposium 2.png" alt="STEMposium"></div>
<div class="image"><img src="img/stemposium 3.png" alt="STEMposium"></div>
<div class="image"><img src="img/stemposium 4.jpg" alt="STEMposium"></div>
<div class="image"><img src="img/stemposium 5.png" alt="STEMposium"></div>
<div class="image"><img src="img/stemposium 6.jpg" alt="STEMposium"></div>
<div class="image"><img src="img/stemposium 7.jpg" alt="STEMposium"></div>
<div class="image"><img src="img/stemposium 8.jpg" alt="STEMposium"></div>
<div class="image"><img src="img/stemposium 9.jpg" alt="STEMposium"></div>
<a class="arrow right" onclick="plusDivs("stemposium",+1)"><div></div></a>
</div>
<p>Glenforest STEM hosted STEMposium for the grade 6 students at Bristol Road Middle School.</p>
<p class="r1">The grade 6 students participated in</p>
<p class="r3">Little Coders - Computer Coding workshops - facilitated by execs of Glenforest Computer Science Club.</p>
<p class="r3">Little Scientists - Science Workshops - facilitated by execs of Glenforest Science Club</p>
<p class="r3">Little Engineers - Engineering Workshops - facilitated by execs of Glenforest First Robotics Club</p>
<p class="r3">Little Mathematicians - Math Workshops - facilitated by teacher sponsor of Glenforest Math Club</p>
<p class="r3">Interdisciplinary Workshop - facilitated by Glenforest and STEM alumni</p>
<p class="r3">Speakers Panel - student speakers and special guest Mississauga City Councilor Chris Fonseca</p>
<p class="r3">We received an overwhelmingly positive response from both the Bristol students and their teachers!</p>
</div>
</div>
<div class="section colored">
<div class="fadeIn">
<h1>CPA Workshop</h1>
<p>May 2016</p>
<div class="images" id="cpa">
<a class="arrow left" onclick="plusDivs("cpa",-1)"><div></div></a>
<div class="image"><img src="img/cpa 1.jpg" alt="STEM at CPA"></div>
<div class="image"><img src="img/cpa 2.jpg" alt="STEM at CPA"></div>
<div class="image"><img src="img/cpa 3.jpg" alt="STEM at CPA"></div>
<div class="image"><img src="img/cpa 4.jpg" alt="STEM at CPA"></div>
<div class="image"><img src="img/cpa 5.jpg" alt="STEM at CPA"></div>
<a class="arrow right" onclick="plusDivs("cpa",+1)"><div></div></a>
</div>
<p>The executive team attended a Soft Skills workshop at CPA in Toronto.
A very informative and excellent workshop!
</p>
</div>
</div>
<div class="section white">
<div class="fadeIn">
<h1>Cisco</h1>
<p>May 2016</p>
<div class="images" id="cisco">
<a class="arrow left" onclick="plusDivs("cisco",-1)"><div></div></a>
<div class="image"><img src="img/cisco 1.jpg" alt="STEM at Cisco"></div>
<div class="image"><img src="img/cisco 2.jpg" alt="STEM at Cisco"></div>
<div class="image"><img src="img/cisco 3.jpg" alt="STEM at Cisco"></div>
<div class="image"><img src="img/cisco 4.jpg" alt="STEM at Cisco"></div>
<div class="image"><img src="img/cisco 5.jpg" alt="STEM at Cisco"></div>
<div class="image"><img src="img/cisco 6.jpg" alt="STEM at Cisco"></div>
<a class="arrow right" onclick="plusDivs("cisco",+1)"><div></div></a>
</div>
<p>The ladies of Glenforest STEM attended the Women in Tech Event at Cisco
in Toronto. It was a wonderful and inspirational event!
</p>
</div>
</div>
<div class="section colored">
<div class="fadeIn">
<h1>City Council Meeting</h1>
<p>April 2016</p>
<div class="images" id="cityCouncil">
<a class="arrow left" onclick="plusDivs("cityCouncil",-1)"><div></div></a>
<div class="image"><img src="img/city council 1.jpg" alt="City Council Meeting"></div>
<div class="image"><img src="img/city council 2.jpg" alt="City Council Meeting"></div>
<div class="image"><img src="img/city council 3.jpg" alt="City Council Meeting"></div>
<div class="image"><img src="img/city council 4.jpg" alt="City Council Meeting"></div>
<a class="arrow right" onclick="plusDivs("cityCouncil",+1)"><div></div></a>
</div>
<p>Glenforest STEM presented at Missisauga City Council. The core five executives spoke
about the November 2015 STEM Conference to Mississauga City Councilors and Missisauga
Mayor Bonnie Crombie.
</p>
</div>
</div>
<div class="section white">
<div class="fadeIn">
<h1>STEM Olympics</h1>
<p>January 2016</p>
<div class="images" id="olympics">
<a class="arrow left" onclick="plusDivs("olympics",-1)"><div></div></a>
<div class="image"><img src="img/olympics 1.jpg" alt="STEM Olympics"></div>
<div class="image"><img src="img/olympics 2.jpg" alt="STEM Olympics"></div>
<div class="image"><img src="img/olympics 3.jpg" alt="STEM Olympics"></div>
<div class="image"><img src="img/olympics 4.jpg" alt="STEM Olympics"></div>
<a class="arrow right" onclick="plusDivs("olympics",+1)"><div></div></a>
</div>
<p>Glenforest STEM team organized and hosted the STEM Olympics for the grade
4 students at Forest Glen Elementary School. We hosted 3 student-run
Science workshops. Topics included simple machines, pulley, gears, ramps
and the inventors. Students participated in activities and challenges.
</p>
</div>
</div>
<div class="section colored">
<div class="fadeIn">
<h1>Outreach</h1>
<p>December 2015</p>
<div class="images" id="outreach">
<a class="arrow left" onclick="plusDivs("outreach",-1)"><div></div></a>
<div class="image"><img src="img/outreach 1.jpg" alt="STEM Outreach"></div>
<div class="image"><img src="img/outreach 2.jpg" alt="STEM Outreach"></div>
<div class="image"><img src="img/outreach 3.jpg" alt="STEM Outreach"></div>
<div class="image"><img src="img/outreach 4.jpg" alt="STEM Outreach"></div>
<a class="arrow right" onclick="plusDivs("outreach",+1)"><div></div></a>
</div>
<p>Glenforest is an International Baccalaureate World School. Many of our
Glenforest STEM team members are a part of the IB program. To encourage
students to attend Glenforest, we: traveled to 4 middle schools to talk
to students in grades 6-8 about Glenforest’s excellent academics and
extracurricular activities.
</p>
</div>
</div>
<div class="section white">
<div class="fadeIn">
<h1>Health Talk</h1>
<p>November 2014</p>
<div class="images" id="healthTalk">
<a class="arrow left" onclick="plusDivs("healthTalk",-1)"><div></div></a>
<div class="image"><img src="img/health talk 1.png" alt="STEM Health Talk"></div>
<div class="image"><img src="img/health talk 2.png" alt="STEM Health Talk"></div>
<a class="arrow right" onclick="plusDivs("healthTalk",+1)"><div></div></a>
</div>
<p>The Glenforest STEM Speakers Bureau held it's first set of STEM talks on November
26 & 28, 2014. The events were held to educate youth on different career
opportunities and paths in the medical field. A number of distinguished health and
medical professionals were invited to speak to the Glenforest Secondary School
student body, to provide insightful advice and details about post-secondary
education and career paths in the medical field. Over 400 students from grades
9-12 attended over 2 days. The Glenforest STEM Speakers bureau hopes to inspire
future leaders in the STEM field; by informing the youth about the education and
career opportunities available to them once they leave high school and allowing
them to interact with professionals in the STEM field.
</p>
<p class="r1">From Speakers</p>
<p class="r3">"Very impressed by the level of professionalism of the students and staff"</p>
<p class="r3">"Wow! The student audience was polite and quiet and great"</p>
<p class="r3">"I wish I had had speakers come in to talk to our class when I was in high school"</p>
<p class="r3">"Very professionally put together"</p>
<p class="r3">"Great event! Very professional and well organized"</p>
<p class="r1">From Students</p>
<p class="r3">"That was so informative"</p>
<p class="r3">"That was actually fun"</p>
<p class="r3">"Very professional"</p>
<p class="r3">"That was really good"</p>
<p class="r3">"Wish we had that when we were in grade 10 or 11"</p>
<p class="r1">From Staff</p>
<p class="r3">"Very professional and everything ran so smoothly"</p>
<p class="r3">"Very informative, excellent for students"</p>
<p class="r3">"Students have been talking about the STEM Talks and have been asking us where we can
get information on colleges and universities for the programs"</p>
<p class="r3">"The STEM talk on Friday was excellent. We were talking about it in psychology today.
The information was useful and the students were paying close attention. My sense is
that they have lots of concerns about planning their future and that they really need
some mentoring from people who are in the workplace. It was a huge undertaking and it
is really important. Thank you. I look forward to the next one"</p>
<p class="r3">"(STEM) team provided Glenforest with the rare opportunity to interact with specialists
from a variety of disciplines, hearing about the challenges and rewards inherent in
pursuing careers in these fields. Definitely a meaningful and worthwhile endeavor"</p>
</div>
</div>
<!--FOOTER-->
<div class="section colored">
<div>
<p>Made with <i class="em em-heart"></i> by the STEM Team</p>
<p style="font-size:0.75em;">Developed by Jacob Kelly</p>
</div>
</div>
</body>
</html>