forked from Code4HR/previous-landing
/
index2.html
375 lines (327 loc) · 18.9 KB
/
index2.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
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>BetaNYC | A Code for America Brigade for New York City</title>
<meta name="description" content="BetaNYC is building a connected New York City by the people, for the people, for 21st Century. We are NYC’s civic technology and open government vanguard. Since 2009, we have worked with elected officials to engage NYC’s technology community. We have helped pass transformative open government legislation, and have supported NYC’s civic oriented startups. ">
<link rel="shortcut icon" href="favicon.ico" />
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/js/bootstrap.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript">
var _gaq = _gaq || [];
var pluginUrl =
'//www.google-analytics.com/plugins/ga/inpage_linkid.js';
_gaq.push(['_require', 'inpage_linkid', pluginUrl]);
_gaq.push(['_setAccount', 'UA-45782966-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!-- NAVBAR
================================================== -->
<div class="navbar-wrapper">
<!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
<div class="container">
<div class="navbar navbar-inverse">
<div class="navbar-inner">
<!-- Responsive Navbar Part 1: Button for triggering responsive navbar. Include responsive CSS to utilize. -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class = "appleLogo"></div>
<!--a class="brand" href="#">BetaNYC</a>-->
<!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#meetup">Events</a></li>
<li><a href="http://www.meetup.com/betanyc/messages/archive/" target="_blank">Discussion Forum</a></li>
<li><a href="#contact">Contact</a></li>
<!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
<li class="dropdown" id="menu1">
<a href="#menu1" class="dropdown-toggle" data-toggle="dropdown">
Resources
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li>
<a href="http://www.meetup.com/betanyc/messages/archive/" target="_blank">
<i class=icon-comment icon-white></i>
Our Discussion Forum</a>
</li>
<li>
<a href="http://www.meetup.com/betanyc/" target="_blank">
<i class=icon-user icon-white></i>
Our Gatherings on Meetup</a>
</li>
<li>
<a href="https://github.com/betanyc" target="_blank">
<i class=icon-wrench icon-white></i>
Our Code on GitHub</a>
</li>
<li>
<a href="http://betanyc.ideascale.com/" target="_blank">
<i class=icon-thumbs-up icon-white></i>
Idea List for Civic Apps and Open Data</a>
</li>
<li class="divider"></li>
<li>
<a href="http://blog.betanyc.org/" target="_blank">
<i class=icon-bullhorn icon-white></i>
Our BetaNYC Blog</a>
</li>
<li>
<a href="https://twitter.com/search?q=%23betanyc" target="_blank">
<i class=icon-retweet icon-white></i>
#betaNYC Tweets</a>
</li>
<<<<<<< HEAD
<<<<<<< HEAD
<<<<<<< HEAD
<<<<<<< HEAD
<<<<<<< HEAD
<li>
<a href="http://facebook.com/group/betanyc" target="_blank">
<i class=icon-bullhorn icon-white></i>
Our BetaNYC Facebook Group</a>
</li>
<li>
<a href="https://www.facebook.com/BetaNYC" target="_blank">
<i class=icon-bullhorn icon-white></i>
=======
<li>
<a href="http://facebook.com/group/betanyc" target="_blank">
<i class=icon-bullhorn icon-white></i>
Our BetaNYC Facebook Group</a>
</li>
<li>
<a href="https://www.facebook.com/BetaNYC" target="_blank">
<i class=icon-bullhorn icon-white></i>
>>>>>>> 3abf0efa7678552840743e992c9e529b4ff185c4
Our Facebook Page</a>
</li>
=======
<li>
<a href="http://facebook.com/group/betanyc" target="_blank">
<i class=icon-bullhorn icon-white></i>
Our BetaNYC Facebook Group</a>
</li>
<li>
<a href="https://www.facebook.com/BetaNYC" target="_blank">
<i class=icon-bullhorn icon-white></i>
Our Facebook Page</a>
</li>
>>>>>>> 3abf0efa7678552840743e992c9e529b4ff185c4
=======
<li>
<a href="http://facebook.com/group/betanyc" target="_blank">
<i class=icon-bullhorn icon-white></i>
Our BetaNYC Facebook Group</a>
</li>
<li>
<a href="https://www.facebook.com/BetaNYC" target="_blank">
<i class=icon-bullhorn icon-white></i>
Our Facebook Page</a>
</li>
>>>>>>> 3abf0efa7678552840743e992c9e529b4ff185c4
=======
<li>
<a href="http://facebook.com/group/betanyc" target="_blank">
<i class=icon-bullhorn icon-white></i>
Our BetaNYC Facebook Group</a>
</li>
<li>
<a href="https://www.facebook.com/BetaNYC" target="_blank">
<i class=icon-bullhorn icon-white></i>
Our Facebook Page</a>
</li>
>>>>>>> 3abf0efa7678552840743e992c9e529b4ff185c4
=======
<li>
<a href="http://facebook.com/group/betanyc" target="_blank">
<i class=icon-bullhorn icon-white></i>
Our BetaNYC Facebook Group</a>
</li>
<li>
<a href="https://www.facebook.com/BetaNYC" target="_blank">
<i class=icon-bullhorn icon-white></i>
Our Facebook Page</a>
</li>
>>>>>>> 3abf0efa7678552840743e992c9e529b4ff185c4
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div><!-- /.navbar-inner -->
</div><!-- /.navbar -->
</div> <!-- /.container -->
</div><!-- /.navbar-wrapper -->
<!-- Carousel - but not using at the moment
================================================== -->
<div class="carousel slide">
<div class="carousel-inner">
<div class="item active">
<div class="container">
<div class="carousel-caption">
<p> <h1>BetaNYC is building a connected NYC by the people, for the people, for 21st Century.</h1> </p>
<p class="lead">
We are NYC’s civic technology and open government vanguard. We are an organizing force for local civic engagement - a network of civic-minded volunteers who contribute their skills toward government and community service.<br/><br/>
</p>
<a class="btn btn-large btn-primary"
href="http://www.meetup.com/betaNYC/" target="_blank">Join us</a>
</div>
</div>
</div>
</div>
</div><!-- /.carousel -->
<div class="container marketing">
<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->
<!-- Three columns of text below the carousel -->
<div class="row">
<div class="span4">
<img src="images/captain.png">
<h2>Come To Our Events</h2>
<p>Frequently, we are hosting events that explain NYC's open data or give you a unique insight into a 21st Century NYC. Join us on <a href="http://www.meetup.com/betanyc/" target="_blank">meetup</a>.</p>
<p><a class="btn" href="#meetup">View details »</a></p>
</div><!-- /.span4 -->
<div class="span4">
<img src="images/community.png" style="height:70px">
<h2>Join Online Discussions</h2>
<p><a href="http://www.meetup.com/betanyc/messages/archive/" target="_blank">
We host an open conversation</a> about what we're doing now and what's next.</p>
<p><a class="btn" href="#groups">View details »</a></p>
</div><!-- /.span4 -->
<div class="span4">
<<<<<<< HEAD
<<<<<<< HEAD
<<<<<<< HEAD
<<<<<<< HEAD
<<<<<<< HEAD
<<<<<<< HEAD
<div class = "logoGray"></div>
<h2>See Our Inspiration</h2>
<p><a href="http://codeforamerica.org/">Code for America</a> is the organization that helped inspire
many of us that we can change our City.
=======
<img src="images/cfa_logo_greyscale.png">
<h2>BetaNYC's Purpose</h2>
<p>The purpose of <a href="http://blog.betanyc.org" target="_blank">BetaNYC</a> is to build a community who sustains a thriving local civic technology ecosystem and <a href="http://codeforamerica.org/">Code for America's</a> goals and strategic outcomes.
>>>>>>> 3abf0efa7678552840743e992c9e529b4ff185c4
=======
<img src="images/cfa_logo_greyscale.png">
<h2>BetaNYC's Purpose</h2>
<p>The purpose of <a href="http://blog.betanyc.org" target="_blank">BetaNYC</a> is to build a community who sustains a thriving local civic technology ecosystem and <a href="http://codeforamerica.org/">Code for America's</a> goals and strategic outcomes.
>>>>>>> 3abf0efa7678552840743e992c9e529b4ff185c4
=======
<img src="images/cfa_logo_greyscale.png">
<h2>BetaNYC's Purpose</h2>
<p>The purpose of <a href="http://blog.betanyc.org" target="_blank">BetaNYC</a> is to build a community who sustains a thriving local civic technology ecosystem and <a href="http://codeforamerica.org/">Code for America's</a> goals and strategic outcomes.
>>>>>>> 3abf0efa7678552840743e992c9e529b4ff185c4
=======
<img src="images/cfa_logo_greyscale.png">
<h2>BetaNYC's Purpose</h2>
<p>The purpose of <a href="http://blog.betanyc.org" target="_blank">BetaNYC</a> is to build a community who sustains a thriving local civic technology ecosystem and <a href="http://codeforamerica.org/">Code for America's</a> goals and strategic outcomes.
>>>>>>> 3abf0efa7678552840743e992c9e529b4ff185c4
=======
<img src="images/cfa_logo_greyscale.png">
<h2>BetaNYC's Purpose</h2>
<p>The purpose of <a href="http://blog.betanyc.org" target="_blank">BetaNYC</a> is to build a community who sustains a thriving local civic technology ecosystem and <a href="http://codeforamerica.org/">Code for America's</a> goals and strategic outcomes.
>>>>>>> 3abf0efa7678552840743e992c9e529b4ff185c4
=======
<img src="images/cfa_logo_greyscale.png">
<h2>BetaNYC's Purpose</h2>
<p>The purpose of <a href="http://blog.betanyc.org" target="_blank">BetaNYC</a> is to build a community who sustains a thriving local civic technology ecosystem and <a href="http://codeforamerica.org/">Code for America's</a> goals and strategic outcomes.
>>>>>>> 3abf0efa7678552840743e992c9e529b4ff185c4
</p>
<p><a class="btn" href="#cfa">View more details »</a></p>
</div><!-- /.span4 -->
</div><!-- /.row -->
<!-- START THE FEATURETTES -->
<hr class="featurette-divider">
<div class="featurette">
<img class="featurette-image pull-left" style="padding-bottom: 75px" src="images/noun_project_756_citizen.png">
<h2 class="featurette-heading">Works In Progress. <span class="muted">Some Of Our Projects.</span></h2>
<p class="lead">
<ul class="lead">
<li>
TITLE HERE
(<a href="http://xxx/">URL to Demo</a>)
(<a href="https://xxx">URL to Code</a>)</li>
<li>
TITLE HERE
(<a href="http://xxx/">URL to Demo</a>)
(<a href="https://xxx">URL to Code</a>)</li>
<li>
TITLE HERE
(<a href="http://xxx/">URL to Demo</a>)
(<a href="https://xxx">URL to Code</a>)</li>
<li>
<a href="http://betanyc.ideascale.com/">List of Future Ideas!</a>
Submit your Own Ideas, or Pick One To Help With</li>
</ul>
</p>
</div>
<hr class="featurette-divider">
<div class="featurette">
<a href="http://brigade.codeforamerica.org/" target="_blank">
<img name="cfa" id="cfa" class="featurette-image pull-right" src="images/cfa_brigade_logo.png">
</a>
<h2 class="featurette-heading">Want To Help Your City? <span class="muted">Good, we could use your help.</span></h2>
<p class="lead">BetaNYC is building a connected New York City by the people, for the people, for 21st Century.<br/><br/>
We are NYC’s civic technology and open government vanguard. BetaNYC is an organizing force for local civic engagement - we are a network of civic-minded volunteers who contribute their skills toward digital platforms for government and community service.<br/><br/>
Since 2009, we have worked with elected officials to engage NYC’s technology community. We have helped pass transformative open government legislation, and have supported NYC’s civic oriented startups. <br/><br/><br/>
We are inaugural members of the <a href="http://nyctwg.org" target="_blank">NYC Transparency Working Group</a>, a groups who supports efforts to use information technology to make New York City government more open and accountable, and to get the greatest public value from the city's wealth of digital information.<br/><br/>
We are a <a href="http://brigade.codeforamerica.org/">Code for America Brigade</a>, which means we are volunteers that contribute our talents toward improving the way our local governments and community organizations use the web.<br/><br/>
Check out what <a href="http://brigade.codeforamerica.org/pages/activities" target="_blank">brigades do</a>, or watch the
<a href="http://codeforamerica.org/2012/03/08/jennifer-pahlka-at-ted-video/" target="_blank"> inspirational TED talk given by Jennifer Pahlka, the founder of Code for America.</a></p>
</div>
<hr class="featurette-divider">
<div class="featurette">
<a href="http://www.meetup.com/betanyc/" target="_blank">
<img name="meetup" id="meetup" class="featurette-image pull-left" src="images/meetup.jpg">
</a>
<h2 class="featurette-heading">We Meet Often <span class="muted">Come Join Us.</span></h2>
<p class="lead">View our <a href="http://www.meetup.com/betanyc/" target="_blank"> Meetups site</a> for our next location and time. We try to meet every week to hack (develop), yack (discuss), and map (plan) our projects. We use this time to brainstorm on current issues and activities in and around NYC.</p>
</div>
<hr class="featurette-divider">
<div class="featurette">
<a href="http://www.meetup.com/betanyc/messages/archive/" target="_blank">
<img name="groups" id="groups" class="featurette-image pull-right" src="images/google_groups.png">
</a>
<h2 class="featurette-heading">We Discuss Things Online. <span class="muted">Join and Introduce Yourself.</span></h2>
<p class="lead">
Can't make it to a meetup? No problem. We collaborate on projects, ask for help, and post wins
to our <a href="http://www.meetup.com/betanyc/messages/archive/">discussion list</a>. Plug in and make NYC better. We welcome everyone...</p>
</div>
<hr class="featurette-divider">
<div class="featurette">
<img name="contact" id="contact" class="featurette-image pull-right" src="">
<h2 class="featurette-heading">Want Even More Info? <span class="muted">Contact Us.</span></h2>
<p class="lead">BetaNYC is led by Noel Hidalgo (<a href="mailto:noel@codeforamerica.org">noel@codeforamerica.org</a> or <a href="https://twitter.com/noneck">@noneck</a>) and Chris Whong (<a href="mailto:cwhong@codeforamerica.org">cwhong@codeforamerica.org</a> or <a href="https://twitter.com/chris_whong">@chis_whong</a>) and we want to hear from you!</p>
</div>
<hr class="featurette-divider">
<!-- /END THE FEATURETTES -->
<!-- FOOTER -->
<footer>
<p class="pull-right"><a href="#">Back to top</a></p>
<p>This code was build by <a href="http://codeforhamptonroads.org" target="_blank">Code for Hampton Roads</a> and this for is maintained by <a href="https://github.com/betanyc" target="_blank">BetaNYC</a>. Site Design Based on <a href="http://twitter.github.com/bootstrap">Bootstrap</a>, Some Images Provided by <a href="http://thenounproject.com">The Noun Project</a>.</p>
</footer>
</div><!-- /.container -->
</body>
</html>