{{ partial:header }}
{{ partial:imgheader }}
<section>
    <div class="container">
        <div class="row">
            <div class="col-sm-6 col-md-5">
                <h4 class="uppercase">{{ section_title }}</h4>
                <p>{{ description }}</p>
                <hr>
                <p>
                    {{ mypride:address | nl2br }}<br>
                    IBAN: {{ mypride:iban }}
                </p>
                <hr>
                <ul>
                    <li>
                        <a href='&#109;ailto&#58;{{ mypride:email | obfuscate_email }}'><i class="fa-light fa-envelope"></i>&nbsp;&nbsp;{{ mypride:email | obfuscate_email }}</a>
                    </li>
                    <li>
                        <a href="tel:{{ mypride:phone }}" class="font-normal"><i class="fa-light fa-phone"></i>&nbsp;&nbsp;{{ mypride:phone }}</a>

                    </li>
                    <li>
                        <a href="https://{{ mypride:domain }}/"><i class="fa-light fa-globe-stand"></i>&nbsp;&nbsp;{{ mypride:domain }}</a>
                    </li>
                </ul>
            </div>
            <div class="col-sm-6 col-md-5 col-md-offset-1">
                {{ nocache }}
                    {{ form:contact_us }}
                        {{ if success }}
                            <div class="text-confirmation">
                                <i class="fa-light fa-envelope-circle-check" style="font-size: 60px; padding-bottom: 20px;"></i>
                                {{ confirmation }}
                            </div>
                        {{ else }}
                            {{ fields }}
                            {{ if type == "text" }}
                                {{ if handle == "email"}}<input type="email" class="validate-required validate-email
                                    {{ if error }} field-error mb0{{ /if }}" name="{{ handle }}" placeholder="{{ display }}" value="{{ old }}"/>{{ else }}<input type="text" class="validate-required
                                    {{ if error }} field-error mb0{{ /if }}" name="{{ handle }}" placeholder="{{ display }}" value="{{ old }}"/>{{ /if }}{{ elseif type == "textarea" }}<textarea class="validate-required
                                {{ if error }} field-error mb0{{ /if }}" name="{{ handle }}" rows="4" placeholder="{{ display }}">{{ old }}</textarea>{{ /if }}
                            {{ if error }}<p class="text-error">Ce champs est obligatoire</p>{{ /if }}{{ /fields }}

                            <input type="text" class="hidden" name="{{ honeypot ?? 'honeypot' }}">

                            <button type="submit">Envoyer le message</button>{{ /if }}{{ /form:contact_us }}
                {{ /nocache }}
            </div>
        </div>
        <!--end of row-->
    </div>
    <!--end of container-->
</section>