-
Notifications
You must be signed in to change notification settings - Fork 135
/
action.html
165 lines (132 loc) · 5.64 KB
/
action.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
---
---
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Want to do something?</title>
<link rel="stylesheet" type="text/css" href="//cloud.webtype.com/css/944a7551-9b08-4f0a-8767-e0f83db4a16b.css" />
<link rel="stylesheet" href="http://style.codeforamerica.org/3/style/css/main.css">
<link rel="stylesheet" href="http://style.codeforamerica.org/3/style/css/layout.css" media="all and (min-width: 40em)">
<link href="http://style.codeforamerica.org/3/style/css/prism.css" rel="stylesheet" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="apple-touch-icon-precomposed" href="http://style.codeforamerica.org/3/style/favicons/60x60/flag-red.png"/>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if (lt IE 9)&(gt IE 6)&(!IEMobile)]>
<link rel="stylesheet" href="http://style.codeforamerica.org/3/style/css/layout.css" media="all">
<![endif]-->
<style type="text/css">
.masthead:before {
background-image: url('media/images/homepage-stories/nothing.png');
}
.masthead-homepage:before { min-height: 310px }
@media (min-height: 45em)
{
.masthead-homepage:before { min-height: 600px }
}
ul.list-logos
{
width: 900px;
margin: 0 auto;
padding: 0;
}
ul.list-logos li { width: 15% }
@media (max-width: 900px)
{
ul.list-logos { width: 100% }
ul.list-logos li { width: 140px }
}
/* Collapse global header with following masthead */
.global-header
{
margin-bottom: 0 !important;
border-bottom: 0 !important;
}
#left {
width:47%;
float:left;
padding-right:0%;
vertical-align: text-top;
}
#middle {
width:6%;
float:left;
padding-left:2.5%;
padding-right: 2.5%;
vertical-align: text-top;
}
#right {
width:47%;
float:right;
padding-left:0%;
vertical-align: text-top;
}
@media only screen
and (max-width:720px) {
#right, #middle, #left {
float:none;
padding-left:0;
padding-right:0;
padding-top:1em;
width:100%;
}
}
</style>
{% include meta-header.html %}
</head>
<body>
<div class="js-container">
{% include nav.html masthead="no" %}
<main role="main">
<section class="slab-blue">
<div class="layout-semibreve">
<span style="font-color: #ffffff; color: #ffffff; font-family: 'Interstate', 'Gotham A', 'Gotham B', 'Open Sans Regular', 'Verdana', 'Helvetica', 'Arial'; font-size: 28px; font-weight: bold;; line-height: 30px; text-transform: uppercase;">Government can work, for the people, by the people, in the 21st century. <br/><br/>
Here's how you can help.</span>
</div>
</section>
<section>
<div class="layout-semibreve">
<div class="layout-minim">
<h3 class="heading-contrast">Are you a<strong> designer, developer, product manager, or technologist?</strong></h3>
<ul>
<li>Join a hack night with a local brigade: <a href="/brigade/" target="_blank">Find a Brigade near you</a>. </li>
<li>Start coding for America right now: <a href="/geeks/civicissues" target="_blank">Find a civic GitHub issue that needs help</a>.</li>
<li>Apply to our Fellowship: Applications open late Spring 2015. <a href="http://www.codeforamerica.org/forms/fellowship/become-a-fellow/" target="_blank">Sign up</a> for a reminder.</li>
</ul>
</div>
<div class="layout-minim">
<h3 class="heading-contrast">Are you a <strong>government staff member?</strong></h3>
<br/>
<ul>
<li>Bring the Fellowship to your city: The deadline for 2016 Fellowships is March 2015. <a href="/governments/fellowship-apply/" target="_blank">Share your contact details</a> so we can get back to you with more information.</li>
<li>Connect with other forward-thinking government staff: Join the <a href="https://codeforamerica.wufoo.com/forms/welcome-to-the-code-for-america-government-network/" target="_blank">Peer Network</a>.</li>
<li>Find resources on <a href="government/practices/procurement/" target="_blank">procurement</a>, <a href="http://www.codeforamerica.org/governments/practices/open-data/">open data</a>, and <a href="government/practices/" target="_blank">digital practices</a> for your city.</li>
</ul>
</div>
</div>
<div class="layout-semibreve">
<div class="layout-minim">
<h3 class="heading-contrast">Are you <strong>part of a civic tech company?</strong></h3>
<ul>
<li>Find resources on <a href="/practices/procurement/" target="_blank">government procurement</a>.</li>
<li>Connect with our <a href="/companies/" target="_blank">companies team</a>.</li>
</ul>
</div>
<div class="layout-minim">
<h3 class="heading-contrast">Just want to <strong>learn more about the civic tech movement?</strong></h3>
<ul>
<li>Sign up to get Code for America's <a href="/about/#newsletter" target="_blank">monthly newsletter</a>.</li>
</ul>
</div>
</div>
</section>
<section>
<div class="layout-semibreve layout-centered intro">
<h3>Want to do something else?</h3>
<p align="center"><a href="mailto:[email protected]">Contact us!</a></p>
</div>
</section>
</body>