<section class="splitter splitter_bg-color_white splitter_padding_top_large splitter_padding_bottom_large ">
<div class="container">
<div class="splitter__wrapper">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<div class="aggregator">
<div class="row">
<div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-12 col-lg-12 col">
<div class="aggregator__title">
<h3 class="
title-l
">
Échale un vistazo a estos enlaces y documentos de interés
</h3>
</div>
<div class="aggregator__list">
<ul class="row">
<li class="col-xs-12 col-ms-12 col-sm-4 col-lg-4 col">
<div class="aggregator__item">
<div class="tile-aggregator">
<div class="tile-aggregator__title">
<h4 class="
title-m
">Sobre UCI</h4>
</div>
<div class="tile-aggregator__body">
<ul class="tile-aggregator__list">
<li class="tile-aggregator__item">
<div class="tile-aggregator__link">
<a class="link
link_simple
link_has-icon link_has-icon_after
link_continue
" 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
" href="#">
<span>¿Tengo que 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
" 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>
</ul>
<div class="tile-aggregator__extra">
<div class="tile-aggregator__extra-link">
<a class="link
" href="#">
<span>Más sobre UCI</span>
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-12 col-sm-4 col-lg-4 col">
<div class="aggregator__item">
<div class="tile-aggregator">
<div class="tile-aggregator__title">
<h4 class="
title-m
">Sobre UCI</h4>
</div>
<div class="tile-aggregator__body">
<ul class="tile-aggregator__list">
<li class="tile-aggregator__item">
<div class="tile-aggregator__link">
<a class="link
link_simple
link_has-icon link_has-icon_after
link_continue
" 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
" href="#">
<span>¿Tengo que 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
" 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>
</ul>
<div class="tile-aggregator__extra">
<div class="tile-aggregator__extra-link">
<a class="link
" href="#">
<span>Más sobre UCI</span>
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-12 col-sm-4 col-lg-4 col">
<div class="aggregator__item">
<div class="tile-aggregator">
<div class="tile-aggregator__title">
<h4 class="
title-m
">Sobre UCI</h4>
</div>
<div class="tile-aggregator__body">
<ul class="tile-aggregator__list">
<li class="tile-aggregator__item">
<div class="tile-aggregator__link">
<a class="link
link_simple
link_has-icon link_has-icon_after
link_continue
" 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
" href="#">
<span>¿Tengo que 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
" 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>
</ul>
<div class="tile-aggregator__extra">
<div class="tile-aggregator__extra-link">
<a class="link
" href="#">
<span>Más sobre UCI</span>
</a>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{{#extend '@splitter' splitter }}
{{#content 'content-first-column'}}
<div {{#if hasID}}id="{{idComponent}}"{{/if}} class="aggregator">
<div class="row">
<div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-12 col-lg-12 col">
<div class="aggregator__title">
{{> @title-l title }}
</div>
<div class="aggregator__list">
<ul class="row">
{{#each tile-aggregator}}
<li class="col-xs-12 col-ms-12 col-sm-4 col-lg-4 col">
<div class="aggregator__item">
{{> @tile-aggregator this }}
</div>
</li>
{{/each}}
</ul>
</div>
</div>
</div>
</div>
{{/content}}
{{/extend}}
{
"hasID": false,
"splitter": {
"oneColumn": true,
"bgColorWhite": true,
"paddingTopLarge": true,
"paddingBottomLarge": true
},
"title": {
"text": "Échale un vistazo a estos enlaces y documentos de interés",
"isH3": true
},
"tile-aggregator": [
{
"title": {
"text": "Sobre UCI",
"isH4": true
},
"link": [
{
"isSimple": true,
"icon-after": {
"name": "chebron-left",
"isAfter": true
},
"isContinue": true,
"href": "#",
"text": "¿Qué necesito para solicitar una hipoteca?"
},
{
"isSimple": true,
"icon-after": {
"name": "chebron-left",
"isAfter": true
},
"isContinue": true,
"href": "#",
"text": "¿Tengo que tener dinero ahorrado?"
},
{
"isSimple": true,
"icon-after": {
"name": "chebron-left",
"isAfter": true
},
"isContinue": true,
"href": "#",
"text": "¿Qué necesito para solicitar una hipoteca?"
}
],
"extra-link": {
"href": "#",
"text": "Más sobre UCI"
}
},
{
"title": {
"text": "Sobre UCI",
"isH4": true
},
"link": [
{
"isSimple": true,
"icon-after": {
"name": "chebron-left",
"isAfter": true
},
"isContinue": true,
"href": "#",
"text": "¿Qué necesito para solicitar una hipoteca?"
},
{
"isSimple": true,
"icon-after": {
"name": "chebron-left",
"isAfter": true
},
"isContinue": true,
"href": "#",
"text": "¿Tengo que tener dinero ahorrado?"
},
{
"isSimple": true,
"icon-after": {
"name": "chebron-left",
"isAfter": true
},
"isContinue": true,
"href": "#",
"text": "¿Qué necesito para solicitar una hipoteca?"
}
],
"extra-link": {
"href": "#",
"text": "Más sobre UCI"
}
},
{
"title": {
"text": "Sobre UCI",
"isH4": true
},
"link": [
{
"isSimple": true,
"icon-after": {
"name": "chebron-left",
"isAfter": true
},
"isContinue": true,
"href": "#",
"text": "¿Qué necesito para solicitar una hipoteca?"
},
{
"isSimple": true,
"icon-after": {
"name": "chebron-left",
"isAfter": true
},
"isContinue": true,
"href": "#",
"text": "¿Tengo que tener dinero ahorrado?"
},
{
"isSimple": true,
"icon-after": {
"name": "chebron-left",
"isAfter": true
},
"isContinue": true,
"href": "#",
"text": "¿Qué necesito para solicitar una hipoteca?"
}
],
"extra-link": {
"href": "#",
"text": "Más sobre UCI"
}
}
]
}
.aggregator {
&__title {
margin-bottom: 60px;
text-align: center;
}
&__item {
display: flex;
flex: 1;
}
&__list {
margin-bottom: -30px;
.col {
margin-bottom: 30px;
}
}
}
No notes defined.