<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Audi RS3 Sportback - Verde Kyalami - 70.000€</title>
<style>
:root {
--kyalami-green: #b7eb00; /* Il colore iconico Audi RS */
--dark-bg: #0a0a0a;
--card-bg: #141414;
--text-light: #ffffff;
--text-dim: #a0a0a0;
}
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
background-color: var(--dark-bg);
color: var(--text-light);
margin: 0;
padding: 0;
line-height: 1.6;
}
/* Header / Hero */
header {
height: 80vh;
background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.9)),
url('img/fronte.jpg') center/cover no-repeat; /* Assicurati di avere questa foto */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 20px;
border-bottom: 5px solid var(--kyalami-green);
}
.hero-title {
font-size: clamp(2.5rem, 8vw, 5rem);
font-weight: 900;
margin: 0;
text-transform: uppercase;
letter-spacing: -2px;
}
.hero-subtitle {
font-size: 1.5rem;
color: var(--kyalami-green);
font-weight: 600;
text-transform: uppercase;
}
.badge-container {
margin-top: 20px;
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}
.badge {
background: rgba(255,255,255,0.1);
padding: 8px 16px;
border-radius: 50px;
font-size: 0.9rem;
font-weight: bold;
border: 1px solid var(--kyalami-green);
}
/* Layout */
.container {
max-width: 1200px;
margin: -50px auto 50px auto;
padding: 0 20px;
position: relative;
z-index: 10;
}
.main-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 30px;
}
.card {
background: var(--card-bg);
border-radius: 15px;
padding: 30px;
box-shadow: 0 20px 40px rgba(0,0,0,0.5);
margin-bottom: 30px;
}
h2 {
color: var(--kyalami-green);
text-transform: uppercase;
font-size: 1.8rem;
margin-top: 0;
border-bottom: 1px solid #333;
padding-bottom: 10px;
}
/* Prezzo e CTA */
.price-tag {
font-size: 3rem;
font-weight: 800;
color: var(--text-light);
margin-bottom: 5px;
}
.cta-button {
display: block;
background: var(--kyalami-green);
color: black;
text-align: center;
padding: 20px;
text-decoration: none;
font-weight: 800;
border-radius: 10px;
text-transform: uppercase;
transition: transform 0.3s;
}
.cta-button:hover {
transform: scale(1.02);
}
/* Tabelle e Liste */
.specs-table {
width: 100%;
border-collapse: collapse;
}
.specs-table td {
padding: 12px 0;
border-bottom: 1px solid #222;
}
.specs-table td:last-child {
text-align: right;
font-weight: 600;
}
.feature-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
list-style: none;
padding: 0;
}
.feature-list li::before {
content: "✓";
color: var(--kyalami-green);
margin-right: 10px;
font-weight: bold;
}
/* Gallery */
.gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 15px;
margin-top: 20px;
}
.gallery img {
width: 100%;
height: 250px;
object-fit: cover;
border-radius: 10px;
cursor: pointer;
transition: opacity 0.3s;
}
.gallery img:hover {
opacity: 0.8;
}
.vin-box {
background: #000;
padding: 10px;
border-radius: 5px;
font-family: monospace;
color: var(--kyalami-green);
text-align: center;
margin-top: 10px;
}
@media (max-width: 900px) {
.main-grid { grid-template-columns: 1fr; }
header { height: 60vh; }
}
</style>
</head>
<body>
<header>
<div class="hero-subtitle">Privato Vende</div>
<h1 class="hero-title">Audi RS3 Sportback</h1>
<div class="badge-container">
<span class="badge">400 CV</span>
<span class="badge">Verde Kyalami</span>
<span class="badge">MY 2022</span>
<span class="badge">Quattro</span>
</div>
</header>
<div class="container">
<div class="main-grid">
<div class="content">
<section class="card">
<h2>Descrizione Veicolo</h2>
<p>Splendida <strong>Audi RS3 Sportback</strong> immatricolata nel 2022, in condizioni spettacolari. L'auto è stata configurata per massimizzare le prestazioni e l'estetica, con l'iconica vernice Verde Kyalami e interni personalizzati con cuciture a contrasto Verde Micrommata.</p>
<p>Sempre riposta in box, manutenzione eseguita scrupolosamente. <strong>Tagliando dei 60.000 km appena eseguito</strong> presso concessionaria ufficiale Audi (documentabile).</p>
</section>
<section class="card">
<h2>Equipaggiamento Speciale</h2>
<ul class="feature-list">
<li>Impianto Carboceramico RS</li>
<li>Scarico Sportivo RS</li>
<li>Fari Matrix LED Dinamici</li>
<li>Virtual Cockpit Plus RS</li>
<li>Sedili Sportivi RS elettrici</li>
<li>Pacchetto Luci Ambiente LED</li>
<li>MMI Navigation Plus Touch</li>
<li>Proiezione LED Logo RS</li>
</ul>
</section>
<section class="card">
<h2>Galleria Fotografica</h2>
<div class="gallery">
<img src="img/fronte.jpg" alt="RS3 Fronte">
<img src="img/lato.jpg" alt="RS3 Lato">
<img src="img/interni.jpg" alt="RS3 Interni">
<img src="img/freni.jpg" alt="RS3 Carboceramici">
<img src="img/cockpit.jpg" alt="Audi Virtual Cockpit">
<img src="img/posteriore.jpg" alt="Scarichi RS">
</div>
</section>
</div>
<div class="sidebar">
<div class="card">
<div class="price-tag">€ 70.000</div>
<p style="color: var(--text-dim); margin-bottom: 25px;">Prezzo trattabile dopo visione</p>
<table class="specs-table">
<tr><td>Chilometri</td><td>60.000 km</td></tr>
<tr><td>Anno</td><td>2022</td></tr>
<tr><td>Motore</td><td>2.5 TFSI 5 cil.</td></tr>
<tr><td>Trazione</td><td>Integrale Quattro</td></tr>
<tr><td>Pneumatici Ant.</td><td>265/30 R19</td></tr>
<tr><td>Pneumatici Post.</td><td>245/35 R19</td></tr>
<tr><td>Stato Freni</td><td>Carboceramici OK</td></tr>
</table>
<div style="margin-top: 20px;">
<small style="color: var(--text-dim);">TELAIO (VIN):</small>
<div class="vin-box">WUAZZZGY6NA900791</div>
</div>
<a href="mailto:tua-email@esempio.it" class="cta-button" style="margin-top: 30px;">
Contatta il Venditore
</a>
</div>
<div class="card" style="text-align: center;">
<h3 style="margin-top:0">Garanzia e Manutenzione</h3>
<p style="font-size: 0.9rem; color: var(--text-dim);">
Veicolo con cronologia tagliandi completa Audi. Ultimo intervento certificato a 60k km. Nessun lavoro da eseguire.
</p>
</div>
</div>
</div>
</div>
<footer style="text-align: center; padding: 40px; color: var(--text-dim); font-size: 0.8rem;">
© 2026 - Vendita Audi RS3 Sportback 400cv - Privato
</footer>
</body>
</html>