-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
250 lines (219 loc) · 12.1 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
<!DOCTYPE html>
<html>
<head>
<title>Kentucky Primary</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="All things Kentucky Primary Election, all in one place.">
<meta charset="UTF-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/MetroJs.lt.css">
<link rel="stylesheet" href="css/animations.css">
<link href="css/styles.css" rel="stylesheet" media="screen">
<link href='https://fonts.googleapis.com/css?family=Rozha+One|Raleway:400,100,800' rel='stylesheet' type='text/css'>
</head>
<body>
<div class= "header flex-container2">
<h1>KY Primary</h1>
<p>The Kentucky Primary Election, all in one place.</p>
<div class ="item nav-buttons">
<a class="btn btn-default btn-xlarge" href="#when" role="button" alt="Important Dates">When</a>
<a class="btn btn-default btn-xlarge" href="#how" role="button" alt="How to Register">How</a>
<a class="btn btn-default btn-xlarge" href="#where" role="button" alt="Where to Vote">Where</a>
<a class="btn btn-default btn-xlarge" href="#what" role="button" alt="What to bring">What to Bring</a>
<a class="btn btn-default btn-xlarge" href="#who" role="button" alt="Who is Running">Who</a>
<a class="btn btn-default btn-xlarge" href="#open-primary" role="button" alt="Sign the petition to open the Kentucky Primary">Petition: Open the Primary!</a>
</div>
<div class="dropdown">
<a class="btn btn-default btn-xlarge" id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Menu<span class="caret"></span></a>
<ul class="dropdown-menu item" aria-labelledby="dLabel">
<li><a href="#when" alt="Important Dates">When</a></li>
<li><a href="#how" alt="How to Register">How</a></li>
<li><a href="#where" alt="Where to Vote">Where</a></li>
<li><a href="#what" alt="What to bring">What to Bring</a></li>
<li><a href="#who" alt="Who is Running">Who</a></li>
<li><a href="#open-primary" alt="Sign the petition to open the Kentucky Primary">Petition: Open the Primary!</a></li>
</ul>
</div>
</div>
<div class="flex-container2">
<div class="section-title item">
<a name="when"></a>
<h2>Important Dates</h2>
<div class="tiles red">
<div class="live-tile blue" id="tile3" data-mode="slide" data-stops="100%" data-stack="true">
<div class="tile-date passed">
<p>Monday, April 18</p>
<span class="tile-title">(Hover)</span>
</div>
<div class="tile-detail">
<p class="passed">First Time Voter Registration Deadline</p>
</div>
</div>
<div class="live-tile blue" id="tile3" data-mode="slide" data-stops="100%" data-stack="true">
<div class="tile-date passed">
<p>Tuesday, May 10</p>
<span class="tile-title">(Hover)</span>
</div>
<div class="tile-detail passed">
<p>Absentee Ballot Request</p>
</div>
</div>
<div class="live-tile blue" id="tile3" data-mode="slide" data-stops="100%" data-stack="true">
<div class="tile-date">
<p>Tuesday, May 17</p>
<span class="tile-title">(Hover)</span>
</div>
<div class="tile-detail">
<p>Election Day! Absentee Ballots Due by 6:00pm</p>
</div>
</div>
</div>
</div>
</div>
<div class="flex-container2">
<div class="section-title contentred item1">
<a name="how"></a>
<h3>How to Register</h3>
<div class="item panel-group" id="accordion">
<div class="item panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Am I registered to vote?</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="item panel-body">
<p>You must be registered either Republican or Democrat to vote in the 2016 Kentucky Primary Election! (no independent voters allowed)</p><p> <a href="https://vrsws.sos.ky.gov/vic/" target="_blank">Check Your Registration Status</a></p>
</div>
</div>
</div>
<div class="item panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">First time registering?</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
<p class="passed">First time registering? Register by April 18, 2016 in order to vote!</p><p>Deadline passed!<p><a href="https://vrsws.sos.ky.gov/ovrweb/" target="_blank">First Time Voter Registration Information</a></p>
</div>
</div>
</div>
<div class="item panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">Who can cast an Absentee Ballot?</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body">
<p class="passed">Serving in the military or living outside of the United States?</p><p>Deadline passed!</p><p><a href="http://elect.ky.gov/voterinfo/militaryandoverseasvoters/Pages/VoterToolkit.aspx" target="_blank">Can I cast an Absentee Ballot?</a></p>
</div>
</div>
</div>
<div class="item panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseFour">I can cast an Absentee Ballot. Now what?</a>
</h4>
</div>
<div id="collapseFour" class="panel-collapse collapse">
<div class="panel-body">
<p class="passed">If you qualify, request an absentee ballot no later than Tuesday, May 10, 2016!</p><p>Deadline passed to request your absentee ballot. If you requested one, don't forget to return it no later than Tuesday, May 17, 2016 by 6:00pm!<p><a href="http://elect.ky.gov/voterinfo/militaryandoverseasvoters/Pages/FPCARegistertovote.aspx" target="_blank">Request an Absentee Ballot</a></p>
</div>
</div>
</div>
</div>
<p2><strong>Note:</strong> Click the question to see the answer.</p2>
</div>
</div>
<div class="contentblue flex-container2">
<a name="where"></a>
<h2>Where to Vote</h2>
<div>
<a class="btn btn-default btn-xlarge item" href="https://vrsws.sos.ky.gov/vic/" target="_blank" role="button">Where Do I Vote?</a>
</div>
</div>
<div class="flex-container2">
<div class="section-title contentred item1">
<a name="what"></a>
<h3>What to Bring</h3>
<div class="item panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a href="http://elect.ky.gov/SiteCollectionDocuments/Voter%20Information/SBE%201000%20-%20Voter%20Information%20Guide%20(BQ)(LZ).pdf" target="_blank">Types of identification that are allowed:</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="item panel-body">
<p>Personal acquaintance with a precinct election officer</p>
<p>Driver's license</p>
<p>Social security card</p>
<p>Credit card or another form of identification containing both picture and signature</p>
</div>
</div>
</div>
</div>
</div>
<div id="container-fluid">
<a name="who"></a>
<h2>Who is Running</h2>
<div class="row come-in">
<div class="col-xlg-4 col-md-4 col-sm-6 col-xs-12">
<div class="panel panel-primary">
<div class="panel-heading"><!--<a href="https://www.hillaryclinton.com/" target="_blank"><span>Hillary Clinton</span></a></div>--><a href="https://berniesanders.com/?nosplash=true/" target="_blank"><span>Bernie Sanders</span></a></div>
<div class="panel-body"><a href="https://berniesanders.com/?nosplash=true/" target="_blank"><img class="" src="img/sanders.svg"></a></div>
</div>
</div>
<div class="col-xlg-4 col-md-4 col-sm-6 col-xs-12">
<div class="panel panel-primary fadeInDown">
<div class="panel-heading"><a href="https://www.hillaryclinton.com/" target="_blank"><span>Hillary Clinton</span></a></div>
<div class="panel-body"><a href="https://www.hillaryclinton.com/" target="_blank"><img class="card-img-top" src="img/clinton.svg"></a></div>
</div>
</div>
<div class="col-xlg-4 col-md-4 col-sm-6 col-xs-12">
<div class="panel panel-primary">
<div class="panel-heading"><a href="https://rocky2016.com" target="_blank"><span>Roque De La Fuente</span></a></div>
<div class="panel-body"><a href="https://rocky2016.com" target="_blank"><img class="" src="img/roque.svg"></a></div>
</div>
</div>
</div>
</div>
<div class="flex-container">
<div class="us-senate item3">
<a class="btn btn-default btn-xlarge" role="button" data-toggle="collapse" href="#collapse-senate" aria-expanded="false" aria-controls="collapse-senate">US Senate Candidates</a>
</div>
<div class="us-house item3">
<a class="btn btn-default btn-xlarge" role="button" data-toggle="collapse" href="#collapse-house" aria-expanded="false" aria-controls="collapse-house">US House Candidates</a>
</div>
<div class ="item3">
<a class="btn btn-default btn-xlarge" href="http://apps.sos.ky.gov/elections/candidatefilings/statewide/default.aspx?id=11" target="_blank" role="button">KY Senate Candidates</a>
</div>
<div class ="item3">
<a class="btn btn-default btn-xlarge" href="http://apps.sos.ky.gov/elections/candidatefilings/statewide/default.aspx?id=12" target="_blank" role="button">KY House Candidates</a>
</div>
</div>
<div class="contentblue flex-container2">
<a name="open-primary"></a>
<h2>Petition: Open the KY Primary!</h2>
<div>
<a class="btn btn-default btn-xlarge item" href="http://pac.petitions.moveon.org/sign/open-kentuckys-primary" target="_blank" role="button">Sign the Petition!</a>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous">
</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4d8b91c11369332c"></script>
<script src="js/MetroJs.lt.js"></script>
<script src="js/scripts.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-77428556-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>