{% extends "main.html" %}
{% set title = 'About' %}
{% set page = 'about' %}

{% block content %}

<div class="content container">

  <div class="container">

      <div class="row">
          <div class="col-lg-12 text-center">
              <p>
                  This page's codes stay in
                  <code>src/pages/about/index.html</code>
              </p>
              <button id="click-me">Click me!</button>
          </div>
      </div>

      {% include 'about/body.html' %}

  </div>

</div>

{% endblock %}

{% block scripts %}
<script type="text/javascript">
$('#click-me').on('click', function(){
    alert('Button clicked!');
});
</script>
{% endblock %}