{% extends 'bootstrap/base.html' %}

{% block title %}
Link Shortener
{% endblock %}

{% block content %}
<div class="container">
  <br>
  <div class="col-md-3"></div> 
  <div class="col-md-5">
    {% with messages = get_flashed_messages() %}
    {% if messages %}
    {% for message in messages %}
    <div class="alert alert-info" role="alert">{{ message }}</div>
    {% endfor %}
    {% endif %}
    {% endwith %}
  
    {# application content needs to be provided in the app_content block #}
    {% block app_content %}{% endblock %}
  </div>
  
</div>
{% endblock %}

{% block scripts %}
{{ super() }}
{% endblock %}