Digital Signage Portrait Layout

No notes defined.

<div class="sds-digitalSignage d-flex flex-column">
    <header class="sds-digitalSignage__header">
        <div class="row align-items-center justify-content-between">
            <div class="col">
                <svg width="90" height="90" viewBox="0 0 90 90" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <g clip-path="url(#clip0_1072_101)">
                        <path d="M90 0H0V90H90V0Z" fill="#DE0000" />
                        <path d="M61.38 35.6399V22.4099L54.72 9.17993L48.06 22.4099V35.6399H51.48V23.2199L54.72 16.5599L58.05 23.2199V35.6399H61.38Z" fill="white" />
                        <path d="M72.09 39.8699H18.09V43.3799H72.09V39.8699Z" fill="white" />
                        <path d="M71.91 50.3099C66.06 50.3099 61.38 54.9899 61.38 60.8399V81.8099C60.3 80.1899 59.13 78.4799 57.87 76.9499V60.8399C57.87 53.0999 64.08 46.7999 71.91 46.7999V50.3099Z" fill="white" />
                        <path d="M52.11 53.8199C52.11 49.9499 48.96 46.7999 45 46.7999C41.04 46.7999 37.98 49.9499 37.98 53.8199V61.1999C39.15 61.6499 40.32 62.1899 41.49 62.8199V53.8199C41.49 51.9299 43.02 50.3099 45 50.3099C46.89 50.3099 48.51 51.8399 48.51 53.8199V67.0499L52.02 69.7499L52.11 53.8199Z" fill="white" />
                        <path d="M25.02 46.7999C28.98 46.7999 32.13 49.9499 32.13 53.8199H32.04V59.8499C30.87 59.4899 29.7 59.1299 28.53 58.8599V53.8199C28.53 51.8399 26.91 50.3099 25.02 50.3099C23.04 50.3099 21.51 51.9299 21.51 53.8199V57.5999L18 57.3299V53.8199C18 49.9499 21.06 46.7999 25.02 46.7999Z" fill="white" />
                    </g>
                    <defs>
                        <clipPath id="clip0_1072_101">
                            <rect width="90" height="90" fill="white" />
                        </clipPath>
                    </defs>
                </svg>
            </div>
            <div class="col-auto">
                <div class="sds-headingColor sds-digitalSignage__text11xl5">

                </div>
            </div>
        </div>

    </header>
    <main class="sds-digitalSignage__main flex-grow-1">

    </main>
    <footer class="sds-digitalSignage__footer position-sticky sds-headingColor">
        <div class="row align-items-center justify-content-between flex-nowrap">
            <div class="col  sds-digitalSignage__text11xl5">
                SPUERKEESS.LU
            </div>
            <div class="col d-flex justify-content-end">

                <div class="sds-digitalSignage__text11xl5">
                    <div class="swiper-pagination">

                    </div>
                </div>

            </div>
        </div>
    </footer>
</div>
<div class="{{ namespace }}digitalSignage d-flex flex-column">
	<header class="{{ namespace }}digitalSignage__header">
		<div class="row align-items-center justify-content-between">
			<div class="col">
				<svg width="90" height="90" viewBox="0 0 90 90" fill="none" xmlns="http://www.w3.org/2000/svg">
					<g clip-path="url(#clip0_1072_101)">
						<path d="M90 0H0V90H90V0Z" fill="#DE0000"/>
						<path d="M61.38 35.6399V22.4099L54.72 9.17993L48.06 22.4099V35.6399H51.48V23.2199L54.72 16.5599L58.05 23.2199V35.6399H61.38Z" fill="white"/>
						<path d="M72.09 39.8699H18.09V43.3799H72.09V39.8699Z" fill="white"/>
						<path d="M71.91 50.3099C66.06 50.3099 61.38 54.9899 61.38 60.8399V81.8099C60.3 80.1899 59.13 78.4799 57.87 76.9499V60.8399C57.87 53.0999 64.08 46.7999 71.91 46.7999V50.3099Z" fill="white"/>
						<path d="M52.11 53.8199C52.11 49.9499 48.96 46.7999 45 46.7999C41.04 46.7999 37.98 49.9499 37.98 53.8199V61.1999C39.15 61.6499 40.32 62.1899 41.49 62.8199V53.8199C41.49 51.9299 43.02 50.3099 45 50.3099C46.89 50.3099 48.51 51.8399 48.51 53.8199V67.0499L52.02 69.7499L52.11 53.8199Z" fill="white"/>
						<path d="M25.02 46.7999C28.98 46.7999 32.13 49.9499 32.13 53.8199H32.04V59.8499C30.87 59.4899 29.7 59.1299 28.53 58.8599V53.8199C28.53 51.8399 26.91 50.3099 25.02 50.3099C23.04 50.3099 21.51 51.9299 21.51 53.8199V57.5999L18 57.3299V53.8199C18 49.9499 21.06 46.7999 25.02 46.7999Z" fill="white"/>
					</g>
					<defs>
						<clipPath id="clip0_1072_101">
							<rect width="90" height="90" fill="white"/>
						</clipPath>
					</defs>
				</svg>
			</div>
			<div class="col-auto">
				<div class="{{ namespace }}headingColor {{ namespace }}digitalSignage__text11xl5">
					{{ headerText }}
				</div>
			</div>
		</div>
		{% if headerBottom %}
		<div class="{{ namespace }}digitalSignage__headerBottom">
		{% endif %}
			{% block headerBottom %}
			{% endblock %}
		{% if headerBottom %}
		</div>
		{% endif %}
	</header>
	<main class="{{ namespace }}digitalSignage__main flex-grow-1">
		{% block main %}
		{% endblock %}
	</main>
	<footer class="{{ namespace }}digitalSignage__footer position-sticky {{ namespace }}headingColor">
		<div class="row align-items-center justify-content-between flex-nowrap">
			<div class="col  {{ namespace }}digitalSignage__text11xl5">
				SPUERKEESS.LU
			</div>
			<div class="col d-flex justify-content-end">
				{% if disclaimerInFooter %}
					{% render "@form-disclaimer",{
						text: digitalSignageFormDisclaimerText or text
					},true %}
				{% else %}
					<div class="{{ namespace }}digitalSignage__text11xl5">
						<div class="swiper-pagination">

						</div>
					</div>
				{% endif %}
			</div>
		</div>
	</footer>
</div>