-
Notifications
You must be signed in to change notification settings - Fork 0
/
howtovote.html
150 lines (147 loc) · 9.85 KB
/
howtovote.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>How to Vote - Enotia</title>
<meta name="" content="">
<link rel="icon" type="image/png" sizes="478x464" href="assets/img/enotia.png">
<link rel="icon" type="image/png" sizes="478x464" href="assets/img/enotia.png">
<link rel="icon" type="image/png" sizes="478x464" href="assets/img/enotia.png">
<link rel="icon" type="image/png" sizes="478x464" href="assets/img/enotia.png">
<link rel="icon" type="image/png" sizes="478x464" href="assets/img/enotia.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i,600,600i">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Vidaloka&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Work+Sans&display=swap">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/simple-line-icons.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css">
<link rel="stylesheet" href="assets/css/Bootstrap-4-Calendar-No-Custom-Code.css">
<link rel="stylesheet" href="assets/css/Bootstrap-Calendar.css">
<link rel="stylesheet" href="assets/css/Calendar-BS4-1.css">
<link rel="stylesheet" href="assets/css/Calendar-BS4.css">
<link rel="stylesheet" href="assets/css/cycle.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.css">
<link rel="stylesheet" href="assets/css/other.css">
<link rel="stylesheet" href="assets/css/vanilla-zoom.min.css">
</head>
<body>
<nav class="navbar navbar-light navbar-expand-lg fixed-top clean-navbar" style="background: rgb(235,208,173);/*height: 84.375px;*/">
<div class="container"><img src="assets/img/enotia.png" style="height: 60px;"><a class="navbar-brand logo" href="index.html" style="font-family: Vidaloka, serif;"> Enotia</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="why-vote.html">WHY VOTE?</a></li>
<li class="nav-item"><a class="nav-link active" href="howtovote.html">HOW TO VOTE</a></li>
<li class="nav-item"><a class="nav-link" href="dashboard.html">DASHBOARD</a></li>
</ul>
</div>
</div>
</nav>
<main class="page faq-page">
<section class="clean-block clean-faq dark">
<div class="container">
<div class="block-heading">
<h2 class="text-info enotia-green">How to Vote</h2>
<p>Learn more about voting: the how, where, and why<br></p>
</div>
<div class="block-content"><iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/8uMZL3jkJV4" width="560" height="315"></iframe>
<div class="faq-item">
<h4 class="question">1a. Are you eligible to vote?</h4>
<div class="answer">
<p>- You must be a U.S. citizen<br>- You must meet your state's residency requirements (those that are homeless can still vote - <a href="http://nationalhomeless.org/wp-content/uploads/2016/04/Voting-Manual.pdf">learn more</a>)<br>- You must be 18 years old or older on or before Election Day<br>- You must register to vote by your state's voter registration deadline</p>
</div>
</div>
<div class="faq-item">
<h4 class="question">1b. You can NOT vote if:</h4>
<div class="answer">
<p>- You are a non-citizen, including permanent legal residents<br>- You are someone with felony convictions (varies by state)<br>- You are someone who is mentally incapacitated (varies by state)<br><br><em>Even if you can not vote, it is still important to learn about political issues using Enotia and advocate for what you believe in. It affects you just as much as those who can vote.</em></p>
</div>
</div>
<div class="faq-item">
<h4 class="question">2. Registering to Vote</h4>
<div class="answer">
<p>You will need:<br>- A government-issued ID<br>- Address (may vary by state)<br><br>Register to Vote in your state using this <a href="https://www.eac.gov/sites/default/files/eac_assets/1/6/Federal_Voter_Registration_ENG.pdf">Postcard Form and Guide</a><br>You may also register online. Use <a href="https://www.rockthevote.org/online/">this link</a> to find out if your state allows online registration.</p>
</div>
</div>
<div class="faq-item">
<h4 class="question">3. Research</h4>
<div class="answer">
<p>Use our <a href="rep-search.html">Representative Search</a> feature to find out more about the people up for election that represent YOU.<br><br>Use our <a href="prop-list.html">Bills and Propositions</a> to learn about the changes that can be made by exerting your voice!</p>
</div>
</div>
<div class="faq-item">
<h4 class="question">4. State Regulations</h4>
<div class="answer">
<p>Before election day, check your state's regulations. find out when you can vote. Most states offer early voting before the election, and most polling locations stay open for at least 12 hours on election day. In some states, you can request time off to vote. (<a href="https://www.usa.gov/election-office">learn more</a>)<br></p>
</div>
</div>
<div class="faq-item">
<h4 class="question">5. Find a Polling Place</h4>
<div class="answer">
<p>State election offices assign polling locations based on a voter’s address. If you aren’t sure where to go to vote, you can contact your local election office.<br></p>
</div>
</div>
<div class="faq-item">
<h4 class="question">5a. Be Careful!</h4>
<div class="answer">
<p>Some states make it extra difficult for you to vote, but you should not let politicians stop you from exercising this very important right. You can see how easy it is to vote in your state below.</p><div class="flourish-embed" data-src="story/941665"><script src="https://public.flourish.studio/resources/embed.js"></script></div>
</div>
</div>
<div class="faq-item">
<h4 class="question">5b. Vote!</h4>
<div class="answer">
<p>There are four types of voting: Mail-In, Absentee, Early Voting, and In-Person.<br>Depending on your circumstances and state regulations, a certain type may be more suited for you. Once you select your voting type, all there is to do is to fill in your preferences on your ballot and submit it.<br><br>Congratulations!</p>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="page-footer dark">
<div class="container">
<div class="row">
<div class="col-sm-3">
<h5>Get Started</h5>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="login.html">Log In</a></li>
<li><a href="registration.html">Register</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Information</h5>
<ul>
<li><a href="why-vote.html">Why Vote?</a></li>
<li><a href="howtovote.html">How to Vote</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Using Enotia</h5>
<ul>
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="resources.html">Resources</a></li>
</ul>
</div>
<div class="col-sm-3">
<h5>Support</h5>
<ul>
<li><a href="mailto:alexander.derouen@scholar.smash.org">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<p>© 2021 Team Enotia, SMASH x Stanford</p>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js"></script>
<script src="assets/js/vanilla-zoom.js"></script>
<script src="assets/js/theme.js"></script>
<script src="assets/js/cycle.js"></script>
</body>
</html>