-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
203 lines (195 loc) · 14 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>Ottawa STEM Club</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="language" content="English">
<meta name="og:url" content="https://ottawastem.com/">
<meta name="og:site_name" content="Ottawa STEM Club">
<meta name="og:type" content="article">
<meta name="og:title" content="Ottawa STEM Club">
<meta name="og:description" content="Ottawa STEM Club provide STEM tracks for kids. teaching kids skills such as coding, LEGO Mindstorms, Robotics, Mechatronics, and Media. Join us today for fun and educational experience">
<meta name="og:image" content="/OttawaSTEMClub/static/site/img/logo-big.png">
<meta name="twitter:site" content="@ottawastemclub">
<meta name="twitter:title" content="Ottawa STEM Club">
<meta name="twitter:description" content="Ottawa STEM Club provide STEM tracks for kids. teaching kids skills such as coding, LEGO Mindstorms, Robotics, Mechatronics, and Media. Join us today for fun and educational experience">
<meta name="twitter:image" content="/OttawaSTEMClub/static/site/img/logo-big.png">
<link rel="shortcut icon" href="/OttawaSTEMClub/static/site/ico/favicon.ico">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.0-alpha1/css/bootstrap.min.css">
<link href="/OttawaSTEMClub/static/site/css/main.css" rel="stylesheet">
</head>
<body>
<nav id="main_menu" class="navbar navbar-expand-xl navbar-light fixed-top" style="font-weight: bold; padding: 4px 0px;">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="/OttawaSTEMClub/static/site/img/logo-big.png" alt="logo" width="30" height="30" class="d-inline-block align-top" loading="lazy">
<span style="margin-left: 5px; color: rgb(0, 0, 0, 0.7);">Ottawa STEM Club</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="https://ottawastem.com/showcases/">Showcases</a></li>
<li class="nav-item"><a class="nav-link" href="https://ottawastem.com/courses/">Courses</a></li>
<li class="nav-item"><a class="nav-link" href="https://ottawastem.com/resources/">Resources</a></li>
<li class="nav-item"><a class="nav-link" href="https://classroom.google.com/" target="_blank">Classroom</a></li>
<li class="nav-item"><a class="nav-link" href="https://teams.microsoft.com/" target="_blank">Teams</a></li>
<li class="nav-item"><a class="nav-link" href="/registration/">Registration</a></li>
<li class="nav-item"><a class="nav-link" href="https://ottawastem.com/about/">About</a></li>
</ul>
</div>
</div>
</nav>
<div class="corporate-jumbo img-fluid">
<div class="water">
<svg>
<filter id="turbulence" x="0" y="0" width="100%" height="100%">
<feTurbulence id="sea-filter" numOctaves="3" seed="2" baseFrequency="0.02 0.05"></feTurbulence>
<feDisplacementMap scale="20" in="SourceGraphic"></feDisplacementMap>
<animate xlink:href="#sea-filter" attributeName="baseFrequency" dur="60s" keyTimes="0;0.5;1" values="0.02 0.06;0.04 0.08;0.02 0.06" repeatCount="indefinite"/>
</filter>
</svg>
</div>
</div>
<div class="container-flush" style="margin: 0px 50px;">
<div class="row row-cols-md-3 g-4">
<div class="col">
<div class="card" style="border: none;">
<img src="/OttawaSTEMClub/static/site/img/home/mathematics.jpg" class="mx-auto" alt="math pic" width="200" height="200">
<div class="card-body">
<h3 class="card-title text-center" style="font-weight: bold;">Mathematics</h3>
<h5 style="font-size: 1.1rem">Mathematics training expands on the basics of learning at school, increasing the difficulty and children's interest in learning.
This develops a child's intellectual potential, logical ability, and problem-solving skills.<br>
Use computer programming to solve math challenges in a fun and enjoyable way, thus inspiring their further interest and advancement in mathematics.
</h5>
</div>
</div>
</div>
<div class="col">
<div class="card" style="border: none;">
<img src="/OttawaSTEMClub/static/site/img/home/computer.jpg" class="mx-auto" alt="computer pic" width="200" height="200">
<div class="card-body">
<h3 class="card-title text-center" style="font-weight: bold;">Computer Programming</h3>
<h5 style="font-size: 1.1rem">Students will get an initial awareness of computer technologies and fundamentals,
and get interested in computer technologies.
Logic ability, and problem-solving skills will be greatly improved through learning programming languages (Scratch, C++, Python, etc.)
and designing algorithms.<br>
Solve math challenges with coding practices, and hands-on challenges
with competitive programming. <span style="font-weight: bold; font-style: italic;">(Canadian Computing Competition)</span>.
</h5>
</div>
</div>
</div>
<div class="col">
<div class="card" style="border: none;">
<img src="/OttawaSTEMClub/static/site/img/home/lego.jpg" class="mx-auto" alt="lego pic" width="200" height="200">
<div class="card-body">
<h3 class="card-title text-center" style="font-weight: bold;">LEGO MINDSTORMS</h3>
<h5 style="font-size: 1.1rem">Students who want to build their first robot can use LEGO Mindstorms. These robot sets help students to learn how to build robots from imagination,
use motors and sensors, and program these robots to finish missions and solve challenges.<br>
Students can also participate in the IEEE Ottawa Robotics Competition, where they can have fun with engineering challenges.<br>
New robot builders begin here!
</h5>
</div>
</div>
</div>
<div class="col">
<div class="card" style="border: none;">
<img src="/OttawaSTEMClub/static/site/img/home/3dprinter.jpg" class="mx-auto" alt="3dprinter pic" width="200" height="200">
<div class="card-body">
<h3 class="card-title text-center" style="font-weight: bold;">3D Printing</h3>
<h5 style="font-size: 1.1rem">Learn 3D designing, and begin with the basics of how 3D printing works,
how to create prototypes, troubleshoot and solve issues,
tweak the settings on a 3D printer, and learn the basics of good design.
</h5>
</div>
</div>
</div>
<div class="col">
<div class="card" style="border: none;">
<img src="/OttawaSTEMClub/static/site/img/home/arduino.jpg" class="mx-auto" alt="arduino pic" width="200" height="200">
<div class="card-body">
<h3 class="card-title text-center" style="font-weight: bold;">Arduino</h3>
<h5 style="font-size: 1.1rem">Arduino education is an advanced version of STEM programs.
Whether students are new to electronics and/or physical computing,
we have Arduino kits or boards perfect for them to build advanced devices and robots.<br>
Have fun with the advanced challenges in the IEEE Ottawa Robotics Competition.
</h5>
</div>
</div>
</div>
<div class="col">
<div class="card" style="border: none;">
<img src="/OttawaSTEMClub/static/site/img/home/raspberry.jpg" class="mx-auto" alt="raspberry pic" width="200" height="200">
<div class="card-body">
<h3 class="card-title text-center" style="font-weight: bold;">Raspberry Pi</h3>
<h5 style="font-size: 1.1rem">The Raspberry Pi is credit-card sized computer. Take your robot to the next level,
and complete more complex tasks, or integrate Raspberry Pi with Arduino.
</h5>
</div>
</div>
</div>
<div class="col">
<div class="card" style="border: none;">
<img src="/OttawaSTEMClub/static/site/img/home/web.jpg" class="mx-auto" alt="web pic" width="200" height="200">
<div class="card-body">
<h3 class="card-title text-center" style="font-weight: bold;">Web Development</h3>
<h5 style="font-size: 1.1rem">Learn the basics of web programming, website design and implementation.
HTML, CSS, JavaScript, Bootstrap and Database are used to develop web-based solutions.
Build a portfolio of web applications to showcase your knowledge.
</h5>
</div>
</div>
</div>
<div class="col">
<div class="card" style="border: none;">
<img src="/OttawaSTEMClub/static/site/img/home/mobile.jpg" class="mx-auto" alt="mobile pic" width="200" height="200">
<div class="card-body">
<h3 class="card-title text-center" style="font-weight: bold;">Mobile App Development</h3>
<h5 style="font-size: 1.1rem">Mobile Application Design and Development prepares students to enter the ever expanding
and evolving fields of mobile application development.
Design mobile applications across different platforms and devices,
learn how to build native mobile applications, and use Flutter (Open-Source UI software development kit).
</h5>
</div>
</div>
</div>
<div class="col">
<div class="card" style="border: none;">
<img src="/OttawaSTEMClub/static/site/img/home/mlai.jpg" class="mx-auto" alt="mlai pic" width="200" height="200">
<div class="card-body">
<h3 class="card-title text-center" style="font-weight: bold;">Machine Learning and AI</h3>
<h5 style="font-size: 1.1rem">Machine Learning and Artificial Intelligence is not for everyone, and it's very complicated to learn as a high school student. However,
with a well-paved learning path, it can be done. Our programs aim to inspire the next generation of AI leaders and equip youngsters with the knowledge,
skills and ethical thinking.
</h5>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-8">
<p style="margin-bottom: 0px; font-size: 0.8em;"><img src="/OttawaSTEMClub/static/site/img/logo-big.png" alt="logo" width="30" height="30" style="margin-top: -10px"> © 2020 "Ottawa STEM Club" All Rights Reserved.</p>
</div>
<div class="col-4 text-right">
<ul class="social">
<li><a href="https://www.youtube.com/channel/UCLz5ZgXBX4g9fEwnS7jmIvQ/" target="_blank" class="social-youtube"></a></li>
<li><a href="https://twitter.com/OttawaStem/" target="_blank" class="social-twitter"></a></li>
<li><a href="https://www.facebook.com/ottawastem/" target="_blank" class="social-facebook"></a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.0-alpha1/js/bootstrap.bundle.min.js"></script>
<script src="/OttawaSTEMClub/static/site/js/site.min.js"></script>
</body>
</html>