---
layout: default
title: AliceClass
permalink: /
---

{% include tutorial/tutorial.html %}

<div class="home-content">
    <div class="banner">
        <h1>Bem vindo ao Alice Class</h1>
        <h3>Participe de uma comunidade colaborativa para criar e compartilhar cursos e materiais educativos.</h3>
        
        <br/>
        <h4 style="margin-top: 100px;">E novo aqui? <span style="color: black;" id="start-tutorial">Click aqui</span> e conheça nosso site.</h4>
        <!-- <button id="start-tutorial">Iniciar Tutorial</button> -->
    </div>

    <div class="lasted">
        <div class="title-section">
            <h1 class="title" id="lasted">Ultimas aulas</h1>
        </div>

        <div class="content-box">
            {% assign aulas = site.data.aulas | sort: 'date' | reverse %}
            {% assign max_aulas = 6 %}
            {% assign count = 0 %}

            {% for aula in aulas %}
            {% if count < max_aulas %}
            {% assign count = count | plus: 1 %}
            {% assign nome = aula.name | replace: ".md","" %}
            <div class="box">
                <div class="box-top">
                    <figure>
											<img src="{{ site.baseurl }}/videos/{{ aula.user }}/thumbs/{{ aula.title }}.jpg">
                    </figure>
                </div>

                <div class="box-info">
										<h1><a href='{{ site.baseurl }}/aulas/{{ aula.title | slugify: "latin" }}.html' >{{  aula.title }}</a></h1>
                    <p>{{ aula.description  }}</p>
                </div>
            </div>
            {% endif %}
            {% endfor %}
        </div>
    </div>
</div>