<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="login-form" id="login-form">
<div class="row">
<div class="login-form__wrapper col-xs-12 col-ms-8 col-sm-6 col-ms-mr-ml col ">
<h1 class="
title-l
">
Accede a tu Área privada
</h1>
<form class="login-form__form form-distinguisher_login-form " id="" action="#" method="post" novalidate>
<div class="login-form__content">
<ul class="form-list">
<li class="form-list__item ">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-md-10 col-lg-10">
<div class="form-list__field required">
<div class="form-fieldset" id="">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Documento de identidad</label>
<div class="field-top__wrap">
</div>
</div> <input class="input
input-distinguisher_NIE
" id="login-NIE" type="number" name="" title="login-NIE" autocomplete="" placeholder="Introduce tu NIF / Pasaporte / NIE / CIF" />
<div class="form-fieldset__valid-indicator">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
</div>
<div class="field-bottom">
<div class="field-bottom__error-message">
<span class="error-message">Introduce un número válido.</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="form-list__item ">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-md-10 col-lg-10">
<div class="form-list__field required">
<div class="form-fieldset" id="">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Contraseña</label>
<div class="field-top__wrap">
</div>
</div> <input class="input
input-distinguisher_password
" id="login-password" type="password" name="" title="password" autocomplete="" placeholder="Introduce la contraseña que has recibido por SMS" />
<div class="form-fieldset__valid-indicator">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
</div>
<div class="field-bottom">
<div class="field-bottom__error-message">
<span class="error-message">La contraseña debe tener al menos 8 caracteres, un número, una letra mayúscula y minúscula.</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
<div>
<div class="form-btn">
<div class="form-btn__submit">
<button id="" class="btn
" type="submit">
Acceder
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{{#extend '@splitter' splitter }}
{{#content 'content-first-column'}}
<div class="login-form" {{#if id}} id="{{id}}" {{/if}}>
<div class="row">
<div class="login-form__wrapper col-xs-12 col-ms-8 col-sm-6 col-ms-mr-ml col ">
{{> @title-l title }}
{{#if subtitle}}<h6>Te enviaremos un SMS con instrucciones para recuperarla</h6>{{/if}}
<form class="login-form__form form-distinguisher_login-form {{ class }}" id="{{id-form}}" action="#" method="post" novalidate>
<div class="login-form__content">
{{> @form-list form-list }}
{{#if forget}}<div class="forget">{{> @link forget }}</div>{{/if}}
<div{{#if submitClass}} class="{{ submitClass }}"{{/if}}>
{{> @form-btn submit-btn }}
</div>
</div>
</form>
</div>
</div>
</div>
{{/content}}
{{/extend}}
{
"splitter": {
"oneColumn": true,
"bgColorWhite": true,
"paddingTopLarge": true,
"paddingBottomLarge": true
},
"id": "login-form",
"title": {
"text": "Accede a tu Área privada",
"isH1": true
},
"form-list": {
"form-list": [
{
"isOneColumn": true,
"col": "col-xs-12 col-ms-12 col-sm-12 col-md-10 col-lg-10",
"isRequired": true,
"form-fieldset": {
"field-top": {
"label": {
"text": "Documento de identidad"
}
},
"input": {
"distinguisher": "NIE",
"id": "login-NIE",
"title": "login-NIE",
"type": "number",
"placeholder": "Introduce tu NIF / Pasaporte / NIE / CIF"
},
"field-bottom": {
"error-message": {
"text": "Introduce un número válido."
}
}
}
},
{
"isOneColumn": true,
"col": "col-xs-12 col-ms-12 col-sm-12 col-md-10 col-lg-10",
"isRequired": true,
"form-fieldset": {
"field-top": {
"label": {
"text": "Contraseña"
}
},
"input": {
"distinguisher": "password",
"id": "login-password",
"type": "password",
"title": "password",
"placeholder": "Introduce la contraseña que has recibido por SMS"
},
"field-bottom": {
"error-message": {
"text": "La contraseña debe tener al menos 8 caracteres, un número, una letra mayúscula y minúscula."
}
}
}
}
]
},
"submit-btn": {
"btn": {
"type": "submit",
"text": "Acceder"
}
}
}
.login-form {
&__wrapper {
gap: 30px;
}
.title-l {
//margin-bottom: 40px;
}
h6 {
//margin-bottom: 52px;
}
&__content {
position: relative;
display: flex;
flex-flow: column;
margin-top: 12px;
gap: 30px;
.forget {
position: absolute;
right: 0;
margin-top: -58px;
@media (--viewport-ms-max) {
margin-top: -56px;
}
}
.form-checkbox-group {
margin-top: -20px;
}
.form-btn {
margin-top: 0;
}
}
}
No notes defined.