{% extends 'layout/template.twig' %}


{% block content %}
    <div class="container pt-container-ppal">
        <div class="row">
            <div class="col-md-7">
                {#fila 1#}
                <div class="col-container mt20">
                    <div class="col bg-color-perfil border-box-home btn-home">
                        <a href="perfil">
                            <div class="text-center">
                                <img src="assets/img/home/perfil3.png" class="img-responsive-custom btn-home"/>
                            </div>
                            <div class="p-text-btn-home">
                                <p class="whitecolor">Mi Perfil</p>
                            </div>
                        </a>
                    </div>
                    <div class="col bg-color-menu-personalizado border-box-home btn-home">
                        <a href="menupersonalizado">
                            <div class="text-center">
                                <img src="assets/img/home/menu_personalizado2.png" class="img-responsive-custom " />
                            </div>
                            <div class="p-text-btn-home">
                                <p class="whitecolor">Menú Personalizado</p>
                            </div>
                        </a>
                    </div>
                </div>
                {#fila 2#}
                <div class="col-container">
                    <div class="col bg-color-menus-saludables border-box-home btn-home">
                        <div class="text-center">
                            <img src="assets/img/home/menus_saludables.png" class="img-responsive-custom btn-home"/>
                        </div>
                        <div class="p-text-btn-home">
                            <p class="whitecolor">Menús Saludables</p>
                        </div>
                    </div>
                    {#<div class="col bg-color-trivial border-box">#}
                        {#<img src="assets/img/home/trivial.png" class="img-responsive-custom"/>#}
                        {#<div class="p-text-btn-home">#}
                            {#<p class="whitecolor">Trivial</p>#}
                        {#</div>#}
                    {#</div>#}
                </div>
            </div>

            <div class="col-md-5">
                <hr>
                <div class="row">
                    <div class="col-xs-10"> Inicio</div>
                    <div class="col-xs-2"><i class="fa fa-angle-right"></i></div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-xs-10"> Recetario</div>
                    <div class="col-xs-2"><i class="fa fa-angle-right"></i></div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-xs-10">Boletín saludable</div>
                    <div class="col-xs-2"><i class="fa fa-angle-right"></i></div>
                </div>
                <hr>
                <div class="row">
                    <div class="col-xs-10">Lista de la compra  </div>
                    <div class="col-xs-2"><i class="fa fa-angle-right"></i></div>
                </div>
            </div>
        </div>
    </div>


{% endblock %}




