contact.html

---
title: Contact
subtitle: We'd love to hear from you!
layout: page
redirect_from:
  - /website/contact.html
---
{% capture right_column %}

## Address

<address>
 The Beauty and Joy of Computing<br />
 777 Soda Hall<br />
 Berkeley, CA 94720
</address>

## Email Address
[{{ site.email }}](mailto:{{ site.email }})

## Social Profiles

<div class="col-xs-12 social-icons">
  <a href="https://twitter.com/{{site.twitter_username}}" aria-label="BJC Twitter">
    <i class="fa fa-twitter-square fa-2x" aria-hidden=true></i>
  </a>
  <a href="https://facebook.com/{{site.facebook_username}}" aria-label="BJC Facebook">
    <i class="fa fa-facebook-square fa-2x" aria-hidden="true"></i>
  </a>
  <a href="https://instagram.com/{{site.instagram_username}}" aria-label="BJC Instagram">
    <i class="fa fa-instagram fa-2x" aria-hidden="true"></i>
  </a>
</div>

{% endcapture %}


{% capture section_content %}
<div class="row">
  <div class="col-md-8 col-sm-6 col-xs-12">
    <div class="js-submitMessageTarget"></div>
    <h2>Send a message</h2>
    <form class="js-contactForm">
      <div class="form-group">
        <label class="control-label requiredField" for="name">
          Name <span>*</span>
        </label>
        <input
          class="form-control"
          id="name"
          name="name"
          type="text"
          required
        />
      </div>
      <div class="form-group">
        <label class="control-label requiredField" for="email">
          Email Address <span>*</span>
        </label>
        <input
          class="form-control"
          id="email"
          name="email"
          type="email"
          required
        />
      </div>
      <div class="form-group">
        <label class="control-label" for="school_name">
          With which school(s) are you associated?
        </label>
        <input
          class="form-control"
          id="school_name"
          name="school_name"
          type="text"
        />
      </div>
      <div class="form-group">
        <label class="control-label" for="role">
          What is your role?
        </label>
        <select class="select form-control" id="role" name="role">
          <option value="Teacher">Teacher</option>
          <option value="Administrator">Administrator</option>
          <option value="Parent">Parent</option>
          <option value="Other">Other</option>
        </select>
      </div>
      <div class="form-group">
        <label class="control-label requiredField" for="subject">
          Subject <span>*</span>
        </label>
        <input
          class="form-control"
          id="subject"
          name="subject"
          type="text"
          required
        />
      </div>
      <div class="form-group">
        <label class="control-label requiredField" for="message">
          Message <span>*</span>
        </label>
        <textarea
          class="form-control"
          cols="40"
          rows="6"
          id="message"
          name="message"
          required
        ></textarea>
      </div>
      <button class="btn btn-primary" name="submit" type="submit">
        Submit
      </button>
    </form>
  </div>

  <div class="col-md-4 col-sm-6 col-xs-12">
    {{ right_column | markdownify }}
  </div>
</div>
{% endcapture %}
{% include section.html %}