forked from wwphsstechdesk/wwphsstechdesk.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutus.html
201 lines (187 loc) · 7.89 KB
/
aboutus.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<title>WW-P HSS Tech Desk | Contact Us</title>
<!-- CSS -->
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/>
<link rel="stylesheet" type="text/css" href="css/materialize.min.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<nav class="green darken-1">
<div class="nav-wrapper container">
<a href="index.html" class="brand-logo left">
<img class="responsive-img" src="img/navbarlogo.png" alt="nav logo"/></a>
<a href="#" class="brand-logo right" style=""></a>
<ul class="right hide-on-med-and-down">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="#">About Us</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="#">About Us</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="right button-collapse"><i class="material-icons">menu</i></a>
</div>
</nav>
<div class="container">
<h1 class="center header center green-text">About Us</h1>
<div class="section">
<div class="row">
<div class="col s12 m12">
<div class="card green">
<div class="card-content white-text">
<span class="card-title" id="bold">Who We Are</span>
<p>We are a group of students from West Windsor-Plainsboro High School South looking to enhance the
technological literacy of our community by lending a hand to whomever is in need of tech help. The Tech
Desk operates in the Media Center throughout the day, including lunch and even after school while the
library is open. Other than simply showing up to the library, volunteers are proactive in helping peers,
including other library volunteers. Occasionally, the club partners with other clubs to build websites and
holds workshops with new gadgets to be tinkered with.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s12 m12">
<div class="card green">
<div class="card-content white-text">
<span class="card-title" id="bold1">Mission Statement</span>
<p>With programming and the internet in general so prevalent today, especially now that more students have
access to technology through chromebooks in their daily lives, the HSS Tech Desk aims to dispel any
technological doubts anyone may have. </p>
</div>
</div>
</div>
</div>
<div class="card green">
<div class="card-content white-text">
<span class="card-title" id="bold2">Officers</span>
<div class="card green darken-2">
<div class="card-content white-text">
<div class="card-image">
<br>
<a class="btn-floating halfway-fab waves-effect waves-light green"
href="mailto:[email protected]" target="_blank"><i class="material-icons">email</i></a>
</div>
<div class="card-content">
<span class="card-title">Rahul Shah</span>
<p>President</p>
</div>
</div>
</div>
<div class="card green darken-2">
<div class="card-content white-text">
<div class="card-image">
<br>
<a class="btn-floating halfway-fab waves-effect waves-light green"
href="mailto:[email protected]" target="_blank"><i class="material-icons">email</i></a>
</div>
<div class="card-content">
<span class="card-title">Akash Bobba</span>
<p>Vice President</p>
</div>
</div>
</div>
<div class="card green darken-2">
<div class="card-content white-text">
<div class="card-image">
<!-- <img class="pfp" src="" alt="Manasvi"> -->
<br>
<a class="btn-floating halfway-fab waves-effect waves-light green"
href="[email protected]" target="_blank"><i class="material-icons">email</i></a>
</div>
<div class="card-content">
<span class="card-title">Samvit Agarwal</span>
<p>Vice President</p>
</div>
</div>
</div>
<!-- <div>
<div class="card green darken-2">
<div class="card-content white-text">
<div class="card-image">
<br>
<img class="pfp" src="" alt="Anikait">
<a class="btn-floating halfway-fab waves-effect waves-light green"
href="mailto:[email protected]" target="_blank"><i class="material-icons">email</i></a>
</div>
<div class="card-content">
<span class="card-title">Anikait Singh</span>
<p>Secretary</p>
</div>
</div>
</div>
</div> -->
<div class="card green darken-2">
<div class="card-content white-text">
<div class="card-image">
<br>
<!-- <img class="pfp" src="" alt="Mayaank"> -->
<a class="btn-floating halfway-fab waves-effect waves-light green"
href="mailto:[email protected]" target="_blank"><i class="material-icons">email</i></a>
</div>
<div class="card-content">
<span class="card-title">Varun Nair</span>
<p>Publicist</p>
</div>
</div>
</div>
<div class="card green darken-2">
<div class="card-content white-text">
<div class="card-image">
<br>
<!-- <img src="img/officers/rahul.png" style="width:20%;height:20%" alt="Rahul Shah"> -->
<a class="btn-floating halfway-fab waves-effect waves-light green"
href="mailto:[email protected]>" target="_blank"><i class="material-icons">email</i></a>
</div>
<div class="card-content">
<span class="card-title">Krish Thawani</span>
<p>Junior Officer<!-- I am currently a Junior at WW-P High School South. I am on the FRC robotics team 1923 and am
involved with many clubs and organizations such as STEP For a Better World, Project Pride and Relay
for Life; even founding a non-profit, Genesis Code, to help kids learn to code --></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="page-footer green">
<div class="container">
<div class="row">
<div class="col l6 s12">
<div class="mobile-show">
<img class="bottom-logo" src="img/techdesknewflat.png" alt="bottom logo">
</div>
<div class="mobile-hide">
<img src="img/techdesknewflat.png" alt="bottom logo">
</div>
</div>
<div class="col l3 s12">
<h5 class="white-text">Contact</h5>
<ul>
<li><a class="white-text" href="mailto:[email protected]">Email: [email protected]</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
<span>HSS Tech Desk 2018-2019</span>
</div>
</div>
</footer>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
</body>
</html>