forked from codeforamerica/CfA_Accelerator
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
306 lines (287 loc) · 15.2 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
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The CfA Accelerator: Disruption as a Public Service</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Code for America is launching a new civic startup accelerator.">
<meta name="author" content="">
<!-- Le styles -->
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Le 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]-->
<link href='http://fonts.googleapis.com/css?family=Alfa+Slab+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300italic,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link rel="icon" type="image/ico" href="/images/favicon.ico"/>
</head>
<body data-spy="scroll" data-target=".subnav" data-offset="550">
<!-- Masthead
================================================== -->
<div id="header">
<div id="header_logo_cont"> <a href="index.html"><img src="images/logo.jpg" width="327" height="141" alt="Code for America" /></a> </div>
</div>
<div id="banner_cont">
<div id="banner_bg">
<div id="banner_txt"> <span class="top_cufon">NOW RECRUITING: CIVIC STARTUPS</span> </span><br/>
<span class="banner_des">Code for America is launching a seed accelerator.</span><br/>
<div class="Apply">
<button name="" class="button" type="submit" value="Apply Now" />Apply Now</button>
</div>
</div>
</div>
</div>
<div id="information">
<div id="main_nav_cont" class="subnav">
<div id="nav_cont">
<ul class="nav nav-pills">
<li><a href="#opportunity">The Opportunity</a></li>
<li><a href="#program">The Program</a></li>
<li><a href="#proof">The Proof</a></li>
<li><a href="#team">The Team</a></li>
<li><a href="#faq">FAQ</a></li>
</ul>
</div>
</div>
<div id="wrapper">
<div id="main_container" class="info">
<div class="main_cont" id="opportunity">
<h1>THE OPPORTUNITY</h1>
<div class="top_art_cont">
<div class="left_art">
<p>The past few decades have seen staggering advances in technology, but government has been left behind, saddled with outdated and inefficient software, while costs have exploded into the hundreds of billions. That means there’s both the imperative and the market for new, disruptive startups.</p>
<p>The Code for America Accelerator will "turbo-charge" select civic startups by providing them an opportunity to amplify market awareness of their product, access a wealth of business training and advice, and be introduced to a broad network of potential investors and civic leaders.</p>
</div>
<div class="spend_cont">
<div class="spend_top">IT spending<br/>
by 2014</div>
<div class="spend_middle"> <img src="images/spending_img.jpg" width="306" height="188" /></div>
<div class="spend_bottom"><span class="redAm">Total: $172B</span><br/>
Video game market: ~$10B</div>
</div>
</div>
<div id="finish_line_cont"></div>
</div>
<div class="main_cont" id="program">
<h1>THE PROGRAM</h1>
<div class="top_art_cont">
<p>The 4-month program will focus on early stage startups, providing them the network and training needed to grow their businesses. Every month, the startup teams will be brought together in CfA’s San Francisco offices for intensive week-long curriculum led by industry experts and networking events with investors. Throughout the remainder of the program, the startups will have access to hands-on mentorship, administrative support, and office space.</p>
<p>The program will start August 2012; The deadline for applications is June 1, 2012. <a href="apply.html"> Apply now →</a>
</p></div>
<div class="program_cont row">
<h3 class="ribbon">What We Offer</h3>
<div class="span4">
<img src="images/pig.png">
<p>Some seed funding ($25K) to help you grow the business; use it for whatever you'd like. Really. No strings attached.</p>
</div>
<div class="span4">
<img src="images/storek.png">
<p>A place to work in San Francisco, for those in the area, with desks, wifi, snacks, and (at least a few) cool people</p>
</div>
<div class="span4">
<img src="images/networking.png">
<p>Access to and support from a rockstar set of industry, VC, and civic leaders, all committed to your success</p>
</div>
<div class="span4">
<img src="images/institution.png">
<p>Direct connections to the folks you're trying to work with: tech-savvy governments decision-makers</p>
</div>
<div class="span4">
<img src="images/bullhorn.png">
<p>A big (and growing) stage for the world to become aware of your company, team, and product</p>
</div>
<div class="span4">
<img src="images/glasses.png">
<p>Expertise from the industry's best on how to build a business, generate revenue, market, and grow</p>
</div>
</div>
<div id="finish_line_cont"></div>
</div>
<div class="main_cont" id="proof">
<h1>THE PROOF</h1>
<div class="top_art_cont">We believe there's a tremendous opportunity out there for new civic startups, if for no other reason than that there's a host of startups already succeeding in this space. There examples should serve as precedents in this emerging market.<br/>
</div>
<div class="proof_cont">
<!--<img src="images/neighbor.jpg" width="340" height="85" />
<img src="images/everyBlock.jpg" width="251" height="85" /><img src="images/socrata.jpg" width="190" height="85" />
<br/>-->
<img src="images/palantir.jpg" width="189" height="66" />
<img src="images/seeClickFix.jpg" width="245" height="66" />
<img src="images/BrightScope.jpg" width="228" height="66" />
<!-- <br/>
<img src="images/WeatherChannel.jpg" width="136" height="117" /><img src="images/turboTax.jpg" width="237" height="117" /></div>-->
<div id="finish_line_cont"></div>
</div>
<div class="main_cont" id="team">
<h1>THE TEAM</h1>
<div class="top_art_cont">The teams will have access to dozens of leading government officials with insight into the civic space, entrepreneurs with the experience of starting a company, and industry leader with the know-how of taking a business to scale.
</div>
<div class="proof_cont">
<h3 class="ribbon">Leadership</h3>
<div class="advisorimages">
<!-- <h4><img class="advisoricons" src="images/gov_icon.png"/> Government</h4> -->
<div>
<ul>
<li><img src="images/ron_bouganim.png" rel="popover" title="Ron Bouganim" data-content="<span class='popovercontentstyle'>Director, CfA Accelerator</span><br/>Serial Entrepreneur"></img></li>
<li><img src="images/aneesh_chopra.png" rel="popover" title="Aneesh Chopra" data-content="<span class='popovercontentstyle'>Advisor, CfA Accelerator</span><br/>Fmr. CTO, White House"></img></li>
<li><img src="images/caterina_fake.png" rel="popover" title="Caterina Fake" data-content="<span class='popovercontentstyle'>Advisor, CfA Accelerator</span><br/>Co-Founder; Flickr, PinWheel"></img></li>
<li><img src="images/peter_schwartz.png" rel="popover" title="Peter Schwartz" data-content="<span class='popovercontentstyle'>Advisor, CfA Accelerator</span><br/>Founder, Global Business Network"></img></li>
<li><img src="images/ron_conway.png" rel="popover" title="Ron Conway" data-content="<span class='popovercontentstyle'>Advisor, CfA Accelerator</span><br/>Partner, SV Angel"></img></li>
</ul>
</div>
</div>
<h3 class="ribbon">Mentors</h3>
<div class="team_li_cont">
<div class="team_logo"><img src="images/government.png" width="92" height="92" /></div>
<h4 class="redli">Civic/Gov</h4>
<ul>
<li>Nigel Jacob</li>
<li>Jay Nath</li>
<li>Andrew Hoppin</li>
<li>Dominic Campbell</li>
<li>Marci Harris</li>
<li>Ryan & Mike Alfred</li>
<li>Ben Berkowitz</li>
</ul>
</div>
<div class="team_li_cont">
<div class="team_logo"><img src="images/startUp.png" width="93" height="92" /></div>
<h4 class="redli">Startup/Biz</h4>
<ul>
<li>Carl Tashian</li>
<li>Christian Crumlish</li>
<li>Danese Cooper</li>
<li>David Binetti</li>
<li>Denise Gershbein</li>
<li>DJ Patil</li>
<li>Gill Purchia</li>
<li>Manish Shah</li>
<li>Parker Thompson</li>
<li>Ted Rheingold</li>
</ul>
</div>
<div class="team_li_cont">
<div class="team_logo"><img src="images/industry.png" width="93" height="92" /></div>
<h4 class="redli">VC/Funding</h4>
<ul>
<li>Andrew Parker</li>
<li>Cali Tran</li>
<li>Jeff Clavier</li>
</ul>
</div>
<div id="finish_line_cont"></div>
</div>
<div class="main_cont faq_h" id="faq">
<h1>FAQ</h1>
<div class="top_art_cont">
<p>Got questions? Good. Here are some answers, and we'll keep adding to the list over time. Still not sure about something? No problem. Drop us a line (<a href="mailto:[email protected]">email</a> or <a href="http://twitter.com/codeforamerica">@codeforamerica</a>), and we'll get you squared away.</p>
<h2>What is the CFA Accelarator?</h2>
<p class="answers">The CfA Accelerator is a seed startup accelerator focused on the civic space – that is, government, community, and the interaction between the two. Increasingly the way in which we engage with government is channeled through technology, which means there's a tremendous opportunity for entrepreneurs to build new, successful, and profitable startups that make experience more like the consumer web. The CfA Accelerator aims to help early-stage civic startups get the financial, strategic, and operational support they need to succeed.</p>
<h2>What is Code for America?</h2>
<p class="answers">Code for America is a non-profit that's trying to make government work more like the internet: more open, more efficient, and more collaborative. Code for America launched with the CfA Fellowship, an annual program, which pairs passionate technologists with innovative city governments to build new solutions to civic problems. The CfA Accelerator is an outgrowth of our learnings from the fellowship; primarily a realization that while change from the inside of government is necessary, it must come from the outside as well.</p>
<h2>What's a civic startup?</h2>
<p class="answers">Good question. Best way to answer that is by example (a dodge, we know). But check our growing list of civic startup precedents. More directly, however, we see three models for startups that'd fall within the civic space: 1) they provide services on top of open government data (BrightScope); 2) they bring modern web technologies directly to governments (Socrata); 3) they change the way citizens ask, get, or need services from government (TurboTax & SeeClickFix).</p>
</div>
<div id="finish_line_cont"></div>
</div>
<div class="main_cont row" id="sponsors">
<div class="span4">
<img src="images/cfa2.png"></img>
</div>
<div class="span4">
<img src="images/google2.png"></img>
</div>
<div class="span4">
<img src="images/kauffman2.png"></img>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="application">
<div id="main_nav_cont" class="subnav2">
<div id="nav_cont">
<ul class="nav nav-pills">
<li>The Application</li>
<span><a class="back close" style-"float: right">← Go Back Home </a></span>
</ul>
</div>
</div>
<div id="wrapper">
<div id="main_container" class="app">
<div id="wufoo-q7x0w7">
Fill out my <a name="application" href="http://codeforamerica.wufoo.com/forms/q7x0w7">online form</a>.
</div>
<script type="text/javascript">var q7x0w7;(function(d, t) {
var s = d.createElement(t), options = {
'userName':'codeforamerica',
'formHash':'q7x0w7',
'autoResize':true,
'height':'1000',
'async':true,
'header':'show',
'ssl':true};
s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'wufoo.com/scripts/embed/form.js';
s.onload = s.onreadystatechange = function() {
var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
try { q7x0w7 = new WufooForm();q7x0w7.initialize(options);q7x0w7.display(); } catch (e) {}};
var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
})(document, 'script');</script>
</div>
</div>
</div>
<!-- Footer
================================================== -->
<footer class="footer">
<div id="footer_cont">
<img src="images/flag_tag.png"/><img
</div>
</footer>
</div><!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/bootstrap-transition.js"></script>
<script src="js/bootstrap-modal.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="js/application.js"></script>
<script src="js/bootstrap-tooltip.js"></script>
<script src="js/bootstrap-popover.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.2.js"></script>
<script type='text/javascript' src='js/jquery.scrollTo-1.4.2-min.js'></script>
<script type='text/javascript' src='js/jquery.localscroll-1.2.7-min.js'></script>
<script type="text/javascript">
$("div#application").hide();
$(":button").click(function() {
$("#information").hide();
$("#application").show();
window.scrollTo(0,500);
});
$("div#application a.back").click(function() {
$("#application").hide();
$("#information").show();
});
$('.advisorimages ul li img').popover({
placement: 'bottom',
animation: false});
// anchor scrolling
var didScroll = true;
var sections = $(".wrapper").each(function(index) {
$(this).data("height", $(this).height());
});
var links = $(".subnav a");
$(".subnav").localScroll({
axis : "y",
duration : 1000,
easing : "easeInOutExpo",
hash : true
});
</script>
</body>
</html>