Contact information
.elora-contact-form {
max-width: 700px;
margin: 0 auto;
padding: 40px 20px;
}
.elora-contact-form .form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 16px;
}
@media (max-width: 600px) {
.elora-contact-form .form-row {
grid-template-columns: 1fr;
}
}
.elora-contact-form input,
.elora-contact-form textarea {
width: 100%;
padding: 14px 16px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 14px;
font-family: inherit;
box-sizing: border-box;
}
.elora-contact-form textarea {
min-height: 160px;
margin-bottom: 20px;
resize: vertical;
}
.elora-contact-form input:focus,
.elora-contact-form textarea:focus {
outline: none;
border-color: #C19A6B;
}
.elora-contact-form button {
background-color: #2A211D;
color: #F5F0E8;
border: none;
padding: 14px 32px;
border-radius: 4px;
font-size: 14px;
cursor: pointer;
}
.elora-contact-form button:hover {
background-color: #A0522D;
}
{% form 'contact' %}
{% if form.posted_successfully? %}
{{ form.body }}
Envoyer
{% endform %}
Votre message a bien été envoyé. Nous vous répondrons rapidement.
{% endif %}