<section class="splitter splitter_bg-color_white splitter_padding_bottom_40-60 ">
<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="search-results-list">
<div class="row">
<div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-7 col-lg-7 col">
<ul class="items-list">
<li>
<div class="search-result-item">
<div class="search-result-item__section">
<div class="text-label-m">PRODUCTOS - RESIDENTES</div>
</div>
<div class="search-result-item__title">
<a href="#">
<h3 class="
title-m
"><strong>Hipoteca</strong> compra de casa</h3>
</a>
</div>
<div class="search-result-item__txt">
<div class="
bodycopy-m
">
<p>Tu quieres una casa y nosotros lo hacemos posible. Estás a punto de dar un gran paso en tu vida, y necesitas saber por dónde empezar.</p>
</div>
</div>
</div>
</li>
<li>
<div class="search-result-item">
<div class="search-result-item__section">
<div class="text-label-m">BLOG</div>
</div>
<div class="search-result-item__title">
<a href="#">
<h3 class="
title-m
">¿Las <strong>hipotecas</strong> desgravan? Te contamos cómo hacerlo en 2020</h3>
</a>
</div>
<div class="search-result-item__txt">
<div class="
bodycopy-m
">
<p>A nadie le amarga un dulce y menos si es en forma de ahorro en la renta. Si tienes una <strong>hipoteca</strong> o estás pensando en comprar casa y …</p>
</div>
</div>
</div>
</li>
<li>
<div class="search-result-item">
<div class="search-result-item__section">
<div class="text-label-m">PRODUCTOS - RESIDENTES</div>
</div>
<div class="search-result-item__title">
<a href="#">
<h3 class="
title-m
"><strong>Hipoteca</strong> compra de casa</h3>
</a>
</div>
<div class="search-result-item__txt">
<div class="
bodycopy-m
">
<p>Tu quieres una casa y nosotros lo hacemos posible. Estás a punto de dar un gran paso en tu vida, y necesitas saber por dónde empezar.</p>
</div>
</div>
</div>
</li>
<li>
<div class="search-result-item">
<div class="search-result-item__section">
<div class="text-label-m">BLOG</div>
</div>
<div class="search-result-item__title">
<a href="#">
<h3 class="
title-m
">¿Las <strong>hipotecas</strong> desgravan? Te contamos cómo hacerlo en 2020</h3>
</a>
</div>
<div class="search-result-item__txt">
<div class="
bodycopy-m
">
<p>A nadie le amarga un dulce y menos si es en forma de ahorro en la renta. Si tienes una <strong>hipoteca</strong> o estás pensando en comprar casa y …</p>
</div>
</div>
</div>
</li>
</ul>
<!-- La variante "for integration" refleja lo que debe ser integrado para que funcione como un componente. La default es necesaria para la previsualización en fractal (CA) -->
<div class="pagination ">
<ul class="pagination__list">
<li class="pagination__item pagination-1">
<div class="pagination__link pagination__prev">
<svg class="icon icon-chebron-left ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-left"></use>
</svg>
</div>
</li>
<li class="pagination__item pagination-2 active">
<span class="pagination__link">1</span>
</li>
<li class="pagination__item pagination-3">
<span>...</span>
</li>
<li class="pagination__item pagination-4">
<span class="pagination__link"></span>
</li>
<li class="pagination__item pagination-5">
<span class="pagination__link"></span>
</li>
<li class="pagination__item pagination-6">
<span class="pagination__link"></span>
</li>
<li class="pagination__item pagination-7">
<span>...</span>
</li>
<li class="pagination__item pagination-8">
<span class="pagination__link total"></span>
</li>
<li class="pagination__item pagination-9">
<div class="pagination__link pagination__next">
<svg class="icon icon-chebron-left ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-left"></use>
</svg>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{{#extend '@splitter' splitter }}
{{#content 'content-first-column'}}
<div {{#if hasID}}id="{{idComponent}}"{{/if}} class="search-results-list">
<div class="row">
<div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-7 col-lg-7 col">
<ul class="items-list">
<li>
{{> @search-result-item item }}
</li>
<li>
{{> @search-result-item item-blog }}
</li>
<li>
{{> @search-result-item item }}
</li>
<li>
{{> @search-result-item item-blog }}
</li>
</ul>
{{> @pagination pagination }}
</div>
</div>
</div>
</div>
</div>
{{/content}}
{{/extend}}
{
"hasID": false,
"splitter": {
"oneColumn": true,
"bgColorWhite": true,
"paddingBottom4060": true
},
"item": {
"section": {
"text": "PRODUCTOS - RESIDENTES"
},
"title": {
"text": "<strong>Hipoteca</strong> compra de casa"
},
"txt": {
"text": "<p>Tu quieres una casa y nosotros lo hacemos posible. Estás a punto de dar un gran paso en tu vida, y necesitas saber por dónde empezar.</p>"
}
},
"item-blog": {
"section": {
"text": "BLOG"
},
"title": {
"text": "¿Las <strong>hipotecas</strong> desgravan? Te contamos cómo hacerlo en 2020"
},
"txt": {
"text": "<p>A nadie le amarga un dulce y menos si es en forma de ahorro en la renta. Si tienes una <strong>hipoteca</strong> o estás pensando en comprar casa y …</p>"
}
}
}
.search-results-list {
ul.items-list{
li+li{margin-top:40px;}
}
.pagination{
margin-top: 40px;
&__list{
justify-content: center;
}
}
}
No notes defined.