---
layout: base
---
{% include mode_switcher.html %}

{% assign my = site.my %}
<div class="row" id="about">
    <header id="title">
        <img src="{{ crturl }}images/me.png">
        <h1><small>{{ my.jobTitle }}</small></h1>
    </header>

    <section id="intro">
        <h2>&nbsp</h2>
        <p>Bio here</p>
    </section>

    <section id="skillsets">
        <h2><small>SKILLSETS</small></h2>
        <ul id="security">
            <i>Security</i>
            {% for skill in my.skills.security %}
            <li>{{ skill }}</li>
            {% endfor %}
        </ul>
        <ul id="coding">
            <i>Coding</i>
            {% for skill in my.skills.coding %}
            <li>{{ skill }}</li>
            {% endfor %}
        </ul>
        <ul id="tools">
            <i>Tools</i>
            {% for skill in my.skills.tools %}
            <li>{{ skill }}</li>
            {% endfor %}
        </ul>
    </section>

    <section id="findme">
        <h2><small>FIND ME ON</small></h2>
        <ul>
            <li><a href="{{ my.contact.github }}"><i class="fa fa-github"></i></a></li>
            <li><a href="{{ my.contact.google-plus }}"><i class="fa fa-google-plus"></i></a></li>
        </ul>
    </section>

    <section id="action">
        <h2></small>Contact Me</small></h2>
        <a href="{{ crturl }}resume">View my resume</a>
        <span> or </span>
        <a href="mailto:{{ my.contact.email }}">e-mail me</a>
    </section>

</div>
