---
layout: default
---

{{ content }}


<!--
    NEWS/EVENTS SECTIOn
-->
    <section id="news-events" class="row mt-5">
    <!-- START NEWS-EVENTS CONTENT -->
        <aside id="events" class="col-lg-6">
          <h2 class="tk-adelle lang-orange">Events</h2>

	  {%- assign date_format = "%a %b %-d, %Y %l:%M%P" -%}
	  {%- assign time_format = "%l:%M%P" -%}
	  {%- assign eventsByStartTime = site.events | sort: "start_date" | reverse | slice: 0, 3 -%}
	  {%- for event in eventsByStartTime -%}
	  <div class="d-inline-block mt-3">
	    <h4>{{ event.title | escape }}</h4>
	    {{ event.excerpt }}
            <p>
	      <small class="text-muted text-uppercase d-block">{{ event.start_date | date: date_format }} - {{ event.end_date | date: time_format }}, {{ event.location }}</small>
	      <a class="article-link d-block text-right text-uppercase" href="{{ event.url | relative_url }}">Read more</a>
	    </p>
	  </div>
	  {%- endfor -%}
        </aside><!-- END EVENTS CONTENT -->

    <!-- START NEWS CONTENT -->
        <aside id="news" class="col-lg-6">
          <h2 class="tk-adelle lang-orange">News</h2>

	  {%- assign firstFewPosts = site.posts | slice: 0, 3 -%}
	  {%- for post in firstFewPosts -%}
	  <div class="d-inline-block mt-3">
	    <h4>{{ post.title | escape }}</h4>
	    {{ post.excerpt }}
            <p>
	      <small class="text-muted text-uppercase d-block">Submitted on {{ post.date | date: date_format }}</small>
	      <a class="article-link d-block text-right text-uppercase" href="{{ post.url | relative_url }}">Read more</a>
	    </p>
	  </div>
	  {%- endfor -%}
        </aside><!-- END NEWS CONTENT -->
    </section><!-- END NEWS-EVENTS CONTENT -->



<!--
    INSTRUCTOR TABLE
-->
    <section id="instructor-table" class="row mt-5">
        <div class="col">
            <h2 class="tk-adelle lang-orange">Team & Instructors</h2>
            <div class="table-responsive-sm mt-4">
                <table table style="height: 100px;" class="table">
                    <tbody>
                      <!-- TEAM/INSTRUCTOR ENTRY -->
		      {%- for person in site.people -%}
                        <tr>
                            <td class="align-middle text-left ">
                                <span class="tk-adelle h4">{{ person.name }}</span>
                                <span class="d-block lead font-weight-light text-muted">{{ person.title }}</span>
                            </td>
                            <td class="align-middle text-center lead text-muted"><a class="text-link" href="mailto:{{ person.name }} <{{ person.email }}>" target="_top">{{ person.email }}</a></td>
                            <td class="align-middle text-center lead text-muted"><a class="text-link" href="tel:{{ person.tel }}">{{ person.phone }}</a></td>
                            <!-- <td class="align-middle text-center "><a href="#"><i class="fab fa-3x fa-linkedin icon-style"></i></a></td> -->
                            <td class="align-middle text-center lead text-muted">{{ person.office }}</td>
                            <td class="align-middle text-center  lead text-muted">
                                {%- if person.website -%}
                                    <a class="tk-adelle instructor-space-link" href="{{ person.website }}"> Instructor's Space </a>
                                {%- endif -%}
                            </td>
                        </tr>
		      {%- endfor -%}
                    </tbody>
                </table>
            </div>
        </div>
    </section><!-- END INSTRUCTOR TABLE -->