<div class="bg-white">
{% block header %}
<div class="mp__head">
<div class="mp__container">
<div class="row justify-content-between align-items-center">
<div class="col-auto">
<img src="/ui2022/images/logo_app_stack_black.svg" width="103" height="22" alt="SchoolStatus Sites & Apps Logo" />
</div>
{% include '@ui2022/translate_widget.html.twig' %}
</div>
</div>
</div>
{% endblock %}
<div class="mp__intro mp__signup">
<div class="mp__container">
<div class="row align-items-center">
<div class="d-none d-lg-block mb-lg-0 col-12 col-lg-6">
<img src="/ui2022/images/mp-intro-image.svg" width="472" height="355.24" alt="Select your preferences" />
</div>
<div class="col-12 col-lg-6">
<div class="mp__box mp__form">
<div class="mp__form-body">
{% block content %}{% endblock %}
</div>
</div>
</div>
</div>
</div>
</div>
{% block faqs %}{% endblock %}
{% block footer %}{% endblock %}
</div>