<header class="m-header m-header--small">
<a class="m-header__logo" href="#">
<img src="/assets/images/m-logo.png" alt="">
</a>
<div class="m-header__nav">
<div class="m-header__links">
<a href="#" class="m-header__link m-header__link--active">Proposte</a>
<a href="#" class="m-header__link">Rifinanziamenti</a>
<a href="#" class="m-header__link">myMobilityPass</a>
<a href="#" class="m-header__link"><svg class="icon icon--user">
<use xlink:href="../../assets/icons.svg#user" />
</svg>
</a>
</div>
</div>
</header>
<div class="l-main-wrapper l-margin-top--normal">
<div class="ty-primary">
Acquisisci tramite OCR.
</div>
</div>
<div class="l-main-wrapper l-margin-top--small">
<p class="ty-medium c-black">
Riepilogo dei documenti caricati.
</p>
</div>
<div class="l-main-wrapper l-margin-top--small">
<div class="row">
<div class="m-document-file">
<div class="m-document-file__title">
<p class="ty-medium c-black">
Tessera sanitaria
</p>
</div>
<div class="m-document-file__img">
<div class="m-document-file__delete">
<svg class="icon icon--delete">
<use xlink:href="../../assets/icons.svg#delete" />
</svg>
</div>
<img src="https://via.placeholder.com/150x98" alt="">
</div>
<div class="m-document-file__link">
<a href="#" class="a-link">
<svg class="icon icon--plus-circle">
<use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>
label
</a>
</div>
</div>
<div class="m-document-file">
<div class="m-document-file__title">
<p class="ty-medium c-black">
Tessera sanitaria
</p>
</div>
<div class="m-document-file__img">
<div class="m-document-file__delete">
<svg class="icon icon--delete">
<use xlink:href="../../assets/icons.svg#delete" />
</svg>
</div>
<img src="https://via.placeholder.com/150x98" alt="">
</div>
<div class="m-document-file__link">
<a href="#" class="a-link">
<svg class="icon icon--plus-circle">
<use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>
label
</a>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--small">
<p class="ty-medium c-black">
Vuoi caricare un altro documento?
</p>
<p class="ty-medium">
Seleziona il documento da acquisire.
</p>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row">
<div class="col-4">
<div class="a-button a-button--file">
<div class="a-button--name">
<svg class="icon icon--passaporto">
<use xlink:href="../../assets/icons.svg#passaporto" />
</svg> Button
</div>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
<div class="col-4">
<div class="a-button a-button--file">
<div class="a-button--name">
<svg class="icon icon--passaporto">
<use xlink:href="../../assets/icons.svg#passaporto" />
</svg> Button
</div>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
<div class="col-4">
<div class="a-button a-button--file">
<div class="a-button--name">
<svg class="icon icon--passaporto">
<use xlink:href="../../assets/icons.svg#passaporto" />
</svg> Button
</div>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
<div class="a-button a-button--file-active">
Button
<svg class="icon icon--alert">
<use xlink:href="../../assets/icons.svg#alert" />
</svg>
</div>
</div>
<div class="col-4">
<div class="a-button a-button--file">
<div class="a-button--name">
<svg class="icon icon--passaporto">
<use xlink:href="../../assets/icons.svg#passaporto" />
</svg> Button
</div>
<svg class="icon icon--arrow-down">
<use xlink:href="../../assets/icons.svg#arrow-down" />
</svg>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--big">
<div class="m-footer-controls">
<div class="m-footer-controls__child">
<div class="a-button a-button--transparent">
Salva ed esci
</div>
</div>
<div class="m-footer-controls__child">
<div class="a-button">
Indietro
</div>
<div class="a-button a-button--azure">
Avanti
</div>
</div>
</div>
</div>
{% render '@header--small' %}
<div class="l-main-wrapper l-margin-top--normal">
<div class="ty-primary">
Acquisisci tramite OCR.
</div>
</div>
<div class="l-main-wrapper l-margin-top--small">
<p class="ty-medium c-black">
Riepilogo dei documenti caricati.
</p>
</div>
<div class="l-main-wrapper l-margin-top--small">
<div class="row">
{% render '@document-file' %}
{% render '@document-file' %}
</div>
</div>
<div class="l-main-wrapper l-margin-top--small">
<p class="ty-medium c-black">
Vuoi caricare un altro documento?
</p>
<p class="ty-medium">
Seleziona il documento da acquisire.
</p>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="row">
<div class="col-4">
{% render '@buttons--file' %}
</div>
<div class="col-4">
{% render '@buttons--file' %}
</div>
<div class="col-4">
{% render '@buttons--file' %}
</div>
</div>
<div class="row l-margin-top--small">
<div class="col-4">
{% render '@buttons--file-active' %}
</div>
<div class="col-4">
{% render '@buttons--file' %}
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--big">
{% render '@footer-controls', footerControls %}
</div>
{
"footerControls": {
"left": [
{
"atom": "buttons--transparent",
"value": "Salva ed esci"
}
],
"right": [
{
"atom": "buttons",
"value": "Indietro"
},
{
"atom": "buttons--azure",
"value": "Avanti"
}
]
}
}
There are no notes for this item.