{% extends 'base.html' %}

{% block body %}
    <div style="height: 95%;">
        {% block main_body %}
        {% endblock %}
    </div>
    <div style="width: 120%; background-color: lightsteelblue; margin-left: -10%; height: 10%; border-radius: 15px; padding: 5%;">
        <table style="width: 100%;">
            <tr>
                <td style="width: 33%">
                    <center>
                        <button style="border-width: 0; background-color: lightsteelblue;" onclick="window.location.href='/news'">
                            <i class="fa fa-search"></i><br>
                            Новости
                        </button>
                    </center>
                </td>
                <td style="width: 33%">
                    <center>
                        <button style="border-width: 0; background-color: lightsteelblue;" onclick="window.location.href='/'">
                            <i class="fa fa-dollar"></i><br>
                            Инвестиции
                        </button>
                    </center>
                </td>
                <td style="width: 33%">
                    <center>
                        <button style="border-width: 0; background-color: lightsteelblue;"  onclick="window.location.href='/profile?{{ user.username }}'">
                            <i class="fa fa-user"></i><br>
                            Профиль
                        </button>
                    </center>
                </td>
            </tr>
        </table>
    </div>
{% endblock %}