Autoscuola Roma EUR Torrino Patent by @flavio1687348 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

methodDetermina il metodo di invio dei dati di un form al server
<br>Inserisce uno spazio vuoto tra due elementi HTML.
_parentApre collegamenti ipertestuali nell'elemento genitore
<thead>Definisce un gruppo di intestazione all'interno di una tabella.
titleIndica informazioni aggiuntive riguardo un elemento HTML
text/plainDefinisce un metodo di non codifica dei valori di un form

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Gesù nostro signore(2)

Curriculum definitivo

esercizio ripilogativo 1

Mario-Block.html

meraviglieItaliaFrame

google search clone

Idee background personaggio

codice per verifica

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title>Autoscuola Roma EUR Torrino | Patenti A B e Rinnovo Patente</title>
    <meta name="description" content="Autoscuola Eur Torrino di Fabrizio e Jacopo. Dal 1998 corsi patente B, cambio automatico, moto e rinnovo patente in sede a Roma EUR. Sconto 10% da WhatsApp!">

    <style>
        :root {
            --gold: #FFD700;
            --dark: #1a1a1a;
            --black: #000000;
            --light-text: #eeeeee;
            --success: #25d366;
        }

        * { box-sizing: border-box; scroll-behavior: smooth; }
        
        /* Sfondo scuro come richiesto */
        body { 
            font-family: 'Segoe UI', Roboto, Arial, sans-serif; 
            margin: 0; 
            line-height: 1.6; 
            color: var(--light-text); 
            background-color: var(--black); 
            overflow-x: hidden;
        }
        
        /* Navigazione Oro/Nero */
        nav { 
            background: var(--dark); 
            padding: 15px; 
            position: sticky; 
            top: 0; 
            z-index: 1000; 
            display: flex; 
            justify-content: center; 
            flex-wrap: wrap; 
            border-bottom: 3px solid var(--gold); 
        }
        nav a { color: var(--gold); text-decoration: none; margin: 5px 15px; font-weight: bold; text-transform: uppercase; font-size: 0.85rem; }

        header { background: var(--dark); padding: 40px 20px; text-align: center; }
        .logo { max-width: 450px; width: 90%; height: auto; display: block; margin: 0 auto; }

        section { padding: 60px 20px; max-width: 1200px; margin: auto; }
        
        h1 { display: none; } /* Per la SEO di Google */
        
        h2 { 
            text-align: center; 
            text-transform: uppercase; 
            border-bottom: 4px solid var(--gold); 
            display: inline-block; 
            margin-bottom: 40px; 
            color: var(--gold);
            padding-bottom: 5px;
        }

        /* Griglia Servizi */
        .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
        .service-card { 
            background: #222; 
            padding: 25px; 
            border-radius: 15px; 
            border-left: 8px solid var(--gold); 
            display: flex; 
            flex-direction: column; 
            justify-content: space-between;
            transition: 0.3s;
        }
        .service-card:hover { background: #2a2a2a; transform: translateY(-5px); }
        .service-card h3 { margin-top: 0; color: var(--gold); text-transform: uppercase; font-size: 1.2rem; }
        .service-card p { color: #ccc; }
        
        .img-card { width: 100%; height: 170px; object-fit: cover; border-radius: 10px; margin-top: 15px; border: 1px solid #444; }

        /* Box Rinnovi Speciale */
        .promo-box { 
            background: var(--dark); 
            color: white; 
            padding: 40px; 
            border-radius: 15px; 
            text-align: center; 
            margin-top: 40px; 
            border: 2px solid var(--gold); 
            box-shadow: 0 0 20px rgba(255,215,0,0.1);
        }
        .promo-box h3 { color: var(--gold); font-size: 1.8rem; margin-bottom: 15px; }
        .highlight { font-weight: bold; font-size: 1.3rem; color: #fff; display: block; margin: 10px 0; }

        /* Recensioni Slider */
        .reviews-container { background: #111; padding: 60px 0; text-align: center; }
        .slider { display: flex; overflow-x: auto; gap: 20px; padding: 20px 40px; scroll-snap-type: x mandatory; }
        .slider::-webkit-scrollbar { display: none; }
        .review-card { 
            background: white; 
            color: #333; 
            min-width: 300px; 
            padding: 25px; 
            border-radius: 15px; 
            scroll-snap-align: center; 
            border-bottom: 6px solid var(--gold); 
            text-align: left; 
        }

        /* Contatti e Orari */
        .hours-box { background: var(--gold); color: #000; padding: 20px; border-radius: 10px; margin-top: 20px; display: inline-block; font-weight: bold; }

        /* Bottoni */
        .btn { padding: 12px 25px; text-decoration: none; border-radius: 50px; font-weight: bold; display: inline-block; margin: 10px; transition: 0.3s; }
        .btn-gold { background: var(--gold); color: #000; }
        .btn-whatsapp { background: var(--success); color: white; }

        .whatsapp-fixed { position: fixed; bottom: 20px; right: 20px; background-color: var(--success); color: white; padding: 12px 20px; border-radius: 50px; text-decoration: none; font-weight: bold; box-shadow: 0px 4px 10px rgba(0,0,0,0.5); z-index: 9999; }
        
        footer { background: var(--dark); color: #777; text-align: center; padding: 40px; border-top: 3px solid var(--gold); }
    </style>
</head>
<body>

    <h1>Autoscuola Eur Torrino Roma - Patenti B, Moto e Rinnovi</h1>

    <nav>
        <a href="#home">Home</a>
        <a href="#corsi">I Nostri Corsi</a>
        <a href="#recensioni">Recensioni</a>
        <a href="#contatti">Contatti</a>
    </nav>

    <header id="home">
        <img src="logo.png" alt="Autoscuola Eur Torrino Roma" class="logo">
    </header>

    <section id="corsi">
        <div style="text-align:center;"><h2>I Nostri Corsi a <strong>Roma EUR</strong></h2></div>
        
        <div class="services-grid">
            <div class="service-card">
                <div>
                    <h3>Patente B</h3>
                    <p>Teoria in <strong>sede e online</strong>. Guide con istruttori qualificati su <strong>Renault Clio</strong>. Scrivici su WhatsApp per lo <strong>sconto del 10%</strong>!</p>
                </div>
                <img src="clio.png" alt="Patente B Roma Torrino" class="img-card">
            </div>
            
            <div class="service-card">
                <div>
                    <h3>B Automatica</h3>
                    <p>Patente B con <strong>cambio automatico</strong> (codice 78). Perfetta per una guida moderna e senza pensieri.</p>
                </div>
                <img src="macchina-automatica.png" alt="Patente Automatica EUR" class="img-card">
            </div>
            
            <div class="service-card">
                <div>
                    <h3>Moto & Microcar</h3>
                    <p>Esercitati nella nostra <strong>pista privata</strong> per tutte le categorie moto e microcar in totale sicurezza.</p>
                </div>
                <img src="pista.png" alt="Pista Moto Privata Roma" class="img-card">
            </div>
            
            <div class="service-card">
                <div>
                    <h3>Recupero Punti</h3>
                    <p>Corsi in sede per il <strong>recupero dei punti</strong> sulla patente. Rapido e professionale.</p>
                </div>
                <img src="recupero-punti.png" alt="Recupero Punti Roma EUR" class="img-card">
            </div>
        </div>

        <div class="promo-box">
            <h3><strong>RINNOVO PATENTE</strong> IN SEDE</h3>
            <p>Medico in sede nei seguenti orari:</p>
            <span class="highlight">?️ Martedì alle 17:00 | ?️ Sabato alle 10:30</span>
            <p>Contattaci per prenotare: <strong>la foto te la facciamo noi</strong> direttamente in autoscuola!</p>
            <div style="margin-top: 25px;">
                <a href="tel:065204255" class="btn btn-gold">CHIAMA IL FISSO</a>
                <a href="https://wa.me/393487062848" class="btn btn-whatsapp">SCRIVI SU WHATSAPP</a>
            </div>
        </div>
    </section>

    <div class="reviews-container" id="recensioni">
        <h2 style="color: var(--gold);">Cosa dicono di noi</h2>
        <div class="slider">
            <div class="review-card">
                <div style="color:#fbbc05; font-size: 20px;">★★★★★</div>
                <p>"<strong>Fabrizio e Jacopo</strong> sono bravissimi, ti mettono a tuo agio e sono super professionali."</p>
                <strong>- Alessandro F.</strong>
            </div>
            <div class="review-card">
                <div style="color:#fbbc05; font-size: 20px;">★★★★★</div>
                <p>"<strong>Rinnovo patente</strong> fatto velocemente, personale gentilissimo e cordiale."</p>
                <strong>- Martina G.</strong>
            </div>
            <div class="review-card">
                <div style="color:#fbbc05; font-size: 20px;">★★★★★</div>
                <p>"Ottima autoscuola al <strong>Torrino</strong>. Istruttori pazienti e molto preparati."</p>
                <strong>- Valerio R.</strong>
            </div>
        </div>
        <div style="margin-top: 30px;">
            <a href="https://www.google.it/search?q=Autoscuola+Eur+Torrino+Roma#lrd=0x13258b36e191d127:0x11186a51afd7b46a,1" target="_blank" class="btn btn-gold">⭐ VEDI TUTTE LE RECENSIONI</a>
        </div>
    </div>

    <section id="contatti">
        <div style="text-align:center;"><h2>Dove Siamo</h2></div>
        <div class="services-grid">
            <div>
                <p><strong>? Via del Pianeta Urano, 28 - Roma (Zona EUR Torrino)</strong></p>
                <p>? Tel: <strong>06 520 4255</strong></p>
                <div class="hours-box">
                    Lunedì - Venerdì: 10:00-13:00 / 15:30-19:00<br>
                    Sabato: 09:30-12:30
                </div>
                <p style="margin-top: 20px; color: #888;">Serviamo anche le zone di <strong>Mostacciano, Spinaceto e Decima</strong>.</p>
            </div>
            <img src="esterno.png" alt="Sede Autoscuola" class="img-card" style="height: auto;">
        </div>
    </section>

    <footer>
        <p>© 2026 <strong>Autoscuola Eur Torrino</strong> - Gestione Fabrizio e Jacopo</p>
    </footer>

    <a href="https://wa.me/393487062848" class="whatsapp-fixed" target="_blank">? WhatsApp</a>

</body>
</html>