<div class="aulas-content">
    <div class="title-content">
        <h1>Aulas</h1>
        <a class="button" href="{{ site.baseurl }}/forms/Aulas/enviarAulas.html" >Criar aula</a>
    </div>
    <div class="content">
        {% assign aulas = site.aulas | sort: 'date' | reverse %}
        {% assign max_aulas = 3 %}

        {% for aula in aulas %}
        {% assign nome = aula.name | replace: ".md","" %}
        <div class="box">
            <div class="box-top">
                <figure>
                    <img src="{{ site.baseurl }}/assets/thumbs/{{ nome }}.jpg">
                </figure>
            </div>

            <div class="box-info">
                <h1>{{  aula.title }}</h1>
                <p>{{ aula.description  }}</p>
            </div>
        </div>
        
        {% endfor %}
    </div>
</div>