Banner: Large

No notes defined.

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

    <div class="row align-items-center">
        <div class="col-12 col-md-6">
            <div class="sds-staticStackMd">
                <div class="sds-heroHeading">
                    <h1 class="sds-heroHeading__separator sds-heroHeading__main">Logement</h1>

                    <p class="sds-heroHeading__sub  h1">Heading subtext</p>

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

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

                </button>
            </div>
        </div>
        <div class="col-12 col-md-6">
            <img class="img-fluid" src="../../media/placeholder/placeholder-7-5.jpg" alt="">
        </div>
    </div>

</div>
 
{% extends "@banner-frame" %}
{% block content %}
	<div class="row align-items-center">
		<div class="col-12 col-md-6">
			<div class="{{ namespace }}staticStackMd">
				{% render "@hero-heading" %}
				{% render "@icon-btn-secondary",{
					icon: "icon-arrownext"
				},true %}
			</div>
		</div>
		<div class="col-12 col-md-6">
			<img class="img-fluid" src="{{ (mediaPath + "/placeholder/placeholder-7-5.jpg") | path }}" alt="">
		</div>
	</div>
{% endblock %}