<!-- Main Content -->
<div class="container">
<!-- Data Coverage 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">
<h3 class="text-info mb-4">
<i class="fas fa-database me-3"></i>Data Coverage & Scope
</h3>
<div class="faq-item mb-4">
<h5 class="fw-bold text-dark mb-2">What kinds of elections will you include in your results?</h5>
<p class="text-muted">We focus on federal races (president, Senate and House of Representatives) and major statewide offices such as Governor and Attorney General, plus state legislative races. How much more we cover depends on the availability of the data and our contributors (including you!).</p>
</div>
<div class="faq-item mb-4">
<h5 class="fw-bold text-dark mb-2">What level of jurisdiction will results cover?</h5>
<p class="text-muted">We are focused on gathering and converting results at the precinct level - the smallest unit of election administration. We do collect county-level data as well, but the priority is the precinct.</p>
</div>
<div class="faq-item mb-4">
<h5 class="fw-bold text-dark mb-2">How far back will results go?</h5>
<p class="text-muted">As far back as possible, but in most cases that means since 2000.</p>
</div>
</div>
<div class="col-lg-4 text-center">
<div class="impact-icon text-info mb-3">
<i class="fas fa-chart-bar fa-4x"></i>
</div>
<h5 class="text-info">Comprehensive Coverage</h5>
<p class="text-muted small">Federal and state elections across all 50 states</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Technical Details 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">
<h3 class="text-success mb-4">
<i class="fas fa-code me-3"></i>Technical Details & Access
</h3>
<div class="faq-item mb-4">
<h5 class="fw-bold text-dark mb-2">Will you be providing live, real-time election results?</h5>
<p class="text-muted">No, we won't. Live election results require an infrastructure and staffing that we don't have. We do official precinct results, which can take weeks or months after election day to produce.</p>
</div>
<div class="faq-item mb-4">
<h5 class="fw-bold text-dark mb-2">What formats can I get results in?</h5>
<p class="text-muted">We'll start with CSV. We want to make it easy enough for non-programmers as well as offer something for developers.</p>
</div>
</div>
<div class="col-lg-4 text-center">
<div class="impact-icon text-success mb-3">
<i class="fas fa-file-code fa-4x"></i>
</div>
<h5 class="text-success">User Friendly</h5>
<p class="text-muted small">CSV works for developers and journalists</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Getting Involved 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">
<h3 class="text-warning mb-4">
<i class="fas fa-users me-3"></i>Getting Involved
</h3>
<div class="faq-item mb-4">
<h5 class="fw-bold text-dark mb-2">How can I help?</h5>
<p class="text-muted">We're glad you asked. We're looking for volunteers to "adopt" states. Contributors to OpenElections will be able to gather official results and convert them, or even write code that turns source data into an easy-to-use, consistent format.</p>
</div>
<div class="faq-item mb-4">
<h5 class="fw-bold text-dark mb-2">When can I start?</h5>
<p class="text-muted">Right now! You can email us or contact us via BlueSky to get in touch.</p>
</div>
</div>
<div class="col-lg-4 text-center">
<div class="impact-icon text-warning mb-3">
<i class="fas fa-hands-helping fa-4x"></i>
</div>
<h5 class="text-warning">Join Our Community</h5>
<p class="text-muted small">Volunteer opportunities for all skill levels</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Funding & Support 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">
<h3 class="text-primary mb-4">
<i class="fas fa-heart me-3"></i>Funding & Support
</h3>
<div class="faq-item mb-4">
<h5 class="fw-bold text-dark mb-2">Who is paying for all of this?</h5>
<p class="text-muted">OpenElections is generously supported by the <a href="http://www.knightfoundation.org/press-room/press-release/six-ventures-bring-data-public-winners-knight-news/" target="_blank" rel="noopener" class="text-primary fw-bold text-decoration-none">John S. and James L. Knight Foundation's Knight News Challenge</a>, and by private donations. Our fiscal agent is <a href="https://www.ire.org/">Investigative Reporters and Editors</a>.</p>
</div>
</div>
<div class="col-lg-4 text-center">
<div class="impact-icon text-primary mb-3">
<i class="fas fa-award fa-4x"></i>
</div>
<h5 class="text-primary">Knight Foundation</h5>
<p class="text-muted small">Proud Knight News Challenge winner</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Call to Action Section -->
<div class="row">
<div class="col-12">
<div class="card bg-gradient-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-lightbulb me-3"></i>Still Have Questions?
</h2>
<p class="card-text lead mb-4">
Can't find what you're looking for? We're here to help! Get in touch with our team or join our community discussion.
</p>
<div class="d-flex gap-3 justify-content-center flex-wrap">
<a href="mailto:openelections@gmail.com" class="btn btn-light btn-lg">
<i class="fas fa-envelope me-2"></i>Email Us
</a>
<a href="/get-involved/" class="btn btn-outline-light btn-lg">
<i class="fas fa-hands-helping me-2"></i>Get Involved
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>