Mercedes Pattern Library

Proposal Header 

<div class="m-proposal-header">
    <div class="m-proposal-header__data">
        <div class="align-center">
            <div class="a-indicator  danger  ">
                F.S.
            </div>
            <span>
				PD: 2
			</span>
        </div>
        <div>
            <strong>
				Proposta 1001004798 <a href="#" class="a-link">
	
	(5)
</a>
			</strong>
            <small>
				CLASSE A 80d Automatic Sport 
			</small>
        </div>
        <div>
            <strong>
				Diego Bertolini
			</strong>
            <small>
				Persona fisica 
			</small>
        </div>
        <div class="align-center">
            <div class="m-action-controls">

                <div class="m-action-controls__child">

                    <svg class="icon icon--loked">
  <use xlink:href="../../assets/icons.svg#loked" />
</svg>

                    <div class="m-action-controls__child__notification">

                        <div class="a-notification">
                            3
                        </div>

                    </div>

                </div>

            </div>

        </div>
        <div>
            <strong>
				Finanz. Balloon
			</strong>
            <small>
				Durata 36 mesi 
			</small>
        </div>
        <div>
            <strong>
				6.000 €
			</strong>
            <small>
				Maxi rata 
			</small>
        </div>
        <div>
            <strong>
				8.000 €
			</strong>
            <small>
				Anticipo
			</small>
        </div>
        <div>
            <strong>
				320,29 €
			</strong>
            <small>
				Rata media
			</small>
        </div>
        <div>
            <strong>
				25.578,09 €
			</strong>
            <small>
				Importo finanziato
			</small>
        </div>

        <div class="align-right">
            <a href="#" class="a-link">
	
		<svg class="icon icon--assegna">
  <use xlink:href="../../assets/icons.svg#assegna" />
</svg>

	
	Assegna
</a>
            <small>
				Assegnato a: Bonino
			</small>
        </div>
    </div>
</div>
 
<div class="m-proposal-header">
	<div class="m-proposal-header__data">
		<div class="align-center">
			{% render '@indicator', {'label': 'F.S.', 'status': 'danger'} %}
			<span>
				PD: 2
			</span>
		</div>
		<div>
			<strong>
				Proposta 1001004798 {% render '@link', {'label' : '(5)'} %}
			</strong>
			<small>
				CLASSE A 80d Automatic Sport 
			</small>
		</div>
		<div>
			<strong>
				Diego Bertolini
			</strong>
			<small>
				Persona fisica 
			</small>
		</div>
		<div class="align-center">
			{% render '@action-controls', { "actions": [{ "icon": "loked", "count": 3 }]} %}
		</div>
		<div>
			<strong>
				Finanz. Balloon
			</strong>
			<small>
				Durata 36 mesi 
			</small>
		</div>
		<div>
			<strong>
				6.000 €
			</strong>
			<small>
				Maxi rata 
			</small>
		</div>
		<div>
			<strong>
				8.000 €
			</strong>
			<small>
				Anticipo
			</small>
		</div>
		<div>
			<strong>
				320,29 €
			</strong>
			<small>
				Rata media
			</small>
		</div>
		<div>
			<strong>
				25.578,09 €
			</strong>
			<small>
				Importo finanziato
			</small>
		</div>

		<div class="align-right">
			{% render '@link', {'label' : 'Assegna', 'icon': 'assegna'} %}
			<small>
				Assegnato a: Bonino
			</small>
		</div>
	</div>
</div>
 
{
  "data": []
}

There are no notes for this item.