templates/front-office/partials/_form_contact.html.twig line 1

{% if perso is defined and perso == 1 %}
    {% set perso = "perso1.png" %}
    {% set left = -30 %}
{% else %}
    {% set perso = "perso2.png" %}
    {% set left = -40 %}
{% endif %}

{% if contactTitle is not defined %}
    {% set contactTitle = "Envoyez-nous un message" %}
{% endif %}

<style>
    @media screen and (max-width: 992px){
        .partial-form-contact .illu-box{
            left: {{ left }}%;
        }
    }
</style>

<div class="partial-form-contact meli-start-start">
    <div class="illu-box meli-width-30">
        <div class="img-box meli-width-80">
            <img src="{{ asset('assets/img/illu/'~perso) }}" alt="">
        </div>
    </div>

    <div class="form-box meli-width-40">
        <form action="{{ path('contact_treatment') }}" method="POST">
            <p class="title txt-center txt-dancing txt-size40 txt-bold txt-green">
                {{ contactTitle }}
            </p>

            <div class="row meli-between-center">
                <input class="bgc-lightGreen txt-white txt-century txt-regular txt-size14" type="text" id="lastname" name="lastname" placeholder="Nom" required>
                <input class="bgc-lightGreen txt-white txt-century txt-regular txt-size14" type="text" id="firtsname" name="firstname" placeholder="Prénom" required>
            </div>

            <input class="bgc-lightGreen txt-white txt-century txt-regular txt-size14 meli-width-100" type="email" name="email" id="email" required placeholder="Mail">

            <textarea class="bgc-lightGreen txt-white txt-century txt-regular txt-size14 meli-width-100" name="message" id="message" cols="30" rows="10" required
                placeholder="Rédigez votre message ici"
            ></textarea>

            <button class="bgc-green txt-white txt-century txt-bold txt-size15">Envoyer</button>

            <input type="hidden" name="url" value="{{ app.request.pathInfo }}" >

        </form>
    </div>
</div>