college-scorecard/index.html at dev · theycallmelj/college-scorecard · GitHub

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
151
152
153
154
155
156
157
158
---
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>$6,095</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 about
          <strong>40%</strong>
          <strong>of undergraduates</strong>
          <div class="fact-words">are <span>24 years 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-toolkit">

      <div>

        <div>

          <h1>Toolkit</h1>

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

              <p class="u-align_c">Want to share the College Scorecard with others?</p>
              <p class="u-align_c">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>

  </div>

</div>

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