Ventilateur Voiture Double Tête 360°
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ventilateur de Voiture Double Tête 360° – 12V</title>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Nunito:wght@400;600;700;800&display=swap" rel="stylesheet">
<style>
:root {
--black: #0d0d0d;
--dark: #1a1a1a;
--card: #222222;
--accent: #f5c400;
--accent2: #2ecc71;
--blue: #1e90ff;
--white: #f5f5f5;
--muted: #aaaaaa;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
background-color: var(--black);
color: var(--white);
font-family: 'Nunito', sans-serif;
line-height: 1.7;
}
/* HERO */
.hero {
background: linear-gradient(135deg, #0d0d0d 40%, #1a2a0a 100%);
padding: 60px 40px 50px;
text-align: center;
position: relative;
overflow: hidden;
border-bottom: 3px solid var(--accent);
}
.hero::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(circle at 70% 50%, rgba(46,204,113,0.08) 0%, transparent 65%);
pointer-events: none;
}
.badge {
display: inline-block;
background: var(--accent);
color: var(--black);
font-family: 'Bebas Neue', sans-serif;
font-size: 13px;
letter-spacing: 2px;
padding: 5px 16px;
border-radius: 2px;
margin-bottom: 18px;
text-transform: uppercase;
}
.hero h1 {
font-family: 'Bebas Neue', sans-serif;
font-size: clamp(36px, 6vw, 68px);
line-height: 1.05;
letter-spacing: 2px;
color: var(--white);
text-shadow: 0 4px 24px rgba(0,0,0,0.5);
margin-bottom: 10px;
}
.hero h1 span { color: var(--accent); }
.hero .subtitle {
font-size: 16px;
color: var(--muted);
margin-bottom: 30px;
font-weight: 600;
letter-spacing: 0.5px;
}
.price-block {
display: inline-flex;
align-items: center;
gap: 16px;
background: rgba(255,255,255,0.05);
border: 1px solid rgba(245,196,0,0.3);
border-radius: 12px;
padding: 14px 30px;
margin-bottom: 30px;
}
.price-block .price {
font-family: 'Bebas Neue', sans-serif;
font-size: 42px;
color: var(--accent);
letter-spacing: 1px;
}
.price-block .currency { font-size: 20px; color: var(--accent); font-weight: 800; }
.cta-btn {
display: inline-block;
background: var(--accent);
color: var(--black);
font-family: 'Bebas Neue', sans-serif;
font-size: 22px;
letter-spacing: 2px;
padding: 16px 52px;
border-radius: 6px;
text-decoration: none;
transition: transform 0.2s, box-shadow 0.2s;
box-shadow: 0 6px 24px rgba(245,196,0,0.3);
cursor: pointer;
border: none;
}
.cta-btn:hover {
transform: translateY(-3px);
box-shadow: 0 12px 32px rgba(245,196,0,0.45);
}
/* FEATURES STRIP */
.features-strip {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 0;
background: var(--dark);
border-bottom: 1px solid #333;
}
.feat-item {
display: flex;
align-items: center;
gap: 10px;
padding: 18px 28px;
border-right: 1px solid #333;
flex: 1;
min-width: 160px;
justify-content: center;
}
.feat-item:last-child { border-right: none; }
.feat-icon {
width: 36px;
height: 36px;
background: var(--blue);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
flex-shrink: 0;
}
.feat-label { font-size: 13px; font-weight: 700; color: var(--white); line-height: 1.3; }
.feat-label small { display: block; font-weight: 400; color: var(--muted); font-size: 11px; }
/* SECTION */
.section {
max-width: 900px;
margin: 0 auto;
padding: 60px 24px;
}
.section-tag {
font-family: 'Bebas Neue', sans-serif;
font-size: 12px;
letter-spacing: 4px;
color: var(--accent2);
text-transform: uppercase;
margin-bottom: 8px;
}
.section h2 {
font-family: 'Bebas Neue', sans-serif;
font-size: clamp(28px, 4vw, 44px);
letter-spacing: 1.5px;
color: var(--white);
margin-bottom: 20px;
}
.section p {
color: #ccc;
font-size: 15.5px;
margin-bottom: 16px;
}
/* BENEFITS GRID */
.benefits-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 20px;
margin-top: 40px;
}
.benefit-card {
background: var(--card);
border: 1px solid #333;
border-radius: 14px;
padding: 26px 22px;
transition: border-color 0.2s, transform 0.2s;
position: relative;
overflow: hidden;
}
.benefit-card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 3px;
background: linear-gradient(90deg, var(--accent), var(--accent2));
border-radius: 14px 14px 0 0;
}
.benefit-card:hover {
border-color: var(--accent);
transform: translateY(-4px);
}
.benefit-card .icon {
font-size: 28px;
margin-bottom: 12px;
}
.benefit-card h3 {
font-size: 16px;
font-weight: 800;
color: var(--accent);
margin-bottom: 8px;
letter-spacing: 0.3px;
}
.benefit-card p {
font-size: 14px;
color: #bbb;
margin: 0;
line-height: 1.6;
}
/* SPECS TABLE */
.specs-table {
width: 100%;
border-collapse: collapse;
margin-top: 30px;
border-radius: 12px;
overflow: hidden;
}
.specs-table tr:nth-child(even) { background: rgba(255,255,255,0.03); }
.specs-table tr:hover { background: rgba(245,196,0,0.07); }
.specs-table td {
padding: 14px 20px;
font-size: 14.5px;
border-bottom: 1px solid #2a2a2a;
}
.specs-table td:first-child {
font-weight: 700;
color: var(--muted);
width: 45%;
letter-spacing: 0.3px;
}
.specs-table td:last-child { color: var(--white); }
/* WHY BUY */
.why-section {
background: linear-gradient(135deg, #111, #1a2a0a);
border-top: 1px solid #2a2a2a;
border-bottom: 1px solid #2a2a2a;
}
.why-list {
list-style: none;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 16px;
margin-top: 30px;
}
.why-list li {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 16px 18px;
background: rgba(255,255,255,0.04);
border-radius: 10px;
border: 1px solid #2a2a2a;
font-size: 14.5px;
color: #ccc;
}
.why-list li .check {
color: var(--accent2);
font-size: 20px;
flex-shrink: 0;
margin-top: 1px;
}
/* CTA BOTTOM */
.cta-section {
text-align: center;
padding: 70px 24px;
background: var(--black);
}
.cta-section h2 {
font-family: 'Bebas Neue', sans-serif;
font-size: clamp(30px, 5vw, 52px);
margin-bottom: 10px;
letter-spacing: 2px;
}
.cta-section p {
color: var(--muted);
font-size: 15px;
margin-bottom: 30px;
}
.stock-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(46,204,113,0.1);
border: 1px solid var(--accent2);
color: var(--accent2);
border-radius: 20px;
padding: 6px 18px;
font-size: 13px;
font-weight: 700;
margin-bottom: 24px;
letter-spacing: 0.5px;
}
.stock-dot {
width: 8px; height: 8px;
background: var(--accent2);
border-radius: 50%;
animation: pulse 1.5s infinite;
}
@keyframes pulse {
0%,100% { opacity: 1; }
50% { opacity: 0.3; }
}
.divider {
width: 60px;
height: 3px;
background: linear-gradient(90deg, var(--accent), var(--accent2));
border-radius: 2px;
margin: 0 auto 40px;
}
/* TRUST BADGES */
.trust-row {
display: flex;
justify-content: center;
gap: 32px;
flex-wrap: wrap;
margin-top: 32px;
padding-top: 28px;
border-top: 1px solid #2a2a2a;
}
.trust-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
color: var(--muted);
font-weight: 600;
}
.trust-item span { font-size: 20px; }
@media (max-width: 600px) {
.features-strip { flex-direction: column; }
.feat-item { border-right: none; border-bottom: 1px solid #333; }
.feat-item:last-child { border-bottom: none; }
.hero { padding: 40px 20px; }
}
</style>
</head>
<body>
<!-- HERO -->
<div class="hero">
<div class="badge">🚗 Nouveau – Été 2025</div>
<h1>Ventilateur Voiture<br><span>Double Tête 360°</span></h1>
<p class="subtitle">Puissant · Silencieux · 12V – Plug & Play | الجزائر</p>
<div class="price-block">
<span class="price">1 490</span>
<span class="currency">DA</span>
</div>
<br>
<button class="cta-btn">🛒 Commander Maintenant</button>
</div>
<!-- FEATURES STRIP -->
<div class="features-strip">
<div class="feat-item">
<div class="feat-icon">🌬️</div>
<div class="feat-label">Vent Naturel<small>3 vitesses</small></div>
</div>
<div class="feat-item">
<div class="feat-icon">🔇</div>
<div class="feat-label">Ultra Silencieux<small>Bruit minimal</small></div>
</div>
<div class="feat-item">
<div class="feat-icon">🔌</div>
<div class="feat-label">USB + 12V<small>Allume-cigare</small></div>
</div>
<div class="feat-item">
<div class="feat-icon">🔄</div>
<div class="feat-label">360° Rotation<small>Orientation libre</small></div>
</div>
</div>
<!-- DESCRIPTION -->
<div class="section">
<div class="section-tag">Description du produit</div>
<h2>La fraîcheur dans votre voiture,<br>même en plein été algérien</h2>
<p>
Profitez d'un air frais et agréable à bord de votre véhicule grâce à ce <strong>ventilateur de voiture double tête à rotation 360°</strong>. Conçu pour les étés chauds, il refroidit efficacement le conducteur ET les passagers en même temps, sans bruit ni surconsommation d'énergie.
</p>
<p>
Que vous soyez coincé dans les embouteillages d'Alger, sur la route vers Oran ou en famille pour un voyage estival, ce ventilateur compacte vous garantit un confort thermique optimal sans dépendre uniquement de la climatisation.
</p>
<p>
Installation en moins d'une minute — sans outil, sans perçage. Il se fixe avec une base adhésive solide et se branche directement sur la prise allume-cigare de votre voiture (12V).
</p>
</div>
<!-- BENEFITS GRID -->
<div class="section" style="padding-top:0">
<div class="section-tag">Avantages</div>
<h2>Tout ce dont vous avez besoin</h2>
<div class="benefits-grid">
<div class="benefit-card">
<div class="icon">👨👩👧</div>
<h3>Double tête indépendante</h3>
<p>Deux ventilateurs orientables séparément pour couvrir le conducteur et les passagers arrière simultanément.</p>
</div>
<div class="benefit-card">
<div class="icon">🔄</div>
<h3>Rotation 180° verticale + 360°</h3>
<p>Orientation totale sans gêner la visibilité ni les airbags. Pointez l'air exactement où vous en avez besoin.</p>
</div>
<div class="benefit-card">
<div class="icon">⚡</div>
<h3>3 vitesses ajustables</h3>
<p>Sélectionnez entre mode doux, modéré ou puissant selon la température. Bouton ON/OFF I/II accessible facilement.</p>
</div>
<div class="benefit-card">
<div class="icon">🔕</div>
<h3>Fonctionnement silencieux</h3>
<p>Moteur optimisé basse consommation — ne couvre pas la musique, ne gêne pas les conversations.</p>
</div>
<div class="benefit-card">
<div class="icon">🧹</div>
<h3>Grille frontale démontable</h3>
<p>Retirez la protection en quelques secondes pour nettoyer les pales et maintenir un débit d'air maximal.</p>
</div>
<div class="benefit-card">
<div class="icon">📇</div>
<h3>Carte numéro de parking incluse</h3>
<p>Pratique pour le stationnement en ville — laissez votre numéro visible sans peur de rayer votre pare-brise.</p>
</div>
<div class="benefit-card">
<div class="icon">🐾</div>
<h3>Idéal pour les animaux</h3>
<p>Parfait pour garder vos animaux de compagnie au frais lors des trajets en voiture.</p>
</div>
<div class="benefit-card">
<div class="icon">🎁</div>
<h3>Cadeau pratique</h3>
<p>Un cadeau utile et original pour la famille, les amis ou les collègues à l'occasion de l'Aïd ou d'anniversaires.</p>
</div>
</div>
</div>
<!-- SPECS -->
<div class="section" style="background: var(--dark); border-radius: 16px; margin: 0 24px; max-width: none; padding: 40px 32px;">
<div class="section-tag">Fiche technique</div>
<h2>Caractéristiques</h2>
<table class="specs-table">
<tr><td>Tension d'alimentation</td><td>12V DC (allume-cigare)</td></tr>
<tr><td>Type de connexion</td><td>Allume-cigare 12V + port USB</td></tr>
<tr><td>Longueur du câble</td><td>130 cm</td></tr>
<tr><td>Nombre de têtes</td><td>2 têtes indépendantes</td></tr>
<tr><td>Rotation</td><td>360° horizontal / 180° vertical</td></tr>
<tr><td>Vitesses</td><td>3 niveaux (OFF / I / II)</td></tr>
<tr><td>Niveau sonore</td><td>Très faible (Low Noise)</td></tr>
<tr><td>Fixation</td><td>Base adhésive forte + ventouses</td></tr>
<tr><td>Grille frontale</td><td>Amovible et lavable</td></tr>
<tr><td>Couleur</td><td>Noir</td></tr>
<tr><td>Compatibilité</td><td>Toutes voitures 12V (berlines, SUV, camions, 4x4…)</td></tr>
</table>
</div>
<!-- WHY BUY -->
<div class="why-section">
<div class="section">
<div class="section-tag">Pourquoi choisir ce ventilateur ?</div>
<h2>Le choix intelligent pour l'été</h2>
<ul class="why-list">
<li><span class="check">✅</span>Économise votre carburant — moins de climatisation forcée</li>
<li><span class="check">✅</span>Installation rapide sans technicien ni outil</li>
<li><span class="check">✅</span>Compatible avec toutes les voitures 12V disponibles en Algérie</li>
<li><span class="check">✅</span>Conçu pour résister à une utilisation quotidienne intensive</li>
<li><span class="check">✅</span>Idéal pour les familles avec enfants ou animaux</li>
<li><span class="check">✅</span>Nettoyage facile grâce à la grille démontable</li>
<li><span class="check">✅</span>Consommation électrique faible — aucun risque pour la batterie</li>
<li><span class="check">✅</span>Livraison partout en Algérie – Alger, Oran, Constantine…</li>
</ul>
</div>
</div>
<!-- CTA BOTTOM -->
<div class="cta-section">
<div class="stock-badge"><div class="stock-dot"></div> En Stock – Livraison sous 2–4 jours</div>
<h2>Commandez dès maintenant<br>et restez au frais !</h2>
<p>Livraison à domicile partout en Algérie • Paiement à la livraison disponible</p>
<button class="cta-btn">🛒 Ajouter au Panier</button>
<div class="trust-row">
<div class="trust-item"><span>🚚</span> Livraison rapide</div>
<div class="trust-item"><span>💳</span> Paiement à la livraison</div>
<div class="trust-item"><span>🔒</span> Commande sécurisée</div>
<div class="trust-item"><span>📞</span> Support client 7j/7</div>
</div>
</div>
</body>
</html>
مدة التوصيل
مابين 24 ساعة إلى 3 أيام الولايات الشمالية أما باقي الولايات حوالي 5 أيام
الأكثر طلبا
