<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Voting Is Power</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- SECTION 1 -->
<section class="hero">
<div class="hero-content">
<h1>Away at school? We’ll help you figure out how to vote.</h1>
<p>Get clear guidance on how to vote—wherever you are.</p>
<a href="#section2" class="btn">Get Started</a>
</div>
</section>
<!-- SECTION 2 -->
<section id="section2" class="choices">
<h2>Choose where you’d like to register to vote</h2>
<p>That choice determines where you’ll vote.</p>
<div class="cards">
<div class="card">
<h3>Vote in your school state</h3>
<a href="https://vote.gov" target="_blank" class="btn">Go to Registration</a>
</div>
<div class="card">
<h3>Vote in your home state</h3>
<a href="https://www.nass.org/can-I-vote" target="_blank" class="btn">Absentee Info</a>
</div>
</div>
</section>
<!-- SECTION 3 -->
<section class="why">
<h2>Not sure voting even matters?</h2>
<p>You’re not alone. A lot of people feel disconnected from politics.<br>
This isn’t about telling you what to believe.</p>
<a href="why-vote.html" class="btn big">
Let’s see what you would actually be voting for.
</a>
</section>
</body>
</html>