Digital Signage Landscape Layout

No notes defined.

<div class="sds-digitalSignage d-flex flex-column -landscape">
    <header class="sds-digitalSignage__header">
        <div class="row align-items-start no-bottom-gutter no-inline-gutter">
            <div class="col-auto sds-digitalSignage__inlineEnd11xl5">
                <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">
                <div class="sds-stackSm">
                    <div class="sds-textSemiBold" style="color: var(--comp-digital-signage-luxfunds-cat-d-text-color);">Equity - Régions</div>
                    <h1 class="h-pageCover">
                        Luxfunds-Portfolio Global Flexible
                    </h1>
                </div>
            </div>
        </div>
    </header>
    <main class="sds-digitalSignage__main flex-grow-1">

        <div class="sds-digitalSignage__layoutGraph">
            <img class="img-fluid" src="../../media/spuerkeess-site/components/digital-signage/graph.svg" alt="">
        </div>
    </main>
    <footer class="sds-digitalSignage__footer -footerStatic sds-headingColor">
        <div class="row align-items-center justify-content-between  sds-digitalSignage__text11xl5">
            <div class="col sds-digitalSignage__text11xl5 d-flex">
                <span class="sds-fontHeadingLight text-uppercase">SPUERKEESS.LU/</span>
                <span class="sds-fontHeadingBold">extension</span>
            </div>
            <div class="col text-right">
                <p class="sds-disclaimer -insetHorizLg">
                    *: Niv. risque = l'indicateur du risque a été déterminé sur base de la performance historique des 5 dernières années et ne saurait être considéré comme un indicateur fiable du profil de risque futur du compartiment. L'indicateur se présente sous forme d'échelle numérique graduée de 1 pour un risque faible à 7 pour un risque élevé.
                </p>
            </div>

        </div>
    </footer>
</div>
<div class="{{ namespace }}digitalSignage d-flex flex-column -landscape">
	<header class="{{ namespace }}digitalSignage__header">
		<div class="row align-items-start no-bottom-gutter no-inline-gutter">
			<div class="col-auto {{ namespace }}digitalSignage__inlineEnd11xl5">
				<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">
				<div class="{{ namespace }}stackSm">
					<div class="{{ namespace }}textSemiBold" style="color: {{ labelColor or "var(--comp-digital-signage-luxfunds-cat-d-text-color)" }};">{{ item.label or "Equity - Régions" }}</div>
					<h1 class="h-pageCover">
						{{ title or "Luxfunds-Portfolio Global Flexible" }}
					</h1>
				</div>
			</div>
		</div>
	</header>
	<main class="{{ namespace }}digitalSignage__main flex-grow-1">
		{% block main %}
		{% endblock %}
		<div class="{{ namespace }}digitalSignage__layoutGraph">
			<img class="img-fluid" src="{{ (mediaPath + "/spuerkeess-site/components/digital-signage/graph.svg") | path }}" alt="">
		</div>
	</main>
	<footer class="{{ namespace }}digitalSignage__footer -footerStatic {{ namespace }}headingColor">
		<div class="row align-items-center justify-content-between  {{ namespace }}digitalSignage__text11xl5">
			<div class="col {{ namespace }}digitalSignage__text11xl5 d-flex">
				<span class="{{ namespace }}fontHeadingLight text-uppercase">SPUERKEESS.LU/</span>
				<span class="{{ namespace }}fontHeadingBold">extension</span>
			</div>
			<div class="col text-right">
				{% render "@disclaimer",{
					text: "*: Niv. risque = l'indicateur du risque a été déterminé sur base de la performance historique des 5 dernières années et ne saurait être considéré comme un indicateur fiable du profil de risque futur du compartiment. L'indicateur se présente sous forme d'échelle numérique graduée de 1 pour un risque faible à 7 pour un risque élevé.",
					classes: ["-insetHorizLg"]
				}, true %}
			</div>
			{% if pagination %}
				<div class="col-auto text-right">
					<div class="{{ namespace }}digitalSignage__text11xl5">
						<div class="swiper-pagination"></div>
					</div>
				</div>
			{% endif %}
		</div>
	</footer>
</div>