{% extends 'base.html.twig' %}

{% block title %}Atelier Rockschool{% endblock %}

{% block body %}
<section class="student-title">
    <h1>Atelier Rockschool</h1>
</section>

<section class="band-members">

<article class="member">
    <h3>La guitaaaaaaaaaaaaaaaaaaaaaaaare</h3>
    <section class="songs">
        <ul>
            <li><strong>Titanium</strong> (David Guetta / Sia)
            <br/><i class="fa-solid fa-file-pdf" style="margin-left:5px;"></i> <a href="/mediasatelier/titanium_gtr1.pdf" target="_blank">Titanum Guitare 01</a>
            <br/><i class="fa-solid fa-file-pdf" style="margin-left:5px;"></i> <a href="/mediasatelier/titanium_gtr2.pdf" target="_blank">Titanum Guitare 02</a>
            <br/><i class="fa-solid fa-headphones" style="margin-left:5px;"></i> <a href="/mediasatelier/ateliersia.mp3" target="_blank">Enregistrement</a>
            </li>
        </ul>
    </section>
</article>


    <article class="member">
        <h3>Bénédicte – Chant</h3>
        <section class="songs">
            <ul>
                <li><strong>Titanium</strong> (David Guetta / Sia)
                <br/><i class="fa-solid fa-headphones" style="margin-left:5px;"></i> <a href="/mediasatelier/titanium-3.mp3" target="_blank">Tonalité-3</a>,  <a href="/mediasatelier/titanium+1.mp3" target="_blank">Tonalité+1</a></li>
            </ul>
        </section>
    </article>

    <article class="member">
        <h3>Patrick – Batterie</h3>
        <section class="songs">
            <ul>
            <li><strong>Titanium</strong> (David Guetta / Sia)
            <br/><i class="fa-solid fa-file-pdf" style="margin-left:5px;"></i> <a href="/mediasatelier/titanum_drums.pdf" target="_blank">Titanum Batterie</a>
            <br/><i class="fa-solid fa-headphones" style="margin-left:5px;"></i> <a href="/mediasatelier/titanum_drums.mp3" target="_blank">Titanum Batterie</a>
            </li>
            </ul>
        </section>
    </article>

    <article class="member">
        <h3>Richard – Guitare</h3>
        <section class="songs">
            <ul>
                <li><strong>Titanium</strong> (David Guetta / Sia)</li>
            </ul>
        </section>
    </article>

 <article class="member">
        <h3>Didier – Guitare</h3>
        <section class="songs">
            <ul>
                <li><strong>Titanium</strong> (David Guetta / Sia)</li>
            </ul>
        </section>
    </article>


</section>


{% endblock %}