Modal Base: Popup

No notes defined.

<div class="sds-modal modal fade -noBackDrop -noBg -dialogFullWidth -popUpInfo" id="" data-backdrop="false" data-keyboard="false" aria-hidden="true" tabindex="-1">
    <div class="sds-modal__dialog modal-dialog">
        <div class="sds-modal__content modal-content">

            <div class="sds-modal__body modal-body">

                <div class="row justify-content-end">
                    <div class="col-auto">
                        <div class="sds-popupInfo">
                            <div class="sds-popupInfo__body">
                                <div class="sds-popupInfo__inner sds-box -insetLg sds-scaleInteraction sds-stackXl">
                                    <div class="sds-aboveClickArea text-right">
                                        <button type="button" class="sds-btn -iconBtn -btnSecondary" aria-label="Close">

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

                                        </button>
                                    </div>
                                    <div class="sds-exceptionStackLg">
                                        <img class="img-fluid" src="../../media/spuerkeess-site/components/timeline-story/timeline-story-img-1.png" alt="image alt">
                                    </div>
                                    <div class="sds-stackLg">
                                        <div class="h4">Image</div>
                                        <p class="sds-textBodyLg">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius, nihil, suscipit. Inventore molestias necessitatibus nesciunt quas ullam vero. Cupiditate dignissimos earum eius et fuga impedit ipsum nesciunt possimus, quod voluptatibus.</p>
                                    </div>
                                    <a href="" class="sds-btn -btnSecondary stretched-link">

                                        <span class="sds-btn__text">Plus d'infos</span>

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

            </div>

        </div>
    </div>
</div>
 
{% extends "@snet-modal-base-frame" %}
{% block body %}
	<div class="row justify-content-end">
		<div class="col-auto">
			{% render "@spk-popup-info" %}
		</div>
	</div>
{% endblock %}