-
Notifications
You must be signed in to change notification settings - Fork 2
/
nahanirobots.html
169 lines (153 loc) · 7.33 KB
/
nahanirobots.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
<!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>
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="updateie.css" />
<![endif]-->
<!--[if !IE]><!-->
<script async type="text/javascript" src="core.js"></script>
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/javascript" src="slide2.js"></script> <!-- Different js file because new HTML page-->
<link rel="stylesheet" type="text/css" href="events.css">
<!--<![endif]-->
<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 | Nahani Robotics</title>
</head>
<body>
<!-- Update Internet Explorer-->
<div class="updateie">
<p>Hello there! It appears you are using a version of Internet Explorer of version 8 or lower,
of which our website is uncompatible with. Please update Internet Explorer to version 9 or
higher in order to access our site. Thank you!
</p>
</div>
<a name="home" class="anchor"></a>
<!--NAV BAR-->
<div id="nav">
<div id="left">
<div id="logo">
<a href="index.html" 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#contact" id="Contact">Contact</a>
</div>
<div class="item">
<a href="xplore.html" id="Xplore">Xplore Conference</a>
</div>
<div class="item">
<a href="conferences.html" id="Conference">Past Conferences</a>
</div>
<!--<div class="item">
<a href="currentevents.html" id="CurrentEvents">Current Events</a>
</div>>-->
<div class="item">
<a href="nahanirobots.html" id="NahaniRobots">Nahani Robots</a>
</div>
<div class="item">
<a href="events.html" id="Events">Events</a>
</div>
<div class="item">
<a href="stories.html" id="Stories">Stories</a>
</div>
</div>
</div>
<!--HOME SECTION-->
<div class="section nahani" id="top">
<!--#title for JS to find position of title and add .scrolled to nav bar-->
<div id="title">
<h1 style="font-size:8em;">Nahani Way Robotics</h1>
<p style="font-size:2em;">Mentorship Program</p>
<br>
</div>
<div>
<a href="#first"><div id="arrow"></div></a>
</div>
</div>
<!--Mission Statment SECTION-->
<div class="section white">
<a name="first" class="anchor"></a>
<div id="conferenceText">
<div class="fadeIn confItem">
<div class="confImage left">
<img src="img/nahanipage1.jpg" alt="NahaniMentors">
</div>
<div class="confText right">
<h1 class="fadeIn" style="font-size:4em;">Mission Statement</h1>
<p class="fadeIn">To provide STEM-related opportunities through mentorship and robotics-based experiences,
thus allowing students to learn 21st century skills while inspiring and being inspired by those around them.
</p>
</div>
</div>
<!--Seperator-->
<div class="separator fadeIn" style="width:750px;"></div>
<!--Alumni Quote-->
<div id="execContainer">
<div class="exec" id="p1">
<div class="execPic">
<img class="right" src="img/twinkle.jpg" alt="Twinkle Mehta">
</div>
<h2>Twinkle Mehta - Former Executive 2016/17</h2>
<p style="font-style: italic; font-size:1.75em;" class="fadeIn">"The Nahani Way mentorship program was started to encourage younger students to become more involved in robotics
and programming! Seeing an opportunity to inspire the next generation of STEM leaders and enthusiasts,
we put together a team of passionate students from Glenforest's STEM and robotics teams to be the mentors for the lego
robotics program. After working closely with our grade 3 student mentee, we have seen tremendous progress in their coding
and problem solving abilities! Overall, I am sure this program has and will continue to foster a spirit of
innovation and technology!"
</p>
</div>
</div>
<!--Seperator-->
<div class="separator fadeIn" style="width:750px;"></div>
<!--Nahani Carousel-->
<div class="section white" id="top">
<div class="images" id="nahanipage">
<a class="arrow left" onclick="plusDivs("nahanipage",-1)"><div></div></a>
<div class="image"><img src="img/nahanipage12.jpg" alt="Nahani Way Robotics"></div>
<div class="image"><img src="img/nahanipage2.jpg" alt="Nahani Way Robotics"></div>
<div class="image"><img src="img/newnahani5.jpg" alt="Nahani Way Robotics"></div>
<div class="image"><img src="img/nahanipage3.jpg" alt="Nahani Way Robotics"></div>
<div class="image"><img src="img/nahanipage4.jpg" alt="Nahani Way Robotics"></div>
<div class="image"><img src="img/newnahani4.jpg" alt="Nahani Way Robotics"></div>
<div class="image"><img src="img/nahanipage5.jpg" alt="Nahani Way Robotics"></div>
<div class="image"><img src="img/nahanipage6.jpg" alt="Nahani Way Robotics"></div>
<div class="image"><img src="img/newnahani3.jpg" alt="Nahani Way Robotics"></div>
<div class="image"><img src="img/nahanipage7.jpg" alt="Nahani Way Robotics"></div>
<div class="image"><img src="img/newnahani6.jpg" alt="Nahani Way Robotics"></div>
<div class="image"><img src="img/nahanipage8.jpg" alt="Nahani Way Robotics"></div>
<div class="image"><img src="img/newnahani2.jpg" alt="Nahani Way Robotics"></div>
<div class="image"><img src="img/nahanipage9.jpg" alt="Nahani Way Robotics"></div>
<div class="image"><img src="img/nahanipage10.jpg" alt="Nahani Way Robotics"></div>
<div class="image"><img src="img/newnahani1.jpg" alt="Nahani Way Robotics"></div>
<div class="image"><img src="img/nahanipage12.jpg" alt="Nahani Way Robotics"></div>
<a class="arrow right" onclick="plusDivs("nahanipage",+1)"><div></div></a>
</div>
</div>
<!--Seperator-->
<div class="separator fadeIn" style="width:750px;"></div>
<!-- Footer -->
<div class="section white">
<div>
<p>Made with <i class="em em-heart"></i> by the STEM Team</p>
<p style="font-size:0.75em;">Designed and Developed by Jacob Kelly</p>
<p style="font-size:0.7em;">Current Webmaster: Suyash Unnithan</p>
</div>
</div>
</body>
</html>