Mercedes Pattern Library

hp-card: Small 

<div class="a-hp-card  a-hp-card--small">
    <div class="a-hp-card__wrapper">
        <div class="a-hp-card__bg" style="background-image:url('/assets/images/card_BDWEB.jpg')"></div>

        <div class="a-hp-card__footer">
            <div class="a-hp-card__text">
                Dealer Handbook.
            </div>
            <svg class="icon icon--arrow-big-right">
  <use xlink:href="../../assets/icons.svg#arrow-big-right" />
</svg>

        </div>
    </div>
</div>
 
<div class="a-hp-card  a-hp-card--small">
    <div class="a-hp-card__wrapper">
        <div class="a-hp-card__bg" style="background-image:url('{{image}}')"></div>
        
        <div class="a-hp-card__footer">
            <div class="a-hp-card__text">
                Dealer
                Handbook.
            </div>
            {% render '@icon', {id: "arrow-big-right"} %}
        </div>
    </div>
</div>
 
{
  "image": "/assets/images/card_BDWEB.jpg"
}

There are no notes for this item.