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

{% block action_zone %}

{% endblock %}

{% block content %}
    <div class="container">
        <div class="row">
            <div class="col-md-7">
                {#fila 1#}
                <div class="col-container">
                    <div class="col bg-color-menu-personalizado">
                        <h2>Column 1</h2>
                        <p>Hello World</p>
                    </div>

                    <div class="col bg-color-perfil">
                        <h2>Column 2</h2>
                        <p>Hello World!</p>
                        <p>Hello World!</p>
                        <p>Hello World!</p>
                        <p>Hello World!</p>
                    </div>
                </div>

                {#fila 2#}
                <div class="col-container">
                    <div class="col bg-color-menus-saludables">
                        <h2>Column 1</h2>
                        <p>Hello World</p>
                    </div>
                    <div class="col bg-color-trivial">
                        <h2>Column 2</h2>
                        <p>Hello World!</p>
                        <p>Hello World!</p>
                        <p>Hello World!</p>
                        <p>Hello World!</p>
                    </div>
                </div>
            </div>

            <div class="col-md-5"></div>
        </div>
    </div>


{% endblock %}




