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

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

References

<select>Usato per creare un menu a tendina.
placeholderDefinisce un testo segnaposto per un elemento input o textarea
<label>Mostrare un testo di etichetta per un elemento di input.
<option>Serve ad inserire una voce in un menu di selezione.
<blockquote>Inserisce citazioni in un documento HTML
downloadConsente di scaricare file al click di collegamento ipertestuale.

Users

Log in to search for users

Explore

Find inspiration

Review of Functions I

Alice nel Paese delle Meraviglie

Design, Marketing & AI News

Il mio primo sito

Calcolatrice Top

Test Per informatica

FORM PROF DA PROVARE

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!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>