kcc-gem-theme-slim 0.0.1

data/_includes/body.html

@@ -0,0 +1,10 @@
+    <!-- Custom CSS Stylesheet for CloudCannon -->
+    <link rel="stylesheet" href="{{page.baseurl}}assets/css/content.css">
+    {%- comment -%}
+    <!-- Uncomment to prevent IE-11 caching (for IE testing) -->
+    <!-- <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
+    <META HTTP-EQUIV="Expires" CONTENT="-1"> -->
+    {% endcomment %}
+  </head>
+  <body{% if page.homepage == true %} id="homePage"{% endif %}>
+    <h1 class="sr-only">{%- if page.outline_title -%}{{ page.outline_title }}{% else %}{{ page.title }}{%- endif -%}</h1>

data/_includes/breadcrumbs.html

@@ -0,0 +1,44 @@
+
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb breadcrumbs">
+  {% if site.core_root == true %}  
+    <li class="breadcrumb-item">Home</li>
+  {% else %}
+    {% if page.url == "/" %}
+    <li class="breadcrumb-item">
+      <a href="../">
+        <svg id="home-icon" role="image" class="breadcrumbs--home" height="24px" width="24px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="home-icon-title">
+          <title lang="en" id="home-icon-title">Home</title>
+          <path class="breadcrumbs--home--border" d="M0,0h24v24H0V0z"/>
+          <polygon class="breadcrumbs--home--house" points="14.5,19.5 14.5,13.5 9.5,13.5 
+          9.5,19.5 5.5,19.5 5.5,11.5 3.3,11.5 12,3.7 20.7,11.5 18.5,11.5 18.5,19.5 "/>
+        </svg>
+      </a>
+    </li>
+    <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
+    {% else %}
+    {% assign url_arr = page.url | split: "/" %}
+    <li class="breadcrumb-item">
+      <a href="../{{ page.baseurl }}">
+        <svg id="home-icon" role="image" class="breadcrumbs--home" height="24px" width="24px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="home-icon-title">
+          <title lang="en" id="home-icon-title">Home</title>
+          <path class="breadcrumbs--home--border" d="M0,0h24v24H0V0z"/>
+          <polygon class="breadcrumbs--home--house" points="14.5,19.5 14.5,13.5 9.5,13.5 
+          9.5,19.5 5.5,19.5 5.5,11.5 3.3,11.5 12,3.7 20.7,11.5 18.5,11.5 18.5,19.5 "/>
+        </svg>
+      </a>
+    </li>
+    <li class="breadcrumb-item"><a href="{{ page.baseurl }}">{{ site.site_name }}</a></li>
+    {% for item in url_arr %}
+    {% if item != '' %}
+      {% if forloop.last %}
+    <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
+      {% else %}
+    <li class="breadcrumb-item"><a href="../">{{ item | capitalize }}</a></li>
+      {% endif %}
+    {% endif %}
+    {% endfor %}
+    {% endif %}
+  {% endif %}
+  </ol>
+</nav>

data/_includes/card-section.html

@@ -0,0 +1,26 @@
+      <section>
+        <div class="container">
+          <div class="row">
+            <div class="col margins__col--top section__heading-underline">
+              <h3 class="typography__section--heading margins__heading--btm">{{ page.card_section }}</h3>
+            </div>
+          </div>
+          <div class="row">{% for card in page.cards %}
+            <div class="col-md-6 col-lg-4 text-center mx-auto card-section__col--margin-btm">
+              <div class="mb-3">
+                <a href="{{ card.link }}" class="links__block"><img alt="{{ card.thumb_alt_text }}" class="img-fluid rounded-circle w-50 img__shadow--border" src="{{ page.baseurl }}assets/img/kcc-placeholder-square.png" data-src="{{ page.baseurl }}{{ card.thumb }}" /></a>
+              </div>
+              <a class="links__no-underline" href="{{ card.link }}">
+                <h4 class="typography__orange-h4">{{ card.name }}</h4>
+              </a>
+              <div class="row card-section__text-wrapper">
+                <div class="col align-self-start">
+                  <p class="typography__p--bold">{{ card.description }}</p>
+                </div>
+              </div>
+                <a href="{{ card.link }}" class="btn btn-primary">{{ card.button_text }}</a>
+            </div>
+            {%- endfor -%}
+          </div>
+        </div>
+      </section>

data/_includes/chat-now.html

@@ -0,0 +1,8 @@
+<div class="row">
+  <div class="col">
+    <div class="editable">
+      <h4 class="typography__h4">Need help?</h4>
+      <a href="https://direct.lc.chat/9258945/" class="btn btn-primary" target="_blank" rel="noopener noreferrer">Chat now</a>&nbsp;with a Student Services representative or call <a href="tel:+18158028500">815-802-8500</a>.
+    </div>
+  </div>
+</div>

data/_includes/check-mark.svg

