<!-- Main Content -->
<div class="container">
<!-- Mission Section -->
<div class="row mb-5">
<div class="col-12">
<div class="card border-0 shadow-sm h-100">
<div class="card-body p-5">
<div class="row">
<div class="col-lg-8">
<h2 class="card-title text-primary mb-4">
<i class="fas fa-bullseye me-3"></i>Our Mission
</h2>
<p class="card-text lead mb-4">
The goal of OpenElections is to create the first free, comprehensive, standardized, linked set of election data for the United States, including federal, statewide and state legislative offices.
</p>
<p class="card-text">
The current options for election data can be difficult to find and use or financially out-of-reach for most journalists and civic hackers. We want the people who work with election data to be able to get what they need, whether that's for stories and data analysis or web applications and interactive graphics.
</p>
</div>
<div class="col-lg-4 text-center">
<div class="mission-icon text-primary mb-3">
<i class="fas fa-database fa-4x"></i>
</div>
<h5 class="text-muted">Free & Open Data</h5>
<p class="text-muted small">Accessible to journalists, researchers, and civic hackers everywhere</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- How We Work Section -->
<div class="row mb-5">
<div class="col-12">
<div class="card border-0 shadow-sm h-100">
<div class="card-body p-5">
<div class="row">
<div class="col-lg-4 text-center mb-4 mb-lg-0">
<div class="volunteer-icon text-success mb-3">
<i class="fas fa-users fa-4x"></i>
</div>
<h5 class="text-success">Volunteer Driven</h5>
<p class="text-muted small">Community-powered data collection and conversion</p>
</div>
<div class="col-lg-8">
<h2 class="card-title text-success mb-4">
<i class="fas fa-hands-helping me-3"></i>How We Work
</h2>
<p class="card-text lead mb-4">
OpenElections is a volunteer project, which means you can help us collect and convert official precinct results data.
</p>
<p class="card-text">
It was co-founded by Serdar Tumgoren and Derek Willis in 2012 and is managed by Willis, a lecturer in data journalism at the University of Maryland. OpenElections gratefully accepts <a href="https://fundraise.givesmart.com/form/qycOsg?vid=1kuicg" target="_blank" rel="noopener">donations online</a> (please specify OpenElections as the specific IRE fund) and funding goes directly towards acquiring and converting official election results into data.
</p>
<div class="mt-4">
<a href="/get-involved/" class="btn btn-success btn-lg me-3">
<i class="fas fa-heart me-2"></i>Get Involved
</a>
<a href="https://fundraise.givesmart.com/form/qycOsg?vid=1kuicg" target="_blank" rel="noopener" class="btn btn-outline-success btn-lg">
<i class="fas fa-donate me-2"></i>Donate
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Impact Section -->
<div class="row mb-5">
<div class="col-12">
<div class="card border-0 shadow-sm h-100">
<div class="card-body p-5">
<div class="row">
<div class="col-lg-8">
<h2 class="card-title text-info mb-4">
<i class="fas fa-chart-line me-3"></i>Our Impact
</h2>
<p class="card-text lead mb-4">
OpenElections data has been used by major news organizations, academic projects, and civic organizations across the country.
</p>
<p class="card-text mb-4">
OpenElections data has been used by The New York Times, The Wall Street Journal, several academic projects and other organizations. The data is and will remain free to anyone.
</p>
<div class="row g-3">
<div class="col-md-6">
<div class="d-flex align-items-center">
<i class="fas fa-newspaper text-info me-3"></i>
<div>
<h6 class="mb-0">Major News Outlets</h6>
<small class="text-muted">NY Times, Wall Street Journal</small>
</div>
</div>
</div>
<div class="col-md-6">
<div class="d-flex align-items-center">
<i class="fas fa-university text-info me-3"></i>
<div>
<h6 class="mb-0">Academic Research</h6>
<small class="text-muted">Universities & Research Institutions</small>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 text-center">
<div class="impact-icon text-info mb-3">
<i class="fas fa-globe-americas fa-4x"></i>
</div>
<h5 class="text-info">Nationwide Impact</h5>
<p class="text-muted small">Supporting journalism and education through accessible election data</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Call to Action Section -->
<div class="row">
<div class="col-12">
<div class="card bg-primary text-white border-0 shadow-lg">
<div class="card-body p-5 text-center">
<h2 class="card-title mb-4">
<i class="fas fa-rocket me-3"></i>Ready to Get Started?
</h2>
<p class="card-text lead mb-4">
Whether you're a journalist, researcher, or civic hacker, OpenElections has the data you need.
</p>
<div class="d-flex gap-3 justify-content-center flex-wrap">
<div class="d-flex gap-2 align-items-center">
<select class="form-select form-select-lg" id="about-new-state-select">
<option value="">Select a State</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
<button class="btn btn-light btn-lg" id="about-new-browse-btn" disabled>
<i class="fas fa-chart-bar me-2"></i>Browse States
</button>
</div>
<a href="/get-involved/" class="btn btn-outline-light btn-lg">
<i class="fas fa-users me-2"></i>Join Our Community
</a>
<a href="https://github.com/openelections" target="_blank" rel="noopener" class="btn btn-outline-light btn-lg">
<i class="fab fa-github me-2"></i>View on GitHub
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>