Modal CTA
The modal cta component present a pop up to the user. After the pop up is shown once a cookie is set ensuring that it isn't shown again.
Test this component using the button below.
This component leverages the Magnific Popup library.
{{ attach_library('h4h_theme/modal-cta') }}
<div class="modal-cta js-modal-cta mfp-hide {{ modifier_class ? modifier_class|clean_class }}">
{% block content %}
{%
include "@h4h_theme/teaser/teaser.twig" with {
title: title,
desc: desc,
heading_level: heading_level,
modifier_class: "teaser--pacific-blue",
url: url,
img: img,
btn_text: btn_text,
btn_class: 'btn--large'
} only
%}
{% endblock %}
</div>