-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
283 lines (259 loc) · 15.6 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
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
<!DOCTYPE html>
<html>
<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"/>
<meta name="theme-color" content="#2196F3">
<title>NYU WagnerTech</title>
<!-- CSS -->
<link href="css/materialize.css" type="text/css" rel="stylesheet">
<link href="css/style.css" type="text/css" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="js/modernizr.js"></script> <!-- Modernizr -->
</head>
<body id="top" class="scrollspy">
<!-- Pre Loader -->
<div id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<!--Navigation-->
<div class="navbar-fixed">
<nav id="nav_f" class="default_color" role="navigation">
<div class="container">
<div class="nav-wrapper"><a id="logo-container" href="#top" class="brand-logo">WagnerTech</a>
<ul id="nav-mobile" class="right side-nav">
<li><a href="#intro">Mission</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="http://wagner.nyu.edu/students/wsa/clubs/wagnertech" target="_blank">More</a></li>
</ul><a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
</div>
</div>
</nav>
</div>
<!--Responsive Header-->
<div class="section no-pad-bot" id="index-banner">
<div class="container">
<h1 class="text_h center header cd-headline letters type">
<span>Tech for </span>
<span class="cd-words-wrapper waiting">
<b class="is-visible"> smarter cities</b>
<b> poverty alleviation</b>
<b> healthy communities</b>
<b> safe families</b>
<b> social impact</b>
</span>
</h1>
</div>
</div>
<!--Mission-->
<div id="intro" class="section scrollspy">
<div class="container">
<div class="row">
<div class="col s12">
<h2 class="center header text_h2"> WagnerTech aims to foster collaboration for a <span class="span_h2">community </span> of students, faculty, and professionals who are <span class="span_h2">driven </span> to leverage technology <span class="span_h2"> for social good</span> </h2>
</div>
</div>
</div>
</div>
<!--Parallax-->
<section>
<div class="parallax-container">
<div class="parallax"><img src="img/parallax1.png"></div>
</div>
<!--Events-->
<div class="section scrollspy" id="events">
<div class="container">
<h2 class="header text_b">Spring 2017 Events </h2>
<div class="row">
<div class="col s12 m4 l4">
<div class="card">
<div class="card-content">
<p><strong>Mapping for Policy Change</strong></p>
<p>
<p>When: Thursday, February 2nd from 6:30 p.m. to 8:30 p.m.</p>
<p>Where: Jersey Conference Room, Puck Building</p>
<p>Learn the basics about mapping tools with a quick and painless introduction to GIS, qGIS, and Carto. Then, bring your laptop to participate or just follow along as Chris Whong demonstrates a mapping project in Carto using open data.</p>
</div>
</div>
</div>
<div class="col s12 m4 l4">
<div class="card">
<div class="card-content">
<p><strong>NYU Tech Meetup</strong></p>
<p>
<p>When: Friday, April 7th from 6:30 p.m. to 8:30 p.m.</p>
<p>Where: Rudin Room, Puck Building</p>
<p>Come together with current NYU graduate students from other schools (Stern, Tandon, CUSP, ITP) and alums for an evening of lightning-presentations on pressing topics in tech and public policy followed by a networking mixer.
</p>
</div>
</div>
</div>
<div class="col s12 m4 l4">
<div class="card">
<div class="card-content">
<p><strong>Civic Tech: Participatory Budgeting and Open Gov</strong></p>
<p>
<p>When: Date and Location TBA (late April)</p>
How are civic tech tools changing the landscape of public policy and government? Join us for a discussion of NYC's Participatory Budgeting and open government policies.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Work-->
<div class="section scrollspy" id="sd">
<div class="container">
<div class="row">
<div class="col s12">
<h2 class="center header text_h2">Engage with active professional networks for <span class="span_h2">continuous</span> learning and <span class="span_h2">inspiration</span> for the use of technology <span class="span_h2">for social change</span>
</h2>
</div>
</div>
</div>
</div>
<!--Parallax-->
<section>
<div class="parallax-container">
<div class="parallax"><img src="img/IMG_20160422_181706824.jpg"></div>
</div>
<div class="section scrollspy" id="team">
<div class="container">
<h2 class="header text_b">Executive Board</h2>
<p>How can we bridge the gap between technology and public service?</p>
<div class="section scrollspy" id="Team">
<div class="container">
<div class="row">
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/FV_phot.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Fernanda Villasenor, Co-Chair</span>
</div>
<div class="card-reveal">
<p>I am a Master´s of Urban Planning candidate, specializing in International Development. I completed a B.A., majoring in International Relations and a Certificate of Political Studies at Science Po in France. Before moving to New York, I was living in Mexico, where I worked for the last three years for the Mexico City government on issues concerning civic innovation and urban creativity. Previously, I worked for several NGO´s as a project coordinator and served as an intern for a marketing company in Germany. I am specifically interested in the applications/implications of technology in the revitalization of urban environments, placemaking and local government performance.
I look forward to connecting with the tech community at Wagner!
</p>
</div>
</div>
</div>
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/AS_phot.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Ashley Smith, Co-Chair<i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<p>Ashley Smith is a Master of Urban Planning student at NYU Wagner specializing in Environment, Infrastructure and Transportation. She completed her B.A. in English at University at Buffalo in 2012, writing her thesis on ecology in 20th century American literature. Following graduation, Ashley worked for the Elmwood Village Association, a community-development non-profit in Buffalo, NY where her role as communications coordinator increasingly involved her in urban planning issues. In 2014, Ashley participated in One Region Forward’s inaugural Citizen Planning School with a plan to develop a bicycle wayfinding signage system to dovetail with the city of Buffalo’s Bicycle Masterplan and took an active role on Buffalo’s Bicycle-Pedestrian Advisory Board to the Common Council.</p>
</div>
</div>
</div>
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/JL_Phot.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Joyce Choi Li, Vice Chair<i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<p>Joyce is a first-year part-time MUP student planning to specialize in Environment, Infrastructure, and Transportation. After graduating from Hampshire College with a B.A. in Urban Studies and Political Philosophy, she cut her political teeth for six years as a community organizer and digital strategist for LGBTQ, anti-poverty, and police accountability campaigns. She then joined the New York City Council Speaker's Office where she worked on immigration, transportation, and technology issues, including the implementation of IDNYC, Vision Zero, and Council 2.0. She currently serves as the Council's Manager of Technology Projects and Partnerships. A Brooklyn boroughbred, she enjoys making dumplings in her spare time and is eagerly awaiting the day she can resume biking to work.
</p>
</div>
</div>
</div>
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/SM_phot.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Shumao Huang, Vice Chair of Finance<i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<p>First-year graduate student in MPA with strong interest in tech and data. Always on the way to explore the world and beyond with curious eyes.</p>
</div>
</div>
</div>
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/KV_phot.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Karina Vangani, Vice Chair of Communications<i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<p>Karina Vangani is pursuing Masters in Urban Planning at NYU Wagner with a specialization in Transportation, Environment and Infrastructure. She completed her Bachelors in Planning from CEPT University, India. She is interested in sustainability, data and technology. Previously, she has worked in the Department of City Planning of New York City as well the Port Authority of New York and New Jersey.</p>
</div>
</div>
</div>
<div class="col s12 m4 l4">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="img/cperi_phot.jpg">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Caroline Peri, Board Rep<i class="mdi-navigation-more-vert right"></i></span>
</div>
<div class="card-reveal">
<p>Caroline is a Master of Urban Planning candidate with a concentration in Housing and Economic Development. Prior to moving to New York City, she spent six years living and working in Baltimore, MD. Most recently, she served as the Director of Economic Development for Baltimore's business improvement district, where she worked with local real estate developers, helped attract and retain tech firms, and conducted a wide variety of research.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Team-->
<section>
<div id="sd3" class="section scrollspy">
<div class="container">
<div class="row">
<div class="col s12">
<h2 class="center header text_h2">WagnerTech membership is open to NYU Wagner and NYU. Our events are open to the NYU community and the general public. </h2>
</div>
</div>
</div>
</div>
</section>
<footer id="contact" class="page-footer default_color scrollspy">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">WagnerTech</h5>
<p class="grey-text text-lighten-4">WagnerTech fosters a vibrant community of students, faculty and professionals at NYU Wagner who are driven to leverage technology for innovation in public service. WagnerTech provides opportunities for skill-building, networking and connecting with the latest technologies in the field.</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Contact</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="https://www.facebook.com/groups/NYUWagnerPlus/">Facebook</a></li>
<li><a class="grey-text text-lighten-3" href="https://twitter.com/nyuwagnertech">Twitter</a></li>
<li><a class="grey-text text-lighten-3" href="https://github.com/wagnertech">Github</a></li>
<li><a class="grey-text text-lighten-3" href="mailto:[email protected]">Email</a></li>
</ul>
<p>Email us at [email protected]</p>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
By Wagnerds for Wagnerds
<!--<a class="grey-text text-lighten-4 right" href="#!">More Links</a>-->
</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>