Banner: Highlight

No notes defined.

<div class="sds-banner -bannerHighlight">

    <div class="d-flex flex-grow-1 align-items-center sds-staticInlineXl">

        <div class="sds-media -mediaMd">

            <img src="https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-piggybankpercentageb.svg" alt="">

        </div>
        <h4 class="h4">
            Heading

            <span class="sds-headingLight">Heading subtext</span>

        </h4>

    </div>
    <button type="button" class="sds-btn -iconBtn -btnSecondary">

        <span class="sds-icon sds-icon-arrownext"></span>

    </button>

</div>
 
{% extends "@banner-frame" %}
{% block content %}
	<div class="d-flex flex-grow-1 align-items-center {{ namespace }}staticInlineXl">
		{% render "@media",{
			internalResource: false,
			img: "https://design.spuerkeess.lu/media/illustrations/svg240x240/spot/sdsillu-piggybankpercentageb.svg"
		},true %}
		{% render "@heading--h4-subtext" %}
	</div>
	{% render "@icon-btn-secondary",{
		icon: "icon-arrownext"
	},true %}
{% endblock %}