{% extends 'content_base.html' %}

{% block pageTitle %}About all the things{% endblock %}

{% block content %}
<div class="container">
  <div class="panel panel-default">
    <div class="panel-body">
        There are 2 parts to this, me and my website. Information for both of which can be found using the links below.
    </div>
  </div>
</div>
<div class="container">
  <div class="row">
    <div class="col-sm-6">
      <div class="thumbnail">
        <p class="center-text mega-icon">
          <span class="glyphicon glyphicon-hdd" aria-hidden="true"></span>
        </p>
        <div class="caption">
          <h3>About Website</h3>
          <p>
            Some info about my website, which clearly works well as you're using it right now!
          </p>
          <p>
            <a href="{% url 'pages:about-website' %}" class="btn btn-primary btn-block">More Info</a>
          </p>
        </div>
      </div>
    </div>
    <div class="col-sm-6">
      <div class="thumbnail">
        <p class="center-text mega-icon">
          <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
        </p>
        <div class="caption">
          <h3>About Me</h3>
          <p>
            Some info about me. Although not very much. Because Privacy!
          </p>
          <p>
            <a href="{% url 'pages:about-me'%}" class="btn btn-primary btn-block">More Info</a>
          </p>
        </div>
      </div>
    </div>
  </div>
</div>

{% endblock %}