{% block header %}
    <!DOCTYPE HTML>
    <!--
        Massively by HTML5 UP
        html5up.net | @ajlkn
        Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
    -->
    <html lang="fr">
    <head>
        <title>{{ configuration.organisation }}</title>
        <meta charset="utf-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
        {% load static %}
        <style>
            #wrapper > .bg {
                background-image: url("{% static 'html5up-massively/images/overlay.png' %}"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("/media/{{ configuration.img }}");
            }
        </style>
        <link rel="stylesheet" href="{% static 'html5up-massively/assets/css/main.css' %}"/>

        {#    <noscript>#}
        {#        <link rel="stylesheet" href="{% static 'html5up-massively/assets/css/noscript.css' %}"/>#}
        {#    </noscript>#}
    </head>

{% endblock header %}

{% block content %}
{% endblock content %}

{% block footer %}


    <!-- Footer -->

    {#							<footer>#}
    {#								<div class="pagination">#}
    {#									<!--<a href="#" class="previous">Prev</a>-->#}
    {#									<a href="#" class="page active">1</a>#}
    {#									<a href="#" class="page">2</a>#}
    {#									<a href="#" class="page">3</a>#}
    {#									<span class="extra">&hellip;</span>#}
    {#									<a href="#" class="page">8</a>#}
    {#									<a href="#" class="page">9</a>#}
    {#									<a href="#" class="page">10</a>#}
    {#									<a href="#" class="next">Next</a>#}
    {#								</div>#}
    {#							</footer>#}


    <!-- Footer -->
    <footer id="footer">
        {#        <section>#}
        {#            <form method="post" action="#">#}
        {#                <div class="fields">#}
        {#                    <div class="field">#}
        {#                        <label for="name">Name</label>#}
        {#                        <input type="text" name="name" id="name"/>#}
        {#                    </div>#}
        {#                    <div class="field">#}
        {#                        <label for="email">Email</label>#}
        {#                        <input type="text" name="email" id="email"/>#}
        {#                    </div>#}
        {#                    <div class="field">#}
        {#                        <label for="message">Message</label>#}
        {#                        <textarea name="message" id="message" rows="3"></textarea>#}
        {#                    </div>#}
        {#                </div>#}
        {#                <ul class="actions">#}
        {#                    <li><input type="submit" value="Send Message"/></li>#}
        {#                </ul>#}
        {#            </form>#}
        {#        </section>#}
        <section class="split contact">
            <section class="alt">
                <h3>Adresse</h3>
                <p>{{ configuration.adresse }}</p>
            </section>
            <section>
                <h3>Téléphone</h3>
                <p>{{ configuration.phone }}</p>
            </section>
            <section>
                <h3>Email</h3>
                <p><a href="mailto:{{ configuration.email }}">{{ configuration.email }}</a></p>
            </section>
            <section>
                <h3>Social</h3>
                <ul class="icons alt">

                    {% if configuration.twitter %}
                        <li><a href="{{ configuration.twitter }}" class="icon brands alt fa-twitter"><span
                                class="label">Twitter</span></a>
                        </li>
                    {% endif %}
                    {% if configuration.facebook %}
                        <li><a href="{{ configuration.facebook }}" class="icon brands alt fa-facebook-f"><span
                                class="label">Facebook</span></a></li>
                    {% endif %}
                    {% if configuration.instagram %}
                        <li><a href="{{ configuration.instagram }}" class="icon brands alt fa-instagram"><span
                                class="label">Instagram</span></a></li>
                    {% endif %}
                </ul>
            </section>
        </section>
    </footer>

    <!-- Copyright -->
    <div id="copyright">
        <ul>
            <li><a href="https://tibillet.re">TiBillet</a></li>
            <li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
        </ul>
    </div>


    <script src="{% static 'html5up-massively/assets/js/jquery.min.js' %}"></script>
    <script src="{% static 'html5up-massively/assets/js/jquery.scrollex.min.js' %}"></script>
    <script src="{% static 'html5up-massively/assets/js/jquery.scrolly.min.js' %}"></script>
    <script src="{% static 'html5up-massively/assets/js/browser.min.js' %}"></script>
    <script src="{% static 'html5up-massively/assets/js/breakpoints.min.js' %}"></script>
    <script src="{% static 'html5up-massively/assets/js/util.js' %}"></script>
    <script src="{% static 'html5up-massively/assets/js/main.js' %}"></script>


    </body>
    </html>

{% endblock footer %}
