<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="interest-rates-simple
">
<div class="col-xs-12 col-ms-12 col-ms-mr-ml col-sm-10 col-lg-10 col">
<div class="interest-rates-simple__oneRateWrapper">
<div class="interest-rates-simple__oneRateWrapper-textBlock">
<h2 class="
title-xl
">Descubra qual a melhor taxa para si</h2>
<div class="
bodycopy-m
">
Não importa se mora num aluguer, se está a pensar em comprar uma casa ou se simplesmente precisa de um serviço. Na UCI oferecemos-lhe sempre o que precisa, um projeto único onde só você escolhe o que quer e quando quer: Financiamento, seguros e serviços para a sua casa.
</div>
</div>
<div class="interest-rates-simple__oneRateWrapper-rateBlock">
<div class="interest-rates-simple__tile-interest-rate">
<div class="tile-simple-interest-rate">
<div class="tile-simple-interest-rate__head">
<div class="tile-simple-interest-rate__pic">
<img class="tile-simple-interest-rate__img" src="/dist/images/tipofijo.svg" alt="[object Object]">
</div>
<div class="tile-simple-interest-rate__title">
<h1 class="
title-xl
">Tipo Fijo</h1>
</div>
</div>
<ul class="tile-simple-interest-rate__main">
<li class="tile-simple-interest-rate__item">
<div class="tile-simple-interest-rate__item-title">
<span>
<svg class="icon icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#check">
</use>
</svg>
</span>
<span>
<div class="
bodycopy-m
">
De 10 a 15 anos
</div>
</span>
</div>
</li>
<li class="tile-simple-interest-rate__item">
<div class="tile-simple-interest-rate__item-title">
<span>
<svg class="icon icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#check">
</use>
</svg>
</span>
<span>
<div class="
bodycopy-m
">
A solução Taxa Fixa permite fixar o valor da taxa de juro durante o prazo do empréstimo (de 10 a 15 anos) e garantir que a prestação nunca se altera.
</div>
</span>
</div>
</li>
</ul>
<div class="tile-simple-interest-rate__footer">
<a class="link
" href="#">
<span>Ver mais</span>
</a>
</div>
</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="interest-rates-simple
{{#if isBackgroundWhite}}interest-rates-simple_whiteBackground{{/if}}">
{{#if isOnlyOneRate}}
<div class="col-xs-12 col-ms-12 col-ms-mr-ml col-sm-10 col-lg-10 col">
<div class="interest-rates-simple__oneRateWrapper">
<div class="interest-rates-simple__oneRateWrapper-textBlock">
{{> @title-xl this.title}}
{{> @bodycopy-m this.description}}
</div>
<div class="interest-rates-simple__oneRateWrapper-rateBlock">
{{#each interest}}
<div class="interest-rates-simple__tile-interest-rate">
{{> @tile-simple-interest-rate this }}
</div>
{{/each}}
</div>
</div>
</div>
{{else}}
<div class="interest-rates-simple__head">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<div class="text ">
<div class="row">
<div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-10 col-lg-10 col">
<div class="text__content">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-6 col-lg-6 col">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-md-10 col-lg-10 col">
{{> @title-xl this.title}}
</div>
</div>
</div>
<div class="col-xs-12 col-ms-12 col-sm-6 col-lg-6 col">
<div class="text__bodycopy">
{{> @bodycopy-m this.description}}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-12 col-lg-12">
<div class="interest-rates-simple__tiles" id="rate_gotop">
<ul class="row center-xs center-ms center-sm center-lg">
{{#each interest}}
<li class="col-xs-12 col-ms-12 col-sm-4 col-lg-4 col">
<div class="interest-rates-simple__tile-interest-rate">
{{> @tile-simple-interest-rate this }}
</div>
</li>
{{/each}}
</ul>
</div>
</div>
</div>
{{/if}}
</div>
{{/content}}
{{/extend}}
{
"hasID": false,
"splitter": {
"oneColumn": true,
"bgColorWhite": true,
"paddingTopLarge": true,
"paddingBottomLarge": true
},
"title": {
"text": "Descubra qual a melhor taxa para si",
"isH2": true
},
"description": {
"text": "Não importa se mora num aluguer, se está a pensar em comprar uma casa ou se simplesmente precisa de um serviço. Na UCI oferecemos-lhe sempre o que precisa, um projeto único onde só você escolhe o que quer e quando quer: Financiamento, seguros e serviços para a sua casa."
},
"interest": [
{
"imageUrl": "/dist/images/tipofijo.svg",
"title": {
"text": "Tipo Fijo"
},
"interest-rate": [
{
"interest-rate-title": {
"text": "De 10 a 15 anos"
}
},
{
"interest-rate-title": {
"text": "A solução Taxa Fixa permite fixar o valor da taxa de juro durante o prazo do empréstimo (de 10 a 15 anos) e garantir que a prestação nunca se altera."
}
}
],
"link": {
"href": "#",
"text": "Ver mais"
}
}
],
"isOnlyOneRate": true
}
.interest-rates-simple {
margin-bottom: 40px;
&_whiteBackground {
.interest-rates-simple {
&__tile-interest-rate {
.tile-simple-interest-rate {
background-color: var(--color-primary);
}
}
}
}
&__oneRateWrapper {
display: flex;
flex-flow: row;
@media(--viewport-ms-max) {
flex-flow: column;
}
&-textBlock {
display: flex;
flex-flow: column;
width: 50%;
@media(--viewport-sm-min) {
padding-right:100px
}
@media(--viewport-ms-max) {
width: 100%;
padding-bottom:40px;
}
.title-xl {
text-align: left;
color: var(--color-text) !important;
padding-bottom: 30px;
}
}
&-rateBlock {
display: flex;
justify-content: flex-end;
width: 50%;
@media(--viewport-ms-max) {
width: 100%;
}
.tile-simple-interest-rate {
@media(--viewport-sm-min) {
width: 400px;
}
}
}
}
&__head {
padding-bottom:80px;
padding-top:80px;
.title-xl {
text-align: left;
color: var(--color-text) !important;
}
}
&__tiles {
margin-bottom: -40px;
}
&__tile-interest-rate {
height: 100%;
margin-bottom: 40px;
}
}
No notes defined.