{% extends "base.html" %}

{% block header %}{% endblock %}
{% block content %}
    <div class="homediv">
      <div class="hometitle text-center">
      <a class="homeurl harlow" href="{% url 'presentation' %}">
        <div class="d-flex justify-content-center mb-4">
            <div class="flex-grow-1 overleft red-bottom">&nbsp;</div>
            <div class="main-text red-bottom">The Bee’s Gospel Singers</div>
            <div class="flex-grow-1 overright">&nbsp;</div>
        </div>
        <div class="d-flex justify-content-center">
            <div class="flex-grow-1 overleft">&nbsp;</div>
            <div class="main-text red-bottom">Gospel de l’Abeille</div>
            <div class="flex-grow-1 overright red-bottom">&nbsp;</div>
        </div>
      </a>
      </div>
    </div>
    <div id="homeaudio" class="d-flex justify-content-center">
        <div class="text-start">
            <i>Écouter:</i><br>
            <audio controls src="{% static 'songs/WeShallOvercome.mp3' %}"></audio>
        </div>
    </div>
{% endblock %}