contact.html

---
title: Contact
layout: default
order: 7
menu: main
bodyClass: contact
---

<div class="jumbotron">
    <div class="container">
        <header>
            <h1>{{page.title}}</h1>
        </header>
    </div>
</div>

<div class="container">
    <h2>Send Us a Message</h2>
    <form class="form-horizontal" action="https://phpsc-emailer.herokuapp.com/contact" method="post">
        <div class="form-group">
            <label for="from" class="col-sm-2 control-label">
                Your email
            </label>
            <div class="col-sm-6">
                <input type="email" name="from" id="from" class="form-control" required>
            </div>
        </div>
        <div class="form-group">
            <label for="message" class="col-sm-2 control-label">
                Your message
            </label>
            <div class="col-sm-6">
                <textarea name="message" id="message" class="form-control" required rows="10"></textarea>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <input type="submit" class="btn btn-primary" value="Send">
            </div>
        </div>
    </form>

    <h3>Social Media</h3>
    <ul class="list-unstyled">
        {% for social in site.social %}
        <li>
            <i class="fa fa-{{ social.title }} fa-2x fa-fw"></i>
            <a href="{{ social.url }}" title="{{ social.title | capitalize }}">
                {{ social.title | capitalize }}
            </a>
        </li>
        {% endfor %}
    </ul>
</div>