Mercedes Pattern Library

Sub Header 

<div class="m-sub-header">

    <div class="m-sub-header__img">
        <img src="/assets/images/sub-header-bg.jpeg" alt="">
    </div>

    <div class="m-sub-header__data-box">

        <div>
            <span>
					43
				</span> in lavorazione
        </div>

        <div>
            <span>
					43
				</span> in lavorazione
        </div>

        <div>
            <span>
					43
				</span> in lavorazione
        </div>

        <div>
            <span>
					43
				</span> in lavorazione
        </div>

    </div>

    <div class="m-sub-header__date">dicembre 2018</div>
    <a class="m-sub-header__cta" href="#">vedi statistiche</a>
</div>
 
<div class="m-sub-header">

	<div class="m-sub-header__img">
		<img src="{{ img }}" alt="">
	</div>
	
	<div class="m-sub-header__data-box">
		{% for item in data %}
			<div>
				<span>
					{{ item.int }}
				</span>
				{{ item.label }}
			</div>
		{% endfor %}
	</div>

	<div class="m-sub-header__date">{{ date }}</div>
	<a class="m-sub-header__cta" href="{{ cta.href }}">{{ cta.label }}</a>
</div>


{# Use the icon partial for easy inclusion #}
{# {% render '@icon', { id: 'foo', class: 'bar' } %} #}
{# Where "foo" is the icon file name without the extension #}
 
{
  "img": "/assets/images/sub-header-bg.jpeg",
  "data": [
    {
      "int": "43",
      "label": "in lavorazione"
    },
    {
      "int": "43",
      "label": "in lavorazione"
    },
    {
      "int": "43",
      "label": "in lavorazione"
    },
    {
      "int": "43",
      "label": "in lavorazione"
    }
  ],
  "date": "dicembre 2018",
  "cta": {
    "label": "vedi statistiche",
    "href": "#"
  }
}

There are no notes for this item.