Contact information
/* 自定义联系页面样式 / Style de la page de contact */
.custom-contact-wrapper {
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
display: flex;
flex-wrap: wrap;
gap: 40px;
font-family: inherit;
}
.custom-contact-info, .custom-contact-form {
flex: 1;
min-width: 300px;
}
.custom-contact-info {
background-color: #f9f8f6; /* 浅米色背景 / Fond beige clair */
padding: 40px;
border-radius: 8px;
}
.custom-contact-info h2 {
font-size: 28px;
margin-bottom: 20px;
color: #333;
font-weight: 500;
}
.custom-contact-info p {
color: #555;
line-height: 1.6;
margin-bottom: 30px;
}
.contact-details {
list-style: none;
padding: 0;
margin: 0;
}
.contact-details li {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
font-size: 16px;
color: #333;
line-height: 1.5;
}
.contact-details li .icon {
margin-right: 15px;
font-size: 20px;
}
.contact-details a {
color: #333;
text-decoration: none;
transition: color 0.3s ease;
}
.contact-details a:hover {
color: #7a7a7a;
text-decoration: underline;
}
/* 表单样式 / Style du formulaire */
.custom-contact-form h2 {
font-size: 28px;
margin-bottom: 20px;
color: #333;
font-weight: 500;
}
.form-group {
margin-bottom: 20px;
}
.form-group label {
display: block;
margin-bottom: 8px;
color: #333;
font-size: 14px;
}
.form-group input,
.form-group textarea {
width: 100%;
padding: 12px 15px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
font-family: inherit;
transition: border-color 0.3s ease;
}
.form-group input:focus,
.form-group textarea:focus {
border-color: #333;
outline: none;
}
.submit-btn {
background-color: #333;
color: #fff;
padding: 15px 30px;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
width: 100%;
text-transform: uppercase;
letter-spacing: 1px;
}
.submit-btn:hover {
background-color: #555;
}
.form-success {
background-color: #d4edda;
color: #155724;
padding: 15px;
border-radius: 4px;
margin-bottom: 20px;
}
.form-errors {
background-color: #f8d7da;
color: #721c24;
padding: 15px;
border-radius: 4px;
margin-bottom: 20px;
}
/* 移动端适配 / Adaptation mobile */
@media (max-width: 768px) {
.custom-contact-wrapper {
flex-direction: column;
}
.custom-contact-info {
padding: 30px 20px;
}
}
Contactez-nous
Si vous avez des questions ou des suggestions concernant nos produits, n'hésitez pas à nous contacter. Notre équipe de service client vous répondra dans les plus brefs délais.
-
📍
Adresse :
Yanghu Times, District de Yuelu, Changsha, Province du Hunan, Chine -
✉️
E-mail :
yeealex30@gmail.com -
💬
WhatsApp :
+86 18317922390
Envoyez-nous un message
{% form 'contact' %} {% if form.posted_successfully? %}
Merci pour votre message ! Nous l'avons bien reçu et nous vous contacterons dans les plus brefs délais.
{% endif %}
{{ form.errors | default_errors }}
Nom
E-mail
Téléphone (Optionnel)
Message
Envoyer le message
{% endform %}