{% extends "main.html" %}
{% set title = 'Home' %}
{% set page = 'home' %}

{% block content %}

  <header>
    {% include 'home/carousel.html' %}
  </header>

  <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/index.html</code>
                </p>
                <button id="click-me">Click me!</button>
            </div>
        </div>

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

    </div>

  </div>

{% endblock %}

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