<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="resources-center-wrapper resources-center-filtered">
<!-- No lleva splitter porque en uno de los organismos que compone el Resources center filtered -->
<div class="resources">
<div class="resources__header">
<div class="resources__title">
<h2 class="
title-l
">
Cras iaculis nunc diam
</h2>
</div>
</div>
<div class="resources__options">
<ul class="row">
<li class="col-xs-12 col-ms-6 col-sm-3 col-lg-3 col">
<div class="tile-resources">
<div class="tile-resources__pic" style="background-image: url(/dist/images/distributor-3.jpg)"></div>
<div class="tile-resources__content">
<div class="tile-resources__title">
<h3 class="
title-m
title-m_color_light
">Lorem ipsum dolor</h3>
</div>
<div class="tile-resources__bodycopy">
<div class="
bodycopy-m
bodycopy_color_light
">
Vestibulum sodales lacus in mauris accumsan consequat.
</div>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-3 col-lg-3 col">
<div class="tile-resources">
<div class="tile-resources__pic" style="background-image: url(/dist/images/distributor-3.jpg)"></div>
<div class="tile-resources__content">
<div class="tile-resources__title">
<h3 class="
title-m
title-m_color_light
">Lorem ipsum dolor</h3>
</div>
<div class="tile-resources__bodycopy">
<div class="
bodycopy-m
bodycopy_color_light
">
Vestibulum sodales lacus in mauris accumsan consequat.
</div>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-3 col-lg-3 col">
<div class="tile-resources">
<div class="tile-resources__pic" style="background-image: url(/dist/images/distributor-3.jpg)"></div>
<div class="tile-resources__content">
<div class="tile-resources__title">
<h3 class="
title-m
title-m_color_light
">Lorem ipsum dolor</h3>
</div>
<div class="tile-resources__bodycopy">
<div class="
bodycopy-m
bodycopy_color_light
">
Vestibulum sodales lacus in mauris accumsan consequat.
</div>
</div>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-3 col-lg-3 col">
<div class="tile-resources">
<div class="tile-resources__pic" style="background-image: url(/dist/images/distributor-3.jpg)"></div>
<div class="tile-resources__content">
<div class="tile-resources__title">
<h3 class="
title-m
title-m_color_light
">Lorem ipsum dolor</h3>
</div>
<div class="tile-resources__bodycopy">
<div class="
bodycopy-m
bodycopy_color_light
">
Vestibulum sodales lacus in mauris accumsan consequat.
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="resources__footer">
<div class="resources__link">
<a class="link
" href="#" id="resources-distributor-see-more-button">
<span>Lorem ipsum dolor sit</span>
</a>
</div>
</div>
</div>
<!-- No lleva splitter porque en uno de los organismos que compone el Resources center filtered -->
<div class="resources-center resources-center_results ">
<div class="resources-center__title">
<h2 class="
title-l
">
Explore o nosso centro de recursos
</h2>
</div>
<div class="resources-center__resultsText">
<div class="resources-center__resultsText-generic">
<div id="" class="
bodycopy-l
">A mostrar resultados de pesquisa:</div>
</div>
<div class="resources-center__resultsText-chosen">
<div id="" class="
bodycopy-l
">Guias</div> <span class="clear-filter">
<span class="link link_not-a-link
">
</span>
</span>
</div>
</div>
<div class="resources-center__list">
<div class="row">
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="resources-card">
<div class="resources-card__img">
<a href="#" class="resources-card__img-link" title="" style="background-image:url(/dist/images/featured.jpg)">
</a>
</div>
<a class="resources-card__category" href="#ok-category-link-working">
<div class="
text-label-s
"><span>Vídeo</span></div>
</a>
<div class="resources-card__core">
<div class="resources-card__text">
<div class="resources-card__text-title">
<h3 class="
title-m
">O que deve ter em conta antes de comprar uma casa?</h3>
</div>
<div class="resources-card__text-date">
<div class="text-label-m">10 abril 2022</div>
</div>
</div>
<a class="resources-card__icon" href="#ok-arrow-link-workin">
<div class="
nav-arrow
">
<svg class="icon icon-arrow-right ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-right"></use>
</svg>
</div>
</a>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="resources-card">
<div class="resources-card__img">
<a href="#" class="resources-card__img-link" title="" style="background-image:url(/dist/images/access-highlight-bg.jpg)">
</a>
</div>
<a class="resources-card__category" href="#ok-category-link-working">
<div class="
text-label-s
"><span>Webinar</span></div>
</a>
<div class="resources-card__core">
<div class="resources-card__text">
<div class="resources-card__text-title">
<h3 class="
title-m
">O que deve ter em conta antes de comprar uma casa?</h3>
</div>
<div class="resources-card__text-date">
<div class="text-label-m">10 abril 2022</div>
</div>
</div>
<a class="resources-card__icon" href="#ok-arrow-link-workin">
<div class="
nav-arrow
">
<svg class="icon icon-arrow-right ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-right"></use>
</svg>
</div>
</a>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="resources-card">
<div class="resources-card__img">
<a href="#" class="resources-card__img-link" title="" style="background-image:url(/dist/images/access-highlight-bg-lap.jpg)">
</a>
</div>
<a class="resources-card__category" href="#ok-category-link-working">
<div class="
text-label-s
"><span>Guia</span></div>
</a>
<div class="resources-card__core">
<div class="resources-card__text">
<div class="resources-card__text-title">
<h3 class="
title-m
">O que deve ter em conta antes de comprar uma casa?</h3>
</div>
<div class="resources-card__text-date">
<div class="text-label-m">10 abril 2022</div>
</div>
</div>
<a class="resources-card__icon" href="#ok-arrow-link-workin">
<div class="
nav-arrow
">
<svg class="icon icon-arrow-right ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-right"></use>
</svg>
</div>
</a>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="resources-card">
<div class="resources-card__img">
<a href="#" class="resources-card__img-link" title="" style="background-image:url(/dist/images/distributor-2.jpg)">
</a>
</div>
<a class="resources-card__category" href="#ok-category-link-working">
<div class="
text-label-s
"><span>Vídeo</span></div>
</a>
<div class="resources-card__core">
<div class="resources-card__text">
<div class="resources-card__text-title">
<h3 class="
title-m
">O que deve ter em conta antes de comprar uma casa?O que deve ter em conta antes de comprar uma casa?</h3>
</div>
<div class="resources-card__text-date">
<div class="text-label-m">10 abril 2022</div>
</div>
</div>
<a class="resources-card__icon" href="#ok-arrow-link-workin">
<div class="
nav-arrow
">
<svg class="icon icon-arrow-right ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-right"></use>
</svg>
</div>
</a>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="resources-card">
<div class="resources-card__img">
<a href="#" class="resources-card__img-link" title="" style="background-image:url(/dist/images/distributor-3.jpg)">
</a>
</div>
<a class="resources-card__category" href="#ok-category-link-working">
<div class="
text-label-s
"><span>Guia</span></div>
</a>
<div class="resources-card__core">
<div class="resources-card__text">
<div class="resources-card__text-title">
<h3 class="
title-m
">O que deve ter em conta antes de comprar uma casa? O que deve ter em conta antes de comprar uma casa?</h3>
</div>
<div class="resources-card__text-date">
<div class="text-label-m">10 abril 2022</div>
</div>
</div>
<a class="resources-card__icon" href="#ok-arrow-link-workin">
<div class="
nav-arrow
">
<svg class="icon icon-arrow-right ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-right"></use>
</svg>
</div>
</a>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="resources-card">
<div class="resources-card__img">
<a href="#" class="resources-card__img-link" title="" style="background-image:url(/dist/images/hipotecas-featured.jpg)">
</a>
</div>
<a class="resources-card__category" href="#ok-category-link-working">
<div class="
text-label-s
"><span>Webinar</span></div>
</a>
<div class="resources-card__core">
<div class="resources-card__text">
<div class="resources-card__text-title">
<h3 class="
title-m
">O que deve ter em conta antes de comprar uma casa?O que deve ter em conta antes de comprar uma casa?</h3>
</div>
<div class="resources-card__text-date">
<div class="text-label-m">10 abril 2022</div>
</div>
</div>
<a class="resources-card__icon" href="#ok-arrow-link-workin">
<div class="
nav-arrow
">
<svg class="icon icon-arrow-right ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-right"></use>
</svg>
</div>
</a>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="resources-card">
<div class="resources-card__img">
<a href="#" class="resources-card__img-link" title="" style="background-image:url(/dist/images/testimonials-bg.jpg)">
</a>
</div>
<a class="resources-card__category" href="#ok-category-link-working">
<div class="
text-label-s
"><span>Webinar</span></div>
</a>
<div class="resources-card__core">
<div class="resources-card__text">
<div class="resources-card__text-title">
<h3 class="
title-m
">O que deve ter em conta antes de comprar uma casa?O que deve ter em conta antes de comprar uma casa?</h3>
</div>
<div class="resources-card__text-date">
<div class="text-label-m">10 abril 2022</div>
</div>
</div>
<a class="resources-card__icon" href="#ok-arrow-link-workin">
<div class="
nav-arrow
">
<svg class="icon icon-arrow-right ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-right"></use>
</svg>
</div>
</a>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="resources-card">
<div class="resources-card__img">
<a href="#" class="resources-card__img-link" title="" style="background-image:url(/dist/images/testimonials-bg2.jpg)">
</a>
</div>
<a class="resources-card__category" href="#ok-category-link-working">
<div class="
text-label-s
"><span>Guia</span></div>
</a>
<div class="resources-card__core">
<div class="resources-card__text">
<div class="resources-card__text-title">
<h3 class="
title-m
">O que deve ter em conta antes de comprar uma casa?</h3>
</div>
<div class="resources-card__text-date">
<div class="text-label-m">10 abril 2022</div>
</div>
</div>
<a class="resources-card__icon" href="#ok-arrow-link-workin">
<div class="
nav-arrow
">
<svg class="icon icon-arrow-right ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-right"></use>
</svg>
</div>
</a>
</div>
</div>
</li>
<li class="col-xs-12 col-ms-6 col-sm-4 col-lg-4">
<div class="resources-card">
<div class="resources-card__img">
<a href="#" class="resources-card__img-link" title="" style="background-image:url(/dist/images/product.jpg)">
</a>
</div>
<a class="resources-card__category" href="#ok-category-link-working">
<div class="
text-label-s
"><span>Guia</span></div>
</a>
<div class="resources-card__core">
<div class="resources-card__text">
<div class="resources-card__text-title">
<h3 class="
title-m
">O que deve ter em conta antes de comprar uma casa?</h3>
</div>
<div class="resources-card__text-date">
<div class="text-label-m">10 abril 2022</div>
</div>
</div>
<a class="resources-card__icon" href="#ok-arrow-link-workin">
<div class="
nav-arrow
">
<svg class="icon icon-arrow-right ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#arrow-right"></use>
</svg>
</div>
</a>
</div>
</div>
</li>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{{#extend '@splitter' splitter }}
{{#content 'content-first-column'}}
<div class="resources-center-wrapper resources-center-filtered"{{#if hasID}} id="{{idComponent}}"{{/if}}>
{{ render '@resources--with-link' }}
{{ render '@resources-center--results-format' }}
</div>
{{/content}}
{{/extend}}
{
"splitter": {
"oneColumn": true,
"bgColorWhite": true,
"paddingTopLarge": true,
"paddingBottomLarge": true
}
}
.resources-center-filtered{
&.resources-center-wrapper{
.resources-center{
margin-top: 70px;
}
}
}
No notes defined.