{% 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">
                            <a href="menussaludables">
                                <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>
                            </a>
                        </div>
                </div>
            </div>
            <div class="col-md-5">

                <div class="row item-list-style mt30">
                    <div class="col-xs-10"> Inicio</div>
                    <div class="col-xs-2"><i class="fa fa-angle-right"></i></div>
                </div>
                <a href="recetario">
                    <div class="row item-list-style">
                        <div class="col-xs-10"> Recetario</div>
                        <div class="col-xs-2"><i class="fa fa-angle-right"></i></div>
                    </div>
                </a>

                <div class="row item-list-style">
                    <div class="col-xs-10">Boletín saludable</div>
                    <div class="col-xs-2"><i class="fa fa-angle-right"></i></div>
                </div>

                <div class="row item-list-style">
                    <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 %}




