TESTO FOOTER ACCORDEON
/* =========================
FAQ
========================= */
.faq{
background:#fff;
padding:80px 20px;
}
.faq-title{
text-align:center;
font-size:40px;
margin-bottom:40px;
font-weight:800;
}
.faq-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
max-width:1200px;
margin:auto;
}
.faq-item{
background:#f7f7f7;
border-radius:14px;
overflow:hidden;
}
.faq-question{
padding:18px;
font-weight:700;
cursor:pointer;
display:flex;
justify-content:space-between;
}
.faq-question::after{
content: »+ »;
}
.faq-item.active .faq-question::after{
transform:rotate(45deg);
}
.faq-answer{
max-height:0;
overflow:hidden;
transition:max-height .3s ease;
padding:0 18px;
color:#666;
}
.faq-item.active .faq-answer{
max-height:200px;
padding-bottom:18px;
}
/* =========================
FOOTER
========================= */
.footer{
background:#111;
color:#fff;
padding:80px 20px 40px;
}
.footer-grid{
display:grid;
grid-template-columns:1.3fr 1fr 1fr;
gap:40px;
max-width:1200px;
margin:auto;
}
.footer h3{margin-bottom:15px;}
.footer-links{list-style:none;}
.footer-links li{margin-bottom:10px;}
.footer-links a{color:#bbb;}
.footer-links a:hover{color:#ff7a00;}
/* newsletter footer */
.footer-newsletter input{
width:100%;
padding:12px;
border:none;
border-radius:8px;
margin-bottom:10px;
}
.footer-newsletter button{
width:100%;
padding:12px;
background:#ff7a00;
border:none;
color:#fff;
border-radius:8px;
font-weight:700;
cursor:pointer;
}
.footer-bottom{
text-align:center;
margin-top:40px;
padding-top:20px;
border-top:1px solid rgba(255,255,255,.1);
color:#aaa;
}
/* =========================
RESPONSIVE
========================= */
@media(max-width:900px){
.hero h1{font-size:40px;}
.row-2,.row-3,.faq-grid,.footer-grid{
grid-template-columns:1fr;
}
.newsletter h2,.faq-title{font-size:30px;}
}
Développez votre business e-commerce
Guides, stratégies marketing, outils et IA pour réussir en ligne.
FAQ
Comment commencer ?
Choisir une niche et se former.
Budget ?
Entre 200€ et 1000€.
Dropshipping rentable ?
Oui avec une bonne stratégie.
