<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="m-step-line">
<div class="m-step-line__child m-step-line__child--done">
Prodotto
</div>
<div class="m-step-line__child m-step-line__child--done">
Dati Commerciali
</div>
<div class="m-step-line__child m-step-line__child--active">
Piano finanziario
</div>
<div class="m-step-line__child m-step-line__child--inactive">
Anagrafica
</div>
<div class="m-step-line__child m-step-line__child--inactive">
Istruttoria
</div>
<div class="m-step-line__child m-step-line__child--inactive">
Contratto
</div>
<div class="m-step-line__child m-step-line__child--inactive">
Finalizzazione
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="a-info-auto">
<div>
<span class="a-info-auto__data-1">CLASSE A</span>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="ty-primary">
Seleziona un modello.
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="m-underline-nav ">
<a href="#" class="m-underline-nav__child m-underline-nav__child--active">
Vetture
</a>
<a href="#" class="m-underline-nav__child ">
Van
</a>
<a href="#" class="m-underline-nav__child ">
Truck
</a>
<a href="#" class="m-underline-nav__child ">
Smart
</a>
<a href="#" class="m-underline-nav__child ">
Altro
</a>
</div>
</div>
<div class="l-main-wrapper l-margin-top--small">
<div class="row">
<div class="col-3">
<div class="m-card-model m-card-model--selected">
<div class="m-card-model__head">
<strong>
Classe A
</strong>
<a href="#">
Stampa promozione
</a>
</div>
<div class="m-card-model__img">
<img src="/assets/images/car.png" alt="">
</div>
</div>
</div>
<div class="col-3">
<div class="m-card-model">
<div class="m-card-model__head">
<strong>
Classe A
</strong>
<a href="#">
Stampa promozione
</a>
</div>
<div class="m-card-model__img">
<img src="/assets/images/car.png" alt="">
</div>
</div>
</div>
<div class="col-3">
<div class="m-card-model">
<div class="m-card-model__head">
<strong>
Classe A
</strong>
<a href="#">
Stampa promozione
</a>
</div>
<div class="m-card-model__img">
<img src="/assets/images/car.png" alt="">
</div>
</div>
</div>
<div class="col-3">
<div class="m-card-model">
<div class="m-card-model__head">
<strong>
Classe A
</strong>
<a href="#">
Stampa promozione
</a>
</div>
<div class="m-card-model__img">
<img src="/assets/images/car.png" alt="">
</div>
</div>
</div>
<div class="col-3">
<div class="m-card-model">
<div class="m-card-model__head">
<strong>
Classe A
</strong>
<a href="#">
Stampa promozione
</a>
</div>
<div class="m-card-model__img">
<img src="/assets/images/car.png" alt="">
</div>
</div>
</div>
<div class="col-3">
<div class="m-card-model">
<div class="m-card-model__head">
<strong>
Classe A
</strong>
<a href="#">
Stampa promozione
</a>
</div>
<div class="m-card-model__img">
<img src="/assets/images/car.png" alt="">
</div>
</div>
</div>
<div class="col-3">
<div class="m-card-model">
<div class="m-card-model__head">
<strong>
Classe A
</strong>
<a href="#">
Stampa promozione
</a>
</div>
<div class="m-card-model__img">
<img src="/assets/images/car.png" alt="">
</div>
</div>
</div>
<div class="col-3">
<div class="m-card-model">
<div class="m-card-model__head">
<strong>
Classe A
</strong>
<a href="#">
Stampa promozione
</a>
</div>
<div class="m-card-model__img">
<img src="/assets/images/car.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="m-footer-controls">
<div class="m-footer-controls__child">
<div class="a-button a-button--transparent">
Esci
</div>
</div>
</div>
</div>
{% render '@header--small' %}
<div class="l-main-wrapper l-margin-top--normal">
{% render '@step-line'%}
</div>
<div class="l-main-wrapper l-margin-top--normal">
{% render '@info-auto', {
"data_1": "CLASSE A"
} %}
</div>
<div class="l-main-wrapper l-margin-top--normal">
<div class="ty-primary">
Seleziona un modello.
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
{% render '@underline-nav' %}
</div>
<div class="l-main-wrapper l-margin-top--small">
<div class="row">
<div class="col-3">
{% render '@card-model--selected' %}
</div>
{% for i in range(0, 7) %}
<div class="col-3">
{% render '@card-model' %}
</div>
{% endfor %}
</div>
</div>
<div class="l-main-wrapper l-margin-top--normal">
{% render '@footer-controls', {
"left": [
{
"atom": "buttons--transparent",
"value": "Esci"
}
]
} %}
</div>
/* No context defined for this component. */
There are no notes for this item.