index.html

---
layout: default
---

<!-- background image -->
<div class="home-splash"></div>

<!-- search and -->
<!-- where to start -->
<section class="search_form">

  <form id="search-form" is="search-form"
    autocomplete="false"
    action="{{ site.baseurl }}/search/" method="GET">

    <input type="hidden" name="under_investigation">

    <div class="container search-form-intro">

      <legend>Find Schools</legend>
      <h1 class="large_heading">Find Schools</h1>
      <p>Compare schools now</p>

    </div>

  {% include search-form.html %}

  </form>

  <section class="section section-home-start">

    <!-- <div class="container section-home-start-group">

      <h1 class="light_on_dark section-home-start-group-left">Not Sure Where to Start?</h1>

      <button class="button button-wizard section-home-start-group-right">
        Help me find schools <br>best suited to me
      </button>

    </div> -->

  </section>

</section>

<!-- by the numbers -->
<div>
  <section class="section section-home-facts">

    <div class="container">

      <h1>By The Numbers</h1>

      <ul>
        <li>
          <img src="{{ site.baseurl }}/img/money.svg" alt="Dollar bills">
          <div>
            On average, college graduates earn
            <strong>$1 million</strong>
            <strong>more</strong>
            <div class="fact-words">over their lifetimes than
            high school graduates.</div>
          </div>
        </li>
        <li>
          <img src="{{ site.baseurl }}/img/application.svg" alt="Application">
          You could be eligible for up to
          <strong>$5,920</strong>
          <strong>for free</strong>
          <div class="fact-words">in Pell grants to help pay
          for college. <span>No repayment needed!</span></div>
        </li>
        <li>
          <img src="{{ site.baseurl }}/img/cap.svg" alt="Graduation cap">
          Did you know that
          <strong>40%</strong>
          <strong>of college students</strong>
          <div class="fact-words">started college at <span>age 25 or older</span>?</div>
        </li>
      </ul>

    </div>

  </section>
</div>

<!-- check out these schools -->
<!-- and paying for college -->
<div class="home-bg-gray">

  <div class="container">

    <section class="section section-home-paying">

      <div>

        <div>

          <h1>Paying For College</h1>

          <div class="section-home-paying-content">

            <div class="u-align_c">

              <a href="https://studentaid.ed.gov/sa/types#aid-from-the-federal-government" class="button button-outline" target="_blank">
                Types of Financial Aid</a>
              <a href="https://fafsa.ed.gov/FAFSA/app/f4cForm" class="button button-outline" target="_blank">
                Calculate Your Aid</a>
              <a href="https://fafsa.ed.gov/" class="button button-outline" target="_blank">
                Start My FAFSA</a>
              <a href="https://www.vets.gov/gi-bill-comparison-tool" class="button button-outline" target="_blank">
                GI Bill&reg; Benefits</a>

            </div>

          </div>

        </div>

      </div>

    </section>

    <section class="section section-home-numbers">

      <div class="section-home-numbers-content">

        <div class="u-align_c">

          <div class="u-video-wrap">

            <iframe width="400" height="300" src="https://www.youtube-nocookie.com/embed/oyYsUrW9OTA?rel=0" frameborder="0" allowfullscreen title="Easier College Choices with the College Scorecard (Video)"></iframe>

          </div>

        </div>

      </div>

    </section>

  </div>

</div>


<!-- resources callout -->
<div class="home-bg-dk-gray">

  <div class="container">

      <section class="section section-home-resources">

      <div>

        <div>

          <h1>Toolkit</h1>
          <div class="section-home-resources-content">

            <p>Want to share the College Scorecard with others?  Here’s a toolkit to help you disseminate information through emails, social media, and events.</p>

            <div class="u-align_c">

              <a href="{{ site.baseurl }}/assets/College-Scorecard-Toolkit.pdf" class="button button-outline" target="_blank">
                Download PDF</a>

            </div>

          </div>


        </div>

      </div>

    </section>

    <section class="section section-home-resources">

      <div>

        <div>

          <h1>How-To-Guide</h1>
          <div class="section-home-resources-content">
            <p>A handout for counselors, students and families that shows what to look for in choosing a college and how to search for it using the College Scorecard.</p>
            <div class="u-align_c">

              <a href="{{ site.baseurl }}/assets/College-Scorecard-Guide.pdf" class="button button-outline" target="_blank">
                Download PDF</a>

            </div>

          </div>
        </div>

      </div>

    </section>

  </div>

</div>

<script>
  picc.pages.index();
</script>