{% extends "layout.html" %}

{% block body_header_additional %}
<h1 style=" position: fixed; top: 0em;">Header</h1>
{% endblock body_header_additional %}

{% block body_content %}
    <div class="container">
        <div class="row">
            <div class="col justify-content-center text-center">
                <p>Using dark themed Bootstrap 4 CSS files...</p>
                <p>Themes:&nbsp;<a href="https://bootswatch.com/" target="_blank">Bootswatch</a></p>
                <p>Using Font Awesome CSS files...</p>
                <p>Icons:&nbsp;<a href="https://fontawesome.com/icons/" target="_blank">Font Awesome</a></p>
            </div>
        </div>
    </div>
{% endblock body_content %}


{% block body_footer_additional %}
<h1 style=" position: fixed; bottom: 0em;">Footer</h1>
{% endblock body_footer_additional %}

{% block body_scripts_additional %}
    <script src="{{ url_for('static', filename='js/ui-logic.js')}}"></script>
    <script src="{{ url_for('static', filename='js/post-ajax.js')}}"></script>
    <script src="{{ url_for('static', filename='js/ajax.js')}}"></script>
    <script src="{{ url_for('static', filename='js/events.js')}}"></script>
{% endblock body_scripts_additional %}
