Mercedes Pattern Library

Sub Header 

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

    <div class="m-slider-header__slide">
        <img src="/assets/images/slider-header-bg.jpeg" alt="">
        <div class="l-main-wrapper  l-margin-top--normal">
            <div class="m-slider-header__title  ty-home-primary">
                Classe E Coupé 220d Sport <br> con Leasing myDrivePass.
            </div>
            <div class="m-slider-header__buttons">
                <div class="a-button  a-button--azure">
                    Button
                </div>
                <div class="a-button">
                    Button
                </div>
            </div>
        </div>
    </div>

    <div class="m-slider-header__pagination">
        <div class="m-slider-header__pagination__element -active"></div>
        <div class="m-slider-header__pagination__element "></div>
        <div class="m-slider-header__pagination__element "></div>
        <div class="m-slider-header__pagination__element "></div>
    </div>

</div>
 
<div class="m-slider-header">

	<div class="m-slider-header__slide">
		<img src="/assets/images/slider-header-bg.jpeg" alt="">
		<div class="l-main-wrapper  l-margin-top--normal">
			<div class="m-slider-header__title  ty-home-primary">
				Classe E Coupé 220d Sport <br>
				con Leasing myDrivePass.
			</div>
			<div class="m-slider-header__buttons">
				{% render '@buttons--azure' %}
				{% render '@buttons' %}
			</div>
		</div>
	</div>

	<div class="m-slider-header__pagination">
		<div class="m-slider-header__pagination__element -active"></div>
		<div class="m-slider-header__pagination__element "></div>
		<div class="m-slider-header__pagination__element "></div>
		<div class="m-slider-header__pagination__element "></div>
	</div>


</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.