@@ -0,0 +1,17 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve" class="thank-you__check-mark text-center float-md-left">
+<g>
+	<g>
+		<path fill="#003056" d="M24.215,4.409c11.408,0,20.689,9.282,20.689,20.69c0,11.405-9.281,20.685-20.689,20.685
+			c-11.408,0-20.689-9.279-20.689-20.685C3.526,13.69,12.807,4.409,24.215,4.409 M24.215,1.758c-12.889,0-23.34,10.451-23.34,23.341
+			c0,12.893,10.451,23.336,23.34,23.336c12.891,0,23.341-10.443,23.341-23.336C47.556,12.209,37.105,1.758,24.215,1.758
+			L24.215,1.758z"/>
+	</g>
+	<g>
+		<path fill="#00A14B" d="M48.14,1.565l0.985,1.408c-4.016,3.022-8.487,7.682-13.408,13.973
+			c-4.922,6.292-8.676,12.168-11.268,17.634l-2.087,1.408c-1.727,1.209-2.9,2.101-3.52,2.681c-0.247-0.888-0.779-2.327-1.608-4.339
+			l-0.787-1.833c-1.128-2.63-2.173-4.571-3.14-5.833c-0.968-1.257-2.052-2.09-3.254-2.507c2.028-2.142,3.888-3.208,5.575-3.208
+			c1.448,0,3.054,1.96,4.819,5.889l0.873,1.972c3.175-5.356,7.251-10.554,12.227-15.609C38.524,8.15,43.385,4.271,48.14,1.565z"/>
+	</g>
+</g>
+</svg>

data/_includes/contacts-tan.html

@@ -0,0 +1,94 @@
+{%- assign sorted_contacts = site.contacts | sort: "display_order" -%}
+<section>
+  <div class="container">
+    <div class="row">
+      <div class="col mt-1 home__col--heading-underline home__col--heading-underline-tan">
+        <h3 id="contact" class="typography__section--heading margins__heading--btm links__offset">Contacts</h3>
+      </div>
+    </div>
+  </div>
+  <div class="container contacts__padding-top background__color--tan">
+    <div class="row editor-link">
+      <div class="col editor-link mb-3">
+        <a href="cloudcannon:collections/_contacts/" class="btn btn-success editor-button">Edit Contacts</a>
+      </div>
+    </div>
+    <div class="row">
+      {%- for contact in sorted_contacts -%}
+      {%- assign contact_name = contact.name | split: " " -%}
+      {%- assign first = contact_name[0] -%}
+      {%- assign last = contact_name[1] -%}
+      {% if contact.portrait_image != "For departments with no contact photos, do not change this field." %}
+      <div class="col-md-6 contacts__col-bottom-margin">
+        <div class="row">
+          <div class="col-4 contacts__col--img">
+            {% if contact.portrait_image != 'none' %}<img
+              src="{{ page.baseurl }}assets/img/placeholder_square.jpg"
+              height="150px"
+              width="150px"
+              data-src="{{ page.baseurl }}{{ contact.portrait_image }}"
+              alt="Photo of {{ contact.name }}"
+              class="img-fluid contacts__portrait"
+            />{% endif %}
+          </div>
+          <div class="col-8 float-right">
+            <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
+            {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
+            <p class="notranslate">
+              {% if contact.phone %}<a href="tel:1{{ contact.phone | remove: '-' }}" class="links__darker-link">{{ contact.phone }}</a><br>{% endif %}
+              {% if contact.email %}<a class="links__darker-link" target="_blank" href="https://secure.jotform.com/90435102482954?to[first]={{ first }}&amp;to[last]={{ last }}&amp;submitEmail={{ contact.email | remove: '@kcc.edu' }}%40kcc.edu">Email</a><br>{% endif %}
+              {%- if contact.fax -%}Fax: {{ contact.fax }}{% endif %}
+              {%- if contact.bio == true -%}<button type="button" class="btn btn-primary mt-2" data-toggle="modal" data-target="#{{ contact.name | downcase | replace: ' ', '-' | remove: '.' | remove: '/' | remove: "'" | remove: '’' }}">View Bio</button>{% endif %}
+            </p>
+          </div>
+        </div>
+      </div>
+      {% else %}
+      <div class="col-sm-6 col-md-4 mb-3">
+        <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
+        {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
+        <p class="notranslate">
+          {% if contact.phone %}<a href="tel:1{{ contact.phone | remove: '-' }}" class="links__darker-link">{{ contact.phone }}</a><br>{% endif %}
+          {% if contact.email %}<a class="links__darker-link" target="_blank" href="https://secure.jotform.com/90435102482954?to[first]={{ first }}&amp;to[last]={{ last }}&amp;submitEmail={{ contact.email | remove: '@kcc.edu' }}%40kcc.edu">Email</a><br>{% endif %}
+          {% if contact.fax %}Fax: {{ contact.fax }}{% endif %}
+          {% if contact.bio == true %}<button type="button" class="btn btn-primary mt-2" data-toggle="modal" data-target="#{{ contact.name | downcase | replace: ' ', '-' | remove: '.' | remove: '/' | remove: "'" | remove: '’' }}">View Bio</button>{% endif %}
+        </p>
+      </div>
+      {%- endif -%}
+      {%- endfor -%}
+    </div>
+  </div>
+</section>
+{% for contact in sorted_contacts %}
+{%- if contact.bio == true -%}
+<!-- Modal -->
+<div class="modal fade" id="{{ contact.name | downcase | replace: ' ', '-' | remove: '.' | remove: '/' | remove: "'" | remove: '’' }}" tabindex="-1" aria-labelledby="{{ contact.name | downcase | replace: ' ', '-' | remove: '.' | remove: '/' | remove: "'" | remove: '’' }}-label" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="typography__h6" id="{{ contact.name | downcase | replace: ' ', '-' | remove: '.' | remove: '/' | remove: "'" | remove: '’' }}-label">{{ contact.name }} Bio</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        {% if contact.portrait_image != 'For departments with no contact photos, do not change this field.' and contact.portrait_image != 'none' %}<img
+          src="{{ page.baseurl }}assets/img/placeholder_square.jpg"
+          height="150px"
+          width="150px"
+          data-src="{{ page.baseurl }}{{ contact.portrait_image }}"
+          class="img-fluid float-left mr-2 mb-2"
+          alt="Photo of {{ contact.name }} KCC's {{ contact.contacts_title }}"
+        >{% endif %}
+        <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
+        {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
+        {{ contact.content }}
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>
+{%- endif -%}
+{% endfor %}

data/_includes/contacts.html

@@ -0,0 +1,80 @@
+      {%- assign sorted_contacts = site.contacts | sort: "display_order" -%}
+      <section>
+        <div class="container">
+          <div class="row">
+            <div class="col mt-1 home__col--heading-underline{% if page.contacts_background_tan == true %} home__col--heading-underline-tan{% endif %}">
+              <h3 id="contact" class="typography__section--heading margins__heading--btm links__offset">Contacts</h3>
+            </div>
+          </div>
+        {% if page.contacts_background_tan == true %}</div>
+      <div class="container contacts__padding-top background__color--tan">{% endif %}
+          <div class="row editor-link">
+            <div class="col editor-link mb-3">
+              <a href="cloudcannon:collections/_contacts/" class="btn btn-success editor-button">Edit Contacts</a>
+            </div>
+          </div>
+          <div class="row">
+            {%- for contact in sorted_contacts -%}
+            {%- assign contact_name = contact.name | split: " " -%}
+            {%- assign first = contact_name[0] -%}
+            {%- assign last = contact_name[1] -%}
+            {% if contact.portrait_image != "For departments with no contact photos, do not change this field." %}
+            <div class="col-md-6 contacts__col-bottom-margin">
+              <div class="row">
+                <div class="col-4 contacts__col--img">
+                {% if contact.portrait_image != 'none' %}<img src="{{ page.baseurl }}assets/img/placeholder_square.jpg" data-src="{{ page.baseurl }}{{ contact.portrait_image }}" width="150px" height="150px" alt="Photo of {{ contact.name }}" class="img-fluid contacts__portrait" />{% endif %}
+                </div>
+                <div class="col-8 float-right">
+                  <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
+                  {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
+                  <p class="notranslate">
+                    {% if contact.phone %}<a href="tel:1{{ contact.phone | remove: '-' }}" class="links__darker-link">{{ contact.phone }}</a><br>{% endif %}
+                    {% if contact.email %}<a class="links__darker-link" target="_blank" href="https://secure.jotform.com/90435102482954?to[first]={{ first }}&amp;to[last]={{ last }}&amp;submitEmail={{ contact.email | remove: '@kcc.edu' }}%40kcc.edu">Email</a><br>{% endif %}
+                    {%- if contact.fax -%}Fax: {{ contact.fax }}{% endif %}
+                    {%- if contact.bio == true -%}<button type="button" class="btn btn-primary mt-2" data-toggle="modal" data-target="#{{ contact.name | downcase | replace: ' ', '-' | remove: '.' | remove: '/' | remove: "'" | remove: '’' }}">View Bio</button>{% endif %}
+                  </p>
+                </div>
+              </div>
+            </div>
+            {% else %}
+            <div class="col-sm-6 col-md-4 mb-3">
+              <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
+              {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
+              <p class="notranslate">
+                {% if contact.phone %}<a href="tel:1{{ contact.phone | remove: '-' }}" class="links__darker-link">{{ contact.phone }}</a><br>{% endif %}
+                {% if contact.email %}<a class="links__darker-link" target="_blank" href="https://secure.jotform.com/90435102482954?to[first]={{ first }}&amp;to[last]={{ last }}&amp;submitEmail={{ contact.email | remove: '@kcc.edu' }}%40kcc.edu">Email</a><br>{% endif %}
+                {% if contact.fax %}Fax: {{ contact.fax }}{% endif %}
+                {% if contact.bio == true %}<button type="button" class="btn btn-primary mt-2" data-toggle="modal" data-target="#{{ contact.name | downcase | replace: ' ', '-' | remove: '.' | remove: '/' | remove: "'" | remove: '’' }}">View Bio</button>{% endif %}
+              </p>
+            </div>
+            {%- endif -%}
+            {%- endfor -%}
+          </div>
+        </div>
+      </section>
+      {% for contact in sorted_contacts %}
+      {%- if contact.bio == true -%}
+      <!-- Modal -->
+      <div class="modal fade" id="{{ contact.name | downcase | replace: ' ', '-' | remove: '.' | remove: '/' | remove: "'" | remove: '’' }}" tabindex="-1" aria-labelledby="{{ contact.name | downcase | replace: ' ', '-' | remove: '.' | remove: '/' | remove: "'" | remove: '’' }}-label" aria-hidden="true">
+        <div class="modal-dialog">
+          <div class="modal-content">
+            <div class="modal-header">
+              <h5 class="typography__h6" id="{{ contact.name | downcase | replace: ' ', '-' | remove: '.' | remove: '/' | remove: "'" | remove: '’' }}-label">{{ contact.name }} Bio</h5>
+              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                <span aria-hidden="true">&times;</span>
+              </button>
+            </div>
+            <div class="modal-body">
+              {% if contact.portrait_image != 'For departments with no contact photos, do not change this field.' and contact.portrait_image != 'none' %}<img src="{{ page.baseurl }}assets/img/placeholder_square.jpg" data-src="{{ page.baseurl }}{{ contact.portrait_image }}" class="img-fluid float-left mr-2 mb-2" width="150px" height="150px" alt="Photo of {{ contact.name }} KCC's {{ contact.contacts_title }}">{% endif %}
+              <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
+              {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
+              {{ contact.content }}
+            </div>
+            <div class="modal-footer">
+              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+            </div>
+          </div>
+        </div>
+      </div>
+      {%- endif -%}
+      {% endfor %}

data/_includes/document-head.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html class="no-js" lang="en">
+  <head>
+    <!-- Meta -->
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>{{page.title}} - {{site.title}}</title>
+    <meta name="description" content="{{page.description}}">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    {% include preconnect.html %}
+    <!-- ==============================
+      KCC GEM THEME
+      A Jekyll gem-based theme for Kankakee Community College's websites
+      Theme & theme's build-process coded and developed by Wesley Zajicek for KCC 2019-2020
+      Author: Wesley Zajicek | https://github.com/wdzajicek
+      -->
+    {% if site.humans_file == true %}
+    <!-- The human's, the human's!! -->
+    <link rel="author" type="text/plain" href="/humans.txt" />
+    {%- endif -%}
+    <!-- Standard Favicon -->
+    <link rel="icon" type="image/x-icon" href="{{page.baseurl}}favicon.ico"/>

data/_includes/emergency-alerts.html

@@ -0,0 +1,29 @@
+    <div id="emergencyAlerts" class="position__offset-alert{% if site.core_site == true %} position__offset-alert-core{% endif %}{% if site.core_root == true %} position__offset-alert-core--root{% endif %}">
+      <!-- Alerts get built here via JS if they are set to be active -->
+      {%- comment -%}
+      <div class="container position__offset-alert">
+        <div class="row">
+          <div class="col">
+            <div class="alert alert-warning">
+              <p class="typography__alert mb-0"><strong>Alert</strong>:&nbsp;All KCC facilities will be closed March 18-30. Credit classes resume online March 23. <a href="https://coronavirus.kcc.edu/" target="_blank" rel="noopener noreferrer">coronavirus.kcc.edu</a> has&nbsp;details.</p>
+            </div>
+          </div>
+        </div>
+      </div>
+      {% endcomment %}
+    </div>
+    {%- comment -%}
+
+    <!-- TODO:
+
+      AFTER CORE IS LAUNCHED
+
+      REMOVE:
+      ```
+        {% if site.core_site == true %} position__offset-alert-core{% endif %}{% if site.core_root == true %} position__offset-alert-core--root{% endif %}
+      ```
+      (ALSO REMOVE FROM CONFIG)
+
+    ENDTODO -->
+
+    {%- endcomment -%}

data/_includes/foot.html

@@ -0,0 +1,3 @@
+  <!-- Close body -->
+  </body>
+</html>

data/_includes/footer.html

@@ -0,0 +1,271 @@
+    <footer class="footer footer__margin">
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-6 footer__mobile--margin-bottom">
+            <div class="row">
+              <div class="col-lg-12 text-center">
+                <a href="{{ site.public-url }}" class="footer-link"><h5 class="typography__footer-heading">{{ site.public-url | replace: "https://", "" | replace: "http://", "" }}</h5></a>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-lg-12">
+                <div class="text-center">
+                  <span>
+                    <a href="http://www.facebook.com/KankakeeCommunityCollege/" class="footer-social-links" target="_blank" rel="noopener">
+                      <svg
+                        id="facebook"
+                        role="img"
+                        class="footer-icons"
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="50px"
+                        height="50px"
+                        viewBox="0 0 512 512"
+                        aria-labelledby="facebook-title">
+                        <title id="facebook-title" lang="en">Facebook</title>
+                        <path fill-rule="evenodd"
+                          clip-rule="evenodd"
+                          class="svg--fill-white"
+                          d="M320.526,268.436l7.223-51.045h-50.08v-34.799
+                          c0-10.788,8.827-19.615,19.615-19.615h32.393v-47.002l-40.702-1.634
+                          c-38.005-1.524-63.793,27.143-63.793,60.903v42.146h-42.858
+                          v51.045h42.858v129.282h52.487V268.436H320.526z"/>
+                      </svg>
+                    </a>
+                  </span>
+                  <span>
+                    <a href="http://twitter.com/KCCedu" class="footer-social-links" target="_blank" rel="noopener">
+                      <svg
+                      id="twitter"
+                      role="img"
+                      class="footer-icons"
+                      xmlns="http://www.w3.org/2000/svg"
+                      width="50px"
+                      height="50px"
+                      viewBox="0 0 512 512"
+                      aria-labelledby="twitter-title">
+                        <title id="twitter-title" lang="en">Twitter</title>
+                        <path class="svg--fill-white" d="M393.859,170.531c-10.142,4.498-21.039,7.539-32.479,8.905
+                        c11.677-6.998,20.642-18.081,24.865-31.286c-10.925,6.48-23.028,11.187-35.91,13.723
+                        c-10.315-10.991-25.015-17.858-41.278-17.858c-31.234,0-56.554,25.32-56.554,56.55
+                        c0,4.433,0.501,8.749,1.465,12.888c-47-2.358-88.67-24.873-116.562-59.087
+                        c-4.868,8.354-7.656,18.067-7.656,28.432c0,19.618,9.984,36.929,25.158,47.069
+                        c-9.271-0.293-17.99-2.837-25.615-7.073c-0.004,0.236-0.005,0.473-0.005,0.712
+                        c0,27.399,19.493,50.256,45.364,55.451c-4.746,1.292-9.742,1.982-14.899,1.982
+                        c-3.645,0-7.187-0.354-10.64-1.014c7.196,22.467,28.081,38.816,52.827,39.274
+                        c-19.354,15.166-43.738,24.208-70.233,24.208c-4.564,0-9.066-0.269-13.489-0.79
+                        c25.026,16.045,54.751,25.406,86.688,25.406c104.021,0,160.9-86.171,160.9-160.901
+                        c0-2.452-0.054-4.891-0.163-7.315C376.689,191.833,386.278,181.873,393.859,170.531z"/>
+                      </svg>
+                    </a>
+                  </span>
+                  <span>
+                    <a href="http://www.instagram.com/kccedu/" class="footer-social-links" target="_blank" rel="noopener">
+                      <svg
+                        id="instagram"
+                        role="img"
+                        class="footer-icons"
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="50px"
+                        height="50px"
+                        viewBox="0 0 512 512"
+                        aria-labelledby="instagram-title">
+                        <title id="instagram-title" lang="en">Instagram</title>
+                        <g>
+                          <path class="svg--fill-white" d="M317.858,407.985H194.142c-47.339,0-86.071-38.73-86.071-86.07V190.086
+                          c0-47.34,38.732-86.071,86.071-86.071h123.717c47.34,0,86.072,38.731,86.072,86.071
+                          v131.829C403.931,369.255,365.198,407.985,317.858,407.985 M317.858,385.243
+                          c16.82,0,32.697-6.614,44.705-18.623c12.01-12.008,18.622-27.885,18.622-44.705V190.086
+                          c0-16.82-6.612-32.697-18.622-44.706c-12.008-12.009-27.885-18.622-44.705-18.622H194.142
+                          c-16.82,0-32.697,6.613-44.706,18.622s-18.621,27.886-18.621,44.706v131.829
+                          c0,16.82,6.612,32.697,18.621,44.705c12.009,12.009,27.886,18.623,44.706,18.623H317.858z"/>
+                          <path class="svg--fill-white" d="M337.929,254.827c0,44.994-36.477,81.47-81.472,81.47
+                          c-44.994,0-81.471-36.476-81.471-81.47c0-44.995,36.477-81.471,81.471-81.471
+                          C301.452,173.356,337.929,209.832,337.929,254.827 M256.065,201.544
+                          c-29.464,0-53.348,23.885-53.348,53.347c0,29.464,23.884,53.35,53.348,53.35
+                          s53.347-23.886,53.347-53.35C309.412,225.429,285.529,201.544,256.065,201.544"/>
+                          <path class="svg--fill-white" d="M358.526,172.089c0,10.654-8.637,19.292-19.29,19.292
+                          c-10.655,0-19.292-8.638-19.292-19.292c0-10.653,8.637-19.29,19.292-19.29
+                          C349.89,152.799,358.526,161.436,358.526,172.089"/>
+                        </g>
+                      </svg>
+                    </a>
+                  </span>
+                  <span>
+                    <a href="http://www.youtube.com/user/KankakeeCommCollege" class="footer-social-links" target="_blank" rel="noopener">
+                      <svg
+                        id="youtube"
+                        role="img"
+                        class="footer-icons"
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="50px"
+                        height="50px"
+                        viewBox="0 0 512 512"
+                        aria-labelledby="youtube-title">
+                        <title id="youtube-title" lang="en">YouTube</title>
+                        <path class="svg--fill-white" d="M339.306,134.92H172.691c-91.187,0-91.187,25.977-91.187,89.865v62.432
+                        c0,60.757,12.915,89.864,91.187,89.864h166.614c70.7,0,91.19-17.012,91.19-89.864v-62.432
+                        C430.496,157.537,427.053,134.92,339.306,134.92z M220.347,303.457v-98.009l94.064,48.846
+                        L220.347,303.457z"/>
+                      </svg>
+                    </a>
+                  </span>
+                  <span>
+                    <a href="http://www.pinterest.com/kccedu/" class="footer-social-links" target="_blank" rel="noopener">
+                      <svg
+                        id="pinterest"
+                        role="img"
+                        class="footer-icons"
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="50px"
+                        height="50px"
+                        viewBox="0 0 512 512"
+                        aria-labelledby="pinterest-title">
+                        <title id="pinterest-title" lang="en">Pinterest</title>
+                        <path class="svg--fill-white" d="M256.005,105.086c-83.343,0-150.915,67.566-150.915,150.912
+                        c0,61.795,37.159,114.882,90.332,138.223c-0.425-10.538-0.076-23.188,2.627-34.653
+                        c2.901-12.252,19.418-82.231,19.418-82.231s-4.821-9.636-4.821-23.878
+                        c0-22.363,12.962-39.066,29.104-39.066c13.727,0,20.357,10.311,20.357,22.656
+                        c0,13.8-8.8,34.439-13.326,53.557c-3.781,16.008,8.026,29.065,23.819,29.065
+                        c28.593,0,47.85-36.724,47.85-80.234c0-33.075-22.276-57.832-62.794-57.832
+                        c-45.778,0-74.297,34.139-74.297,72.271c0,13.147,3.877,22.42,9.949,29.599
+                        c2.791,3.298,3.18,4.625,2.168,8.411c-0.723,2.777-2.386,9.462-3.074,12.111
+                        c-1.005,3.821-4.102,5.188-7.556,3.776c-21.085-8.607-30.905-31.698-30.905-57.654
+                        c0-42.869,36.155-94.272,107.856-94.272c57.617,0,95.537,41.693,95.537,86.449
+                        c0,59.2-32.912,103.428-81.427,103.428c-16.293,0-31.618-8.808-36.868-18.811
+                        c0,0-8.761,34.771-10.617,41.484c-3.198,11.636-9.462,23.264-15.188,32.328
+                        c13.573,4.007,27.91,6.188,42.771,6.188c83.336,0,150.904-67.565,150.904-150.915
+                        C406.909,172.652,339.341,105.086,256.005,105.086z"/>
+                      </svg>
+                    </a>
+                  </span>
+                  <span>
+                    <a href="http://www.linkedin.com/company/kankakee-community-college" class="footer-social-links" target="_blank" rel="noopener">
+                      <svg
+                        id="linkedin"
+                        role="img"
+                        class="footer-icons"
+                        xmlns="http://www.w3.org/2000/svg"
+                        width="50px"
+                        height="50px"
+                        viewBox="0 0 512 512"
+                        aria-labelledby="linkedin-title">
+                        <title lang="en" id="linkedin-title">LinkedIn</title>
+                        <g>
+                          <path class="svg--fill-white" d="M142.394,216.601h48.7v156.684h-48.7V216.601z M166.755,138.716
+                          c15.567,0,28.219,12.651,28.219,28.226c0,15.588-12.651,28.24-28.219,28.24
+                          c-15.608,0-28.242-12.652-28.242-28.24C138.513,151.368,151.146,138.716,166.755,138.716"/>
+                          <path class="svg--fill-white" d="M221.638,216.601h46.707v21.408h0.65
+                          c6.502-12.316,22.385-25.305,46.076-25.305c49.314,0,58.416,32.454,58.416,74.639v85.941
+                          h-48.664v-76.199c0-18.168-0.334-41.54-25.302-41.54c-25.339,0-29.23,19.792-29.23,40.227
+                          v77.512h-48.653V216.601z"/>
+                        </g>
+                      </svg>
+                    </a>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-lg-6">
+            <a href="http://www.kcc.edu" target="_blank" rel="noopener">
+              <svg
+                id="KCC-text-logo"
+                role="img"
+                class="footer__svg--logo img__responsive--svg mx-auto"
+                xmlns="http://www.w3.org/2000/svg"
+                width="416.394px"
+                height="28.682px"
+                viewBox="0 0 416.394 28.682"
+                aria-labelledby="kcc-text-logo-title">
+                <title id="kcc-text-logo-title" lang="en">Kankakee Community College</title>
+                <g>
+                  <polygon class="svg--fill-blue" points="6.913,9.049 8.856,9.049 17.992,0.174 23.125,0.174 12.053,10.789 19.401,21.924 14.123,21.924
+                    8.098,12.615 6.155,12.615 4.176,21.924 0,21.924 4.623,0.174 8.799,0.174 	"></polygon>
+                  <path class="svg--fill-blue" d="M30.973,20.01h-0.087c-1.157,2.031-3.402,2.088-5.171,2.088c-3.451,0-5.53-0.725-4.655-4.842
+                    c0.777-3.654,2.907-4.67,6.676-4.67c1.856,0,3.677,0.029,4.184,1.74h0.116l0.419-1.973c0.524-2.465,0.506-3.334-2.54-3.334
+                    c-1.595,0-2.901,0.145-3.321,2.117h-3.654c0.943-4.438,4.025-4.611,7.505-4.611c4.872,0,6.742,0.754,5.657,5.857l-2.028,9.541
+                    h-3.654L30.973,20.01z M24.714,17.256c-0.457,2.145,0.371,2.348,2.835,2.348c1.943,0,3.401-0.174,3.863-2.348
+                    c0.45-2.117-1.104-2.176-2.902-2.176C26.655,15.08,25.176,15.08,24.714,17.256z"></path>
+                  <path class="svg--fill-blue" d="M44.589,6.699L44.103,8.99h0.116c1.286-2.232,3.163-2.465,5.309-2.465c4.002,0,4.869,1.652,4.08,5.365
+                    l-2.133,10.033H47.82l2.053-9.656c0.468-2.205,0.136-2.959-2.213-2.959c-3.19,0-3.945,1.508-4.525,4.234l-1.781,8.381h-3.654
+                    l3.236-15.225H44.589z"></path>
+                  <polygon class="svg--fill-blue" points="60.645,12.615 61.544,12.615 67.064,6.699 71.182,6.699 64.266,13.863 69.048,21.924 64.64,21.924
+                    61.014,15.109 60.115,15.109 58.666,21.924 55.012,21.924 59.635,0.174 63.289,0.174 	"></polygon>
+                  <path class="svg--fill-blue" d="M81.026,20.01h-0.087c-1.157,2.031-3.402,2.088-5.171,2.088c-3.451,0-5.53-0.725-4.655-4.842
+                    c0.777-3.654,2.907-4.67,6.677-4.67c1.856,0,3.677,0.029,4.183,1.74h0.116l0.419-1.973c0.524-2.465,0.506-3.334-2.54-3.334
+                    c-1.595,0-2.901,0.145-3.321,2.117h-3.654c0.943-4.438,4.025-4.611,7.505-4.611c4.872,0,6.742,0.754,5.657,5.857l-2.028,9.541
+                    h-3.654L81.026,20.01z M74.768,17.256c-0.457,2.145,0.371,2.348,2.835,2.348c1.943,0,3.401-0.174,3.863-2.348
+                    c0.45-2.117-1.104-2.176-2.902-2.176C76.708,15.08,75.229,15.08,74.768,17.256z"></path>
+                  <polygon class="svg--fill-blue" points="93.356,12.615 94.255,12.615 99.776,6.699 103.894,6.699 96.977,13.863 101.759,21.924
+                    97.352,21.924 93.725,15.109 92.826,15.109 91.377,21.924 87.724,21.924 92.347,0.174 96,0.174 	"></polygon>
+                  <path class="svg--fill-blue" d="M117.955,17.082c-1.018,4.785-3.821,5.016-8.171,5.016c-5.829,0-6.623-1.855-5.372-7.742
+                    c1.159-5.451,2.535-7.83,8.683-7.83c6.263,0,6.716,1.826,5.304,8.469H107.93c-0.697,3.275-0.832,4.32,2.445,4.32
+                    c2.03,0,3.445,0.029,3.926-2.232H117.955z M115.238,12.674c0.666-3.133,0.251-3.365-2.736-3.365c-3.161,0-3.506,0.668-4.079,3.365
+                    H115.238z"></path>
+                  <path class="svg--fill-blue" d="M134.484,17.082c-1.017,4.785-3.82,5.016-8.171,5.016c-5.829,0-6.623-1.855-5.372-7.742
+                    c1.159-5.451,2.535-7.83,8.683-7.83c6.264,0,6.716,1.826,5.305,8.469H124.46c-0.696,3.275-0.831,4.32,2.445,4.32
+                    c2.03,0,3.444,0.029,3.926-2.232H134.484z M131.768,12.674c0.666-3.133,0.252-3.365-2.735-3.365c-3.161,0-3.506,0.668-4.079,3.365
+                    H131.768z"></path>
+                  <path class="svg--fill-blue" d="M162.747,7.453L163,6.264c0.536-2.521-0.412-2.695-4.066-2.695c-4.205,0-5.078,0.695-5.984,4.959
+                    l-1.023,4.812c-0.896,4.35-0.553,5.191,3.826,5.191c3.365,0,4.897-0.115,5.557-3.219l0.253-1.189h4.176l-0.302,1.422
+                    c-1.307,6.553-4.998,6.322-10.441,6.553c-7.717,0.291-8.544-2.232-7.281-8.584l1.061-4.986C150.253,1.566,153.283,0,159.691,0
+                    c5.423,0,8.52,0.029,7.484,6.264l-0.252,1.189H162.747z"></path>
+                  <path class="svg--fill-blue" d="M182.254,14.326c-1.252,5.887-2.465,7.771-8.815,7.771s-6.763-1.885-5.511-7.771
+                    c1.258-5.916,2.471-7.801,8.82-7.801C183.1,6.525,183.511,8.41,182.254,14.326z M171.575,14.355
+                    c-0.862,4.061-0.793,4.959,2.455,4.959s3.7-0.898,4.563-4.959c0.875-4.117,0.811-5.047-2.438-5.047
+                    C172.909,9.309,172.451,10.238,171.575,14.355z"></path>
+                  <path class="svg--fill-blue" d="M190.516,6.699l-0.469,2.205h0.115c1.226-1.943,3.377-2.379,5.291-2.379s4.014,0.492,3.951,2.697h0.115
+                    c1.146-2.117,3.357-2.697,5.389-2.697c3.943,0,4.959,1.363,4.164,5.104l-2.189,10.295h-3.654l2.115-9.947
+                    c0.32-1.914,0.016-2.668-1.984-2.668c-2.959,0-3.822,1.334-4.396,4.031l-1.824,8.584h-3.654l2.115-9.947
+                    c0.319-1.914,0.016-2.668-1.985-2.668c-2.958,0-3.821,1.334-4.395,4.031l-1.825,8.584h-3.653l3.235-15.225H190.516z"></path>
+                  <path class="svg--fill-blue" d="M217.312,6.699l-0.469,2.205h0.115c1.225-1.943,3.377-2.379,5.291-2.379s4.012,0.492,3.951,2.697h0.115
+                    c1.146-2.117,3.357-2.697,5.387-2.697c3.943,0,4.959,1.363,4.164,5.104l-2.188,10.295h-3.654l2.113-9.947
+                    c0.32-1.914,0.018-2.668-1.984-2.668c-2.957,0-3.82,1.334-4.395,4.031l-1.824,8.584h-3.654l2.115-9.947
+                    c0.318-1.914,0.016-2.668-1.986-2.668c-2.957,0-3.82,1.334-4.395,4.031l-1.824,8.584h-3.654l3.236-15.225H217.312z"></path>
+                  <path class="svg--fill-blue" d="M247.338,21.924l0.5-2.348h-0.117c-1.271,2.029-3.262,2.521-5.35,2.521c-3.045,0-4.854-1.043-4.174-4.379
+                    l2.344-11.02h3.654l-2.041,9.6c-0.463,2.174-0.438,3.016,1.91,3.016c2.814,0,3.965-1.189,4.525-3.828l1.869-8.787h3.654
+                    l-3.236,15.225H247.338z"></path>
+                  <path class="svg--fill-blue" d="M261.391,6.699l-0.486,2.291h0.115c1.287-2.232,3.164-2.465,5.309-2.465c4.002,0,4.869,1.652,4.08,5.365
+                    l-2.133,10.033h-3.654l2.053-9.656c0.469-2.205,0.137-2.959-2.213-2.959c-3.189,0-3.945,1.508-4.525,4.234l-1.781,8.381H254.5
+                    l3.236-15.225H261.391z"></path>
+                  <path class="svg--fill-blue" d="M275.293,21.924h-3.654l3.236-15.225h3.654L275.293,21.924z M279.258,3.277h-3.654l0.658-3.104h3.654
+                    L279.258,3.277z"></path>
+                  <path class="svg--fill-blue" d="M280.066,6.699h1.914l0.732-3.451h3.654l-0.732,3.451h5.828l-0.592,2.783h-5.828l-1.658,7.803
+                    c-0.268,1.391-0.402,2.029,1.135,2.029c2.059,0,2.172-1.625,2.51-3.219h3.221c-0.924,4.611-2.379,6.002-6.322,6.002
+                    c-4.002,0-5.023-0.928-4.203-4.785l1.664-7.83h-1.914L280.066,6.699z"></path>
+                  <path class="svg--fill-blue" d="M299.35,22.533c-1.574,3.451-2.844,6.148-7.107,6.148c-0.521,0-1.025-0.088-1.541-0.117l0.586-2.754
+                    c0.256,0.029,0.504,0.086,0.766,0.086c2.291,0,3.107-2.203,3.801-3.973h-1.768l-1.781-15.225h3.77l1.102,12.963h0.059l5.713-12.963
+                    h3.713L299.35,22.533z"></path>
+                  <path class="svg--fill-blue" d="M331.379,7.453l0.254-1.189c0.535-2.521-0.414-2.695-4.066-2.695c-4.205,0-5.078,0.695-5.984,4.959
+                    l-1.023,4.812c-0.896,4.35-0.553,5.191,3.826,5.191c3.363,0,4.896-0.115,5.557-3.219l0.252-1.189h4.176l-0.301,1.422
+                    c-1.307,6.553-4.998,6.322-10.441,6.553c-7.717,0.291-8.545-2.232-7.281-8.584l1.061-4.986C318.885,1.566,321.914,0,328.324,0
+                    c5.422,0,8.52,0.029,7.484,6.264l-0.254,1.189H331.379z"></path>
+                  <path class="svg--fill-blue" d="M350.887,14.326c-1.252,5.887-2.465,7.771-8.814,7.771c-6.352,0-6.764-1.885-5.512-7.771
+                    c1.258-5.916,2.471-7.801,8.82-7.801C351.732,6.525,352.145,8.41,350.887,14.326z M340.209,14.355
+                    c-0.863,4.061-0.793,4.959,2.455,4.959c3.246,0,3.699-0.898,4.562-4.959c0.875-4.117,0.811-5.047-2.438-5.047
+                    S341.084,10.238,340.209,14.355z"></path>
+                  <polygon class="svg--fill-blue" points="356.027,21.924 352.375,21.924 356.998,0.174 360.65,0.174 	"></polygon>
+                  <polygon class="svg--fill-blue" points="363.336,21.924 359.682,21.924 364.305,0.174 367.959,0.174 	"></polygon>
+                  <path class="svg--fill-blue" d="M381.533,17.082c-1.018,4.785-3.822,5.016-8.172,5.016c-5.828,0-6.623-1.855-5.371-7.742
+                    c1.158-5.451,2.533-7.83,8.682-7.83c6.264,0,6.717,1.826,5.305,8.469h-10.469c-0.697,3.275-0.832,4.32,2.445,4.32
+                    c2.029,0,3.445,0.029,3.926-2.232H381.533z M378.816,12.674c0.666-3.133,0.25-3.365-2.736-3.365c-3.162,0-3.506,0.668-4.08,3.365
+                    H378.816z"></path>
+                  <path class="svg--fill-blue" d="M394.045,19.75h-0.086c-1.383,2-3.4,2.348-5.256,2.348c-5.221,0-5.219-2.871-4.27-7.336
+                    c0.992-4.67,1.924-8.236,7.58-8.236c2.145,0,3.729,0.465,4.23,2.465h0.117l0.342-2.291h3.654l-3.23,15.195
+                    c-1.166,5.482-3.182,6.787-8.75,6.787c-3.713,0-6.361-0.639-5.16-5.191h3.422c-0.445,2.088,0.271,2.406,2.33,2.406
+                    c3.104,0,3.904-0.637,4.459-3.248L394.045,19.75z M388.279,13.863c-0.734,3.449-1.16,5.451,2.088,5.451
+                    c3.654,0,4.043-1.826,4.812-5.451c0.691-3.248,0.475-4.555-2.686-4.555C389.971,9.309,389.092,10.035,388.279,13.863z"></path>
+                  <path class="svg--fill-blue" d="M415.289,17.082c-1.018,4.785-3.822,5.016-8.172,5.016c-5.828,0-6.623-1.855-5.371-7.742
+                    c1.158-5.451,2.533-7.83,8.682-7.83c6.264,0,6.717,1.826,5.305,8.469h-10.469c-0.697,3.275-0.832,4.32,2.445,4.32
+                    c2.029,0,3.445,0.029,3.926-2.232H415.289z M412.572,12.674c0.666-3.133,0.25-3.365-2.736-3.365c-3.162,0-3.506,0.668-4.08,3.365
+                    H412.572z"></path>
+                </g>
+              </svg>
+            </a>
+            <p>100 College Drive Kankakee, IL 60901 <br>
+            <a class="links__darker-link" href="tel:18158028100">815-802-8100</a> <br>
+            © <span id="currentYear">2018</span> Kankakee Community College</p>
+          </div>
+        </div>
+      </div>
+    </footer>