Mercedes Pattern Library

Recap Header 

<div class="m-recap-header">
    <div class="m-recap-header__info">
        <div class="a-info-auto">
            <div>

                <span class="a-info-auto__data-1">CLASSE A</span>

                <span class="a-info-auto__data-2">80d Automatic Sport</span>

            </div>

            <div>
                <span class="a-info-auto__data-3">
                Codice Prodotto: 0123456789
            </span>
            </div>

            <div>
                <span class="a-info-auto__data-4">
                DIEGO BERTOLINI - Persona fisica
            </span>
            </div>

        </div>

    </div>

    <div class="m-recap-header__data">

        <div>
            <strong>
					finanziamento balloon
				</strong>
            <span>
					36 mesi
				</span>
        </div>

        <div>
            <strong>
					finanziamento balloon
				</strong>
            <span>
					36 mesi
				</span>
        </div>

        <div>
            <strong>
					finanziamento balloon
				</strong>
            <span>
					36 mesi
				</span>
        </div>

        <div>
            <strong>
					finanziamento balloon
				</strong>
            <span>
					36 mesi
				</span>
        </div>

    </div>
</div>
 
<div class="m-recap-header">
	<div class="m-recap-header__info">
		{% render '@info-auto' %}
	</div>

	<div class="m-recap-header__data">
		{% for item in data %}
			<div>
				<strong>
					{{ item.title }}
				</strong>
				<span>
					{{ item.value }}
				</span>
			</div>
		{% endfor %}
	</div>
</div>
 
{
  "data": [
    {
      "title": "finanziamento balloon",
      "value": "36 mesi"
    },
    {
      "title": "finanziamento balloon",
      "value": "36 mesi"
    },
    {
      "title": "finanziamento balloon",
      "value": "36 mesi"
    },
    {
      "title": "finanziamento balloon",
      "value": "36 mesi"
    }
  ]
}

There are no notes for this item.