{% extends "layouts/console_layout.html" %}

{% block content %}
<a href="/causes" class="menu-link">
    <div class="menu-left">
        <div class="menu-icon-prefix">
            <span class="material-symbols-outlined">checklist</span>
        </div>
        <div class="menu-text">
            <span class="menu-line1">Causes</span>
            <span class="menu-line2">List, Curate, Sort all the causes</span>
        </div>
    </div>
    <span class="material-symbols-outlined menu-icon">chevron_right</span>
</a>

<a href="/culye" class="menu-link">
    <div class="menu-left">
        <div class="menu-icon-prefix">
            <span class="material-symbols-outlined">task_alt</span>
        </div>
        <div class="menu-text">
            <span class="menu-line1">Culye</span>
            <span class="menu-line2">Check, Cross, Tick, Finish, Act, Accomplish</span>
        </div>
    </div>
    <span class="material-symbols-outlined menu-icon">chevron_right</span>
</a>

<a href="/effects" class="menu-link">
    <div class="menu-left">
        <div class="menu-icon-prefix">
            <span class="material-symbols-outlined">insights</span>
        </div>
        <div class="menu-text">
            <span class="menu-line1">Effects</span>
            <span class="menu-line2">Outcome of your Actions</span>
        </div>
    </div>
    <span class="material-symbols-outlined menu-icon">chevron_right</span>
</a>
{% endblock %}