forked from uscensusbureau/partnerships
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Act-for-2020.html
executable file
·276 lines (236 loc) · 10.9 KB
/
Act-for-2020.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
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Census Partnerships</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="src/css/bootstrap.min.css">
<!-- Local CSS -->
<link rel="stylesheet" href="src/css/landing.css">
<link rel="stylesheet" href="src/css/custom.css">
<link rel="stylesheet" href="src/fonts/font-awesome/css/font-awesome.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-fixed-top navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<img class="img img-responsive" id="main-logo" src="src/img/census-logo-white-bg2.jpg" alt="">
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Partnerships</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Get Started <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="learn.html">Learn</a></li>
<li role="separator" class="divider"></li>
<li><a href="act.html">Act</a></li>
<li role="separator" class="divider"></li>
<li><a href="join.html">Join</a></li>
</ul>
</li>
<li class="dropdown">
<a href="toolkits.html">Toolkits</a>
</li>
<li class="dropdown">
<a href="2020.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">2020 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="2020.html">Learn about 2020</a></li>
<li role="separator" class="divider"></li>
<li><a href="Act-for-2020.html">Act for 2020</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="blue-header-div bottom-shadow vertical-center">
<div class="container container-fluid">
<div id="titleCard" class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<h1>What You Can Do Now for 2020</h1>
<h3><a href="https://www.census.gov/programs-surveys/decennial-census/2020-census.html" target="_blank">Sign up</a> to get early updates and news around how we are planning for a complete and accurate count in 2020. You can make a difference whether you have just a second to spare or can commit to a sustained effort. </h3>
<p>
<br><a href="Act-for-2020.html#quick-wins">Quick Wins</a>
<br><a href="Act-for-2020.html#start-a-conversation">Start a Conversation</a>
<br><a href="Act-for-2020.html#get-mobilized">Get Mobilized</a>
<p>
</div>
</div>
</div>
</div>
<!-- Quick Wins -->
<div id="quick-wins" class="white-div bottom-shadow">
<div class="container container-fluid">
<div>
<h3 class="act-header">Quick Wins</h3>
<p>Make a difference in under five minutes!</p>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<h3 id="alternate-h3">Stay Informed</h3>
<p>Be up to date with the latest information on how we are planning to achieve a complete and accurate count in 2020. Learn about <a href="https://www.census.gov/programs-surveys/decennial-census/2020-census/news.All.html" target="_blank">news</a> and <a href="https://www.census.gov/programs-surveys/decennial-census/2020-census/library.html" target="_blank">resources</a> related to the 2020 Census.</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<h3 id="alternate-h3">Share why the census matters</h3>
<p>Download and share this Census 101 infographic. Check out the <a href="https://www.census.gov/programs-surveys/decennial-census/2020-census/library.html" target="_blank">2020 Census Library</a> — an online collection of infographics, photos, publications, videos you can share. </p>
</div>
</div>
</div>
</div>
</div>
<!-- Start a Conversation -->
<div id="start-a-conversation" class="white-div bottom-shadow">
<div class="container container-fluid">
<div>
<h3 class="act-header">Start a Conversation</h3>
<p>Have a little more time? Start making connections to engage your stakeholders, constituents and community.</p>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<h3 id="alternate-h3">Spread the word</h3>
<p>Communicate <a href="https://www.census.gov/programs-surveys/decennial-census/about/why.html" target="_blank">why the census is important</a> and the <a href="https://www.census.gov/programs-surveys/decennial-census/about.html" target="_blank">impact</a> of participating to your stakeholders and community members.</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
<h3 id="alternate-h3">Get census outreach on your agenda</h3>
<p>Talk about the 2020 Census at your next board meeting, in your newsletter, on your blog, and at your events. Here are a few <a href="https://www.census.gov/programs-surveys/decennial-census/2020-census/planning-management.html" target="_blank">resources</a> to get started.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Get Mobilized -->
<div id="get-mobilized" class="white-div bottom-shadow">
<div class="container container-fluid">
<div>
<h3 class="act-header">Get Mobilized</h3>
<p>If you are committed to a complete and accurate count, get mobilized in your community or organization to become a part of the effort.</p>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<h3 id="alternate-h3">Start or Join a Complete Count Committee</h3>
<p>Connect with a Census Bureau representative in your area to find out how to build a team that can support a complete and accurate count. </p>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<h3 id="alternate-h3">Tune In</h3>
<p>Join us during our quarterly 2020 Census Program Management Reviews
(PMRs / CSACs)
</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<h3 id="alternate-h3">Support <a href="https://www.census.gov/geo/partnerships/luca.html" target="_blank">LUCA</a></h3>
<p>Join the only opportunity prior to the 2020 Census for tribal, state, and local governments to review and update the U.S. Census Bureau’s residential address list. The goal is to count everyone once, only once, and in the right place.</p>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="container container-fluid" id="footer-icons">
<div class="text-center">
<div class="col-xs-4 text-center social-div" >
<a class="" href="https://www.facebook.com/uscensusbureau/" target="_blank">
<span class="fa-stack social">
<i class="fa fa-circle fa-stack-2x b-icon"></i>
<i class="fa fa-facebook fa-stack-1x s-icon"></i>
</span>
</a>
</div>
<div class="col-xs-4 text-center social-div" >
<a class="" href="https://twitter.com/uscensusbureau" target="_blank">
<span class="fa-stack social">
<i class="fa fa-circle fa-stack-2x b-icon"></i>
<i class="fa fa-twitter fa-stack-1x s-icon"></i>
</span>
</a>
</div>
<div class="col-xs-4 text-center social-div" >
<a class="" href="mailto:census.partners@census.gov" target="_blank">
<span class="fa-stack social">
<i class="fa fa-circle fa-stack-2x b-icon"></i>
<i class="fa fa-envelope fa-stack-1x s-icon"></i>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="container text-center" id="footer-links">
<a href="https://www.census.gov/about/policies/privacy/privacy-policy.html#par_textimage_1" title="Accessibility">
Accessibility
</a>
<span>|</span>
<a href="https://www.census.gov/quality/" title="Information Quality">
Information Quality
</a>
<span>|</span>
<a href="https://www.census.gov/foia/" title="FOIA">
FOIA
</a>
<span>|</span>
<a href="https://www.census.gov/privacy/" title="Data Protection and Privacy Policy">
Data Protection and Privacy Policy
</a>
<span>|</span>
<a href="https://www.commerce.gov/" title="U.S. Department of Commerce">
U.S. Department of Commerce
</a>
</div>
</footer>
<!-- jQuery -->
<script src="./src/js/jquery.min.js"></script>
<!-- Bootstrap JavaScript -->
<script src="./src/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script type="text/javascript">
// Select all links with hashes
$('a[href*="#"]')
// Remove links that don't actually link to anything
.not('[href="#"]')
.not('[href="#0"]')
.click(function(event) {
// On-page links
if (
location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')
&&
location.hostname == this.hostname
) {
// Figure out element to scroll to
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
// Does a scroll target exist?
if (target.length) {
// Only prevent default if animation is actually gonna happen
event.preventDefault();
$('html, body').animate({
scrollTop: target.offset().top - 50
}, 1000, function() {
// animation placeholder
});
}
}
});
window.onscroll = function() {
// might have an ie issue -- double check
var y = window.pageYOffset;
if (y>250) {
$("#main-logo").css({"margin-top":"0px"})
}
if (y==0) {
$("#main-logo").css({"margin-top":"0px"})
}
}
</script>
</body>
</html>