UCI
<section class="splitter  splitter_bg-color_white       splitter_padding_bottom_small     ">
    <div class="container">
        <div class="splitter__wrapper">
            <div class="row">
                <div class="col-xs-12 col-ms-12 col-sm-5 col-lg-5">
                    <div class="row">
                        <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-9 col-lg-9 col">
                            <div class="sidebar-layout-aggregator">
                                <div class="tile-aggregator">
                                    <div class="tile-aggregator__title">
                                        <p class="
                                    title-m
                                    
                                    
                                    
                                    
                                ">Solicitud de hipotecas</p>

                                    </div>
                                    <div class="tile-aggregator__body">
                                        <ul class="tile-aggregator__list">
                                            <li class="tile-aggregator__item">
                                                <div class="tile-aggregator__link">
                                                    <span class="link link_not-a-link
                                                    
                                                    ">
                                                        <span>¿Qué necesito para solicitar una hipoteca?</span>
                                                    </span>

                                                </div>
                                            </li>
                                            <li class="tile-aggregator__item">
                                                <div class="tile-aggregator__link">
                                                    <a class="link
                                                    link_simple
                                                    
                                                    
                                                    
                                                    
                                                    link_has-icon link_has-icon_after
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    link_continue
                                                    link_transparent
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    " href="#">
                                                        <span>¿Qué cifra mínima puedo solicitar?</span>
                                                        <svg class="icon icon-chebron-left      icon-after">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-left"></use>
                                                        </svg>
                                                    </a>

                                                </div>
                                            </li>
                                            <li class="tile-aggregator__item">
                                                <div class="tile-aggregator__link">
                                                    <a class="link
                                                    link_simple
                                                    
                                                    
                                                    
                                                    
                                                    link_has-icon link_has-icon_after
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    link_continue
                                                    link_transparent
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    " href="#">
                                                        <span>¿Qué necesito para solicitar una hipoteca?</span>
                                                        <svg class="icon icon-chebron-left      icon-after">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-left"></use>
                                                        </svg>
                                                    </a>

                                                </div>
                                            </li>
                                            <li class="tile-aggregator__item">
                                                <div class="tile-aggregator__link">
                                                    <a class="link
                                                    link_simple
                                                    
                                                    
                                                    
                                                    
                                                    link_has-icon link_has-icon_after
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    link_continue
                                                    link_transparent
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    " href="#">
                                                        <span>¿Necesito tener dinero ahorrado?</span>
                                                        <svg class="icon icon-chebron-left      icon-after">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-left"></use>
                                                        </svg>
                                                    </a>

                                                </div>
                                            </li>
                                            <li class="tile-aggregator__item">
                                                <div class="tile-aggregator__link">
                                                    <a class="link
                                                    link_simple
                                                    
                                                    
                                                    
                                                    
                                                    link_has-icon link_has-icon_after
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    link_continue
                                                    link_transparent
                                                    
                                                    
                                                    
                                                    
                                                    
                                                    " href="#">
                                                        <span>¿Qué tipo de hipoteca puedo solicitar?</span>
                                                        <svg class="icon icon-chebron-left      icon-after">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-left"></use>
                                                        </svg>
                                                    </a>

                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-ms-12 col-sm-7 col-lg-7">
                    <div class="row">
                        <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-sm-mr-ml-0 col-lg-12 col">
                            <div class="sidebar-layout-text rich-text-general text-legal">
                                <h1 class='title-l'>¿Qué necesito para solicitar una hipoteca?</h1>
                                <h3 class='title-m'>Documentación</h3>
                                <p class='bodycopy-l'>Los ingresos mensuales netos de los solicitantes son la base de cualquier análisis de riesgo a efectos de aprobarnos o denegarnos una hipoteca</p>
                                <p class='bodycopy-m'>Para pedir financiación es vital que los ingresos de nómina, los de autónomo, rentas por alquiler de viviendas en propiedad o cualquier otra entrada de dinero mensual sean suficientes para hacer frente a la cuota hipotecaria. Lo que técnicamente se llama capacidad de reembolso. Nuestro porcentaje de endeudamiento respecto a los ingresos no debensuperar entre el 30 y el 40%, lo que significa que nunca nos aprobarán un préstamo cuya</p>
                                <ul class='bodycopy-m'>
                                    <li>3 últimas nominas</li>
                                    <li>Última declaración de IRPF y/o certificado de retenciones de la empresa</li>
                                    <li>Contrato de trabajo<ul class='bodycopy-s'>
                                            <li>Ha de ser un contrato indefinido</li>
                                            <li>Con una antiguedad mínima de un año</li>
                                        </ul>
                                    </li>
                                </ul>
                                <h3 class='title-m'>Requisitos</h3>
                                <p class='bodycopy-m'>Para pedir financiación es vital que los ingresos de nómina, los de autónomo, rentas por alquiler de viviendas en propiedad o cualquier otra entrada de dinero mensual sean suficientes para hacer frente a la cuota hipotecaria. Lo que técnicamente se llama capacidad de reembolso.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{{#extend '@splitter' splitter }}
    {{#content 'content-first-column'}}
        <div {{#if hasID}}id="{{idComponent}}"{{/if}} class="row">
            <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-9 col-lg-9 col">
                <div class="sidebar-layout-aggregator">
                    {{> @tile-aggregator aggregator }}
                </div>
            </div>
        </div>
    {{/content}}
    {{#content 'content-second-column'}}
        <div class="row">
            <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-sm-mr-ml-0 col-lg-12 col">
                <div class="sidebar-layout-text rich-text-general text-legal">
                    {{{ text }}}
                </div>
            </div>
        </div>
    {{/content}}
{{/extend}}
{
  "hasID": false,
  "splitter": {
    "twoColumnFiveSeven": true,
    "bgColorWhite": true,
    "paddingBottomSmall": true
  },
  "text": "<h1 class='title-l'>¿Qué necesito para solicitar una hipoteca?</h1><h3 class='title-m'>Documentación</h3><p class='bodycopy-l'>Los ingresos mensuales netos de los solicitantes son la base de cualquier análisis de riesgo a efectos de aprobarnos o denegarnos una hipoteca</p><p class='bodycopy-m'>Para pedir financiación es vital que los ingresos de nómina, los de autónomo, rentas por alquiler de viviendas en propiedad o cualquier otra entrada de dinero mensual sean suficientes para hacer frente a la cuota hipotecaria. Lo que técnicamente se llama capacidad de reembolso. Nuestro porcentaje de endeudamiento respecto a los ingresos no debensuperar entre el 30 y el 40%, lo que significa que nunca nos aprobarán un préstamo cuya</p><ul class='bodycopy-m'><li>3 últimas nominas</li><li>Última declaración de IRPF y/o certificado de retenciones de la empresa</li><li>Contrato de trabajo<ul class='bodycopy-s'><li>Ha de ser un contrato indefinido</li><li>Con una antiguedad mínima de un año</li></ul></li></ul><h3 class='title-m'>Requisitos</h3><p class='bodycopy-m'>Para pedir financiación es vital que los ingresos de nómina, los de autónomo, rentas por alquiler de viviendas en propiedad o cualquier otra entrada de dinero mensual sean suficientes para hacer frente a la cuota hipotecaria. Lo que técnicamente se llama capacidad de reembolso.</p>",
  "aggregator": {
    "title": {
      "text": "Solicitud de hipotecas",
      "isP": true
    },
    "link": [
      {
        "text": "¿Qué necesito para solicitar una hipoteca?"
      },
      {
        "isSimple": true,
        "icon-after": {
          "name": "chebron-left",
          "isAfter": true
        },
        "isContinue": true,
        "isTransparent": true,
        "href": "#",
        "text": "¿Qué cifra mínima puedo solicitar?"
      },
      {
        "isSimple": true,
        "icon-after": {
          "name": "chebron-left",
          "isAfter": true
        },
        "isContinue": true,
        "isTransparent": true,
        "href": "#",
        "text": "¿Qué necesito para solicitar una hipoteca?"
      },
      {
        "isSimple": true,
        "icon-after": {
          "name": "chebron-left",
          "isAfter": true
        },
        "isContinue": true,
        "isTransparent": true,
        "href": "#",
        "text": "¿Necesito tener dinero ahorrado?"
      },
      {
        "isSimple": true,
        "icon-after": {
          "name": "chebron-left",
          "isAfter": true
        },
        "isContinue": true,
        "isTransparent": true,
        "href": "#",
        "text": "¿Qué tipo de hipoteca puedo solicitar?"
      }
    ]
  }
}
  • Content:
    .sidebar-layout {
        &-text {
            &.text-legal{
                @media (--viewport-xs-max) {
                overflow-x: scroll;
                }
            }
        }
    
        &-aggregator {
            @media (--viewport-xs-only) {
                margin: 0 -20px;
            }
            @media (--viewport-xs-max) {
                margin-bottom: 60px;
            }
    
            @media (--viewport-ms-only) {
                margin-bottom: 80px;
            }
        }
    }
    
  • URL: /components/raw/sidebar-layout/sidebar-layout.css
  • Filesystem Path: src/03-organisms/sidebar-layout/sidebar-layout.css
  • Size: 423 Bytes

No notes defined.