{% extends 'base.html' %}

{% block content %}
<div class="w3-display-container" style="height: 200px">
    <div class="w3-row w3-half w3-display-middle">
        <div class="w3-blue-grey w3-col w3-mobile s6">
            <a class="w3-block w3-button" href="/train">
                <i class="material-icons w3-jumbo">school</i>
                <p>train</p>
            </a>
        </div>
        <div class="w3-blue-grey w3-col w3-mobile s6">
            <a class="w3-block w3-button" href="/manage">
                <i class="material-icons w3-jumbo">settings_applications</i>
                <p>manage vocabulary</p>
            </a>
        </div>
    </div>
</div>
{% endblock %}