-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
212 lines (208 loc) · 10.1 KB
/
index.html
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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
---
layout: default-core
homepage: true
baseurl: ./
title: Home
description: >-
Kankakee community college is the largest provider of high school equivalency,
English as a second language (ESL), and other pre-college remedial services in
the Kankakee and Iroquois County area.
contacts_background_tan: true
slides:
- image: uploads/hero-1.jpg
alt-text: Complete Your GED at KCC.
url: 'https://adulted.kcc.edu/programs/ged/'
text: Complete Your GED at KCC.
- image: uploads/hero-2.jpg
alt-text: Improve Your English Language Skills.
url: 'https://adulted.kcc.edu/programs/esl/'
text: Learn English Free.
- image: uploads/hero-3_20181206_103340.jpg
alt-text: Become a Tutor. Make a Difference.
url: 'https://adulted.kcc.edu/programs/community-literacy/'
text: Become a Tutor. Make a Difference.
first_section_intro: Everyone is welcome here. We want to help you succeed.
first_section_heading: Programs
---
<main>
<div class="container container--tan-bg">
{% include hero-slider.html %}
<div class="row">
<div class="col text-center">
<p class="typography__h5--description mb-2 mt-3">{{ page.first_section_intro }}</p>
<div class="mb-4 editable">
<p><a href="{{ page.baseurl }}bienvenido/">Comience aquí su viaje a KCC. Siéntase como en su casa.</a></p>
</div>
<h2 class="red-heading">{{ page.first_section_heading }}</h2>
</div>
</div>
<div class="row">
<div class="col-md-4 text-center action-cards__col--margin-btm action-cards__col--mortarboard">
<div class="action-cards__svg--wrapper">
<a href="{{ page.baseurl }}programs/ged/" aria-label="link to GED page">
{% include mortarboard.html %}
</a>
</div>
<a class="links__no-underline" href="{{ page.baseurl }}programs/ged/">
<h4 class="typography__orange-h4 typography__sm-sup">GED<sup>®</sup>PREP<sup></sup></h4>
</a>
<div class="row action-cards__text-wrapper">
<div class="col d-flex align-items-center position__col--min-height">
<h5 class="typography__h5--description editable">
GED Prep prepares you to take and pass the GED test. Sessions begin throughout the year.
Classes are free and include resources at no cost to the student while enrolled.
</h5>
</div>
</div>
<a href="{{ page.baseurl }}programs/ged/" class="btn btn-primary">Learn More</a>
</div>
<div class="col-md-4 text-center action-cards__col--margin-btm action-cards__col--esl">
<div class="impact__give">
<div class="action-cards__svg--wrapper">
<a href="{{ page.baseurl }}programs/esl/" aria-label="link to ESL page">
{% include chat-bubbles.html %}
</a>
</div>
<a href="{{ page.baseurl }}programs/esl/" class="links__no-underline">
<h4 class="typography__orange-h4">ESL</h4>
</a>
<div class="row action-cards__text-wrapper">
<div class="col d-flex align-items-center position__col--min-height">
<h5 class="typography__h5--description editable">
English as a Second Language (ESL) classes teach English to non-native speakers.
Instruction covers listening, speaking, reading and writing. Classes are free and
include resources at no cost to the student.
</h5>
</div>
</div>
<a href="{{ page.baseurl }}programs/esl/" class="btn btn-primary">Learn More</a>
</div>
</div>
<div class="col-md-4 text-center action-cards__col--margin-btm action-cards__col--literacy">
<div class="action-cards__svg--wrapper">
<a href="{{ page.baseurl }}programs/community-literacy/" aria-label="link to community literacy page">
{% include books.html %}
</a>
</div>
<a href="{{ page.baseurl }}programs/community-literacy/" class="links__no-underline">
<h4 class="typography__orange-h4">LITERACY</h4>
</a>
<div class="row action-cards__text-wrapper">
<div class="col d-flex align-items-center position__col--min-height">
<h5 class="typography__h5--description editable">
The literacy program provides volunteer tutors to help struggling readers with
foundational skills in reading, writing and math. There is no cost to the student.
Accepting volunteer applications.
</h5>
</div>
</div>
<a href="{{ page.baseurl }}programs/community-literacy/" class="btn btn-primary">Learn More</a>
</div>
</div>
</div>
<section class="position__section--margin-top">
<div class="container">
<div class="row">
<div class="col stories__left-col--margin-top">
<h3 class="typography__red-h3 typography__sm-sup">GED<sup>®</sup> PREP Program</h3>
</div>
</div>
<div class="row">
<div class="col position__col--no-padding position__col--img-overline">
<img src="{{ page.baseurl }}assets/img/heading-bg-underline.png" alt="" />
</div>
</div>
<div class="row">
<div class="col position__col--no-padding text-center">
<a href="{{ page.baseurl }}programs/ged/" aria-label="link to GED page">
<img class="banner__full-width" src="{{ page.baseurl }}assets/img/banner-placeholder.svg" data-src="{{ page.baseurl }}assets/img/ged-banner.jpg" alt="Free high school equivalency classes! Several locations are available. GED graduates on average, earn $2,040 more." title="Free high school equivalency classes! Several locations are available. GED graduates on average, earn $2,040 more." />
</a>
<a href="{{ page.baseurl }}programs/ged/" class="btn btn-primary position__img-btn">Learn More</a>
</div>
</div>
</div>
</section>
<section class="position__section--margin-top">
<div class="container">
<div class="row">
<div class="col stories__left-col--margin-top">
<h3 class="typography__red-h3 typography__upper">Literacy Program - Volunteers Needed</h3>
</div>
</div>
<div class="row">
<div class="col position__col--no-padding position__col--img-overline">
<img src="{{ page.baseurl }}assets/img/heading-bg-underline.png" alt="" />
</div>
</div>
<div class="row">
<div class="col position__col--no-padding text-center">
<a href="{{ page.baseurl }}programs/community-literacy/#volunteer-as-a-tutor" aria-label="link to the Community Literacy volunteering page">
<img class="banner__full-width" src="{{ page.baseurl }}assets/img/banner-placeholder.svg" data-src="{{ page.baseurl }}assets/img/tutor-banner.jpg" alt="Become a tutor! Tutor adults in reading, writing, math, and English." title="Become a tutor! Tutor adults in reading, writing, math, and English." />
</a>
<a href="{{ page.baseurl }}programs/community-literacy/#volunteer-as-a-tutor" class="btn btn-primary position__img-btn">Learn More</a>
</div>
</div>
</div>
</section>
<section class="position__section--margin-top">
<div class="container">
<div class="row">
<div class="col stories__left-col--margin-top">
<h3 class="typography__red-h3 typography__upper">ENGLISH AS A SECOND LANGUAGE (ESL) Program</h3>
</div>
</div>
<div class="row">
<div class="col position__col--no-padding position__col--img-overline">
<img src="{{ page.baseurl }}assets/img/heading-bg-underline.png" alt="" />
</div>
</div>
<div class="row">
<div class="col position__col--no-padding text-center">
<a href="{{ page.baseurl }}programs/esl/" aria-label="link to the ESL page">
<img class="banner__full-width" src="{{ page.baseurl }}assets/img/banner-placeholder.svg" data-src="{{ page.baseurl }}assets/img/esl-banner.jpg" alt="Learn english free! Classes offered in Kankakee, Watseka, & Momence." title="Learn english free! Classes offered in Kankakee, Watseka, & Momence." />
</a>
<a href="{{ page.baseurl }}programs/esl/" class="btn btn-primary position__img-btn">Learn More</a>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col stories__left-col--margin-top typography__col--heading-underline">
<h3 class="typography__red-h3 typography__red-h3--margin-btm">Student Testimonials</h3>
</div>
</div>
<div class="row">
<div class="col">
<ol id="jsTeaseList" class="latest-news-widget__latest__tease-group">
{% assign sorted = site.students | sort: 'order' %}
{% for student in sorted limit:4 %}
<li class="latest-news-widget__latest__tease latest-news-widget__latest__tease--default latest-news-widget__latest__tease--has-image">
<div
id="jsTeaseLink{{ forloop.index }}"
class="latest-news-widget__latest__tease__link js-hp-latest-tease-link d-flex align-items-center"
data-image="{{ student.portrait }}"
tabindex="0"
data-index="{{ forloop.index0 }}"
aria-hidden="true">
<div
class="latest-news-widget__latest__tease__img-mod latest-news-widget__latest__tease__img-mod--default"
style="background-image: url('{{ page.baseurl }}{{ student.portrait }}')">
</div>
<div class="latest-news-widget__latest__tease__hgroup">
<h3 class="typography__stories--quote">{{ student.quote }}</h3>
<h3 class="latest-news-widget__latest__tease__overline typography__latest-news-widget__rollup-list-h notranslate">
- {{ student.name }}
</h3>
</div>
</div>
</li>
{% endfor %}
</ol>
</div>
</div>
</div>
</section>
{% include contacts.html %}
</main>