{% extends "layout.html" %}
{% block title %}{{ this.title }}{% endblock %}

{% block body %}

<main role="main" class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 content-scroll" data-spy="scroll" data-target="#components-nav" data-offset="0">
  <!--h1 class="mt-5">{{ this.title }}</h1-->

  <div class="row">
    <div class="col-12">
      <div class="page-header mb-4 mt-5">
        <h3>About</h3>
        <p class="text-muted">We are making Tor usable for everyone.</p>
      </div>
      {{ this.body }}
      <div>
        <p class="m-0">Tor UX Team</p>
        <button class="btn btn-link p-0">ux@lists.torproject.org</button>
      </div>
    </div>
  </div>

  {% include 'footer.html' %}


</main>
{% endblock %}