Recap Card Base: Consent

No notes defined.

<div class="sds-recapCard sds-box -insetLg sds-stackLg">
    <div class="h4">Consentement données à Spuerkeess</div>
    <div class="sds-stackXs">
        <p>Validité du consentement :</p>
        <div class="row row-xs no-bottom-gutter justify-content-between">
            <span class="col sds-recapCard__success">Valable jusqu’au 03.08.2022</span>
            <span class="col-auto">34 Jours restants</span>
        </div>
    </div>
    <div class="sds-recapCard__divider" aria-hidden="true"></div>
    <div class="sds-exceptionStackMd sds-outOfBounds">
        <div class="sds-listItem sds-hoverContentSecondary -headingText position-relative align-items-center">
            <span class="sds-iconCircle -info100" aria-hidden="true">

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

            </span>

            <div class="sds-listItem__text">
                <a href="#!" class="sds-listItem__textMain stretched-link">Spuerkeess Direct</a>

                <p class="sds-listItem__description">Effectuer vos principales opérations bancaires sans vous déplacer et sans avoir besoin d’internet.</p>

            </div>

            <div class="sds-listItem__rightContent">
                <span class="sds-iconCircle sds-hoverContentSecondary__icon" aria-hidden="true">

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

                </span>

            </div>

        </div>
    </div>
</div>
 
<div class="{{ namespace }}recapCard {{ namespace }}box -insetLg {{ namespace }}stackLg{% for mod in modifiers %} {{ mod }}{% endfor %}{% for mod in classes %} {{ mod }}{% endfor %}">
	<div class="h4">Consentement données à Spuerkeess</div>
	<div class="{{ namespace }}stackXs">
		<p>Validité du consentement :</p>
		<div class="row row-xs no-bottom-gutter justify-content-between">
			<span class="col {{ namespace }}recapCard__success">Valable jusqu’au 03.08.2022</span>
			<span class="col-auto">34 Jours restants</span>
		</div>
	</div>
	<div class="{{ namespace }}recapCard__divider" aria-hidden="true"></div>
	<div class="{{ namespace }}exceptionStackMd {{namespace}}outOfBounds">
		{% render "@snet-list-item--icon-circle-items-small",{
			classes: ["align-items-center"],
			iconLeft: {
				iconCircle: {
					icon: "icon-reload"
				}
			}
		},true %}
	</div>
</div>