Autoscuola Eur Torrino Fabrizio e by @flavio1687348 - Codewith.it

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

Referenze

<em>Formatta il testo in corsivo/italico enfatizzato
<hr>Inserisce una linea orizzontale
srcIndica la provenienza di una risorsa esterna (tramite URL).
<audio>Il tag <audio> HTML permette di inserire contenuti musicali e suoni nel documento
maxlengthDetermina il numero massimo di caratteri consentiti in un elemento input
<table>Tag primario per la creazione di tabelle

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

esercitazione 1

ricetta risotto primo tentativo

WebDeveloper 2025 - Portfolio Wave

La magica storia di Peter Pan_Laura

Indice di un libro (es in classe)

\\\"Il Razzismo - Un Tema Importa(2)

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 Eur Torrino | Fabrizio e Jacopo</title>
    <style>
        * { box-sizing: border-box; scroll-behavior: smooth; }
        body { font-family: 'Segoe UI', Arial, sans-serif; margin: 0; line-height: 1.6; color: #1a1a1a; overflow-x: hidden; }
        nav { background: #1a1a1a; padding: 15px; position: sticky; top: 0; z-index: 1000; display: flex; justify-content: center; flex-wrap: wrap; border-bottom: 3px solid #FFD700; }
        nav a { color: #FFD700; text-decoration: none; margin: 5px 15px; font-weight: bold; text-transform: uppercase; font-size: 0.85rem; }
        header { background: #1a1a1a; 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: 1400px; margin: auto; }
        h2 { text-align: center; text-transform: uppercase; border-bottom: 4px solid #FFD700; display: inline-block; margin-bottom: 30px; }
        .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-top: 20px; }
        .service-card { background: #f4f4f4; padding: 20px; border-radius: 15px; border-left: 8px solid #FFD700; display: flex; flex-direction: column; justify-content: space-between; }
        .service-card h3 { margin-top: 0; color: #1a1a1a; text-transform: uppercase; font-size: 1.1rem; }
        .img-card { width: 100%; height: 160px; object-fit: cover; border-radius: 10px; margin-top: 15px; border: 2px solid #ddd; }
        .all-licenses { background: #1a1a1a; color: white; padding: 40px; border-radius: 15px; text-align: center; margin-top: 40px; border: 2px solid #FFD700; }
        .reviews-container { background: #1a1a1a; color: white; padding: 60px 0; text-align: center; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }
        .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 #FFD700; text-decoration: none; text-align: left; }
        .hours-box { background: #000; color: #FFD700; padding: 20px; border-radius: 10px; margin-top: 20px; display: inline-block; text-align: left; }
        footer { background: #1a1a1a; color: white; text-align: center; padding: 40px; border-top: 3px solid #FFD700; }
        .whatsapp-fixed { position: fixed; bottom: 20px; right: 20px; background-color: #25d366; color: white; padding: 12px 20px; border-radius: 50px; text-decoration: none; font-weight: bold; box-shadow: 0px 4px 10px rgba(0,0,0,0.3); z-index: 9999; }
    </style>
</head>
<body>

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

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

    <section id="corsi">
        <div style="text-align:center;"><h2>I Nostri Corsi</h2></div>
        <div class="services-grid">
            <div class="service-card">
                <div><h3>Patente B</h3><p>Teoria in sede e online. Guide con istruttori qualificati.Scrivici su whatsapp i tuoi dati, e quando verrai per iscriverti avrai uno sconto del 10%</p></div>
                <img src="clio.png" alt="Renault Clio Patente B" class="img-card">
            </div>
            <div class="service-card">
                <div><h3>B Automatica</h3><p>Patente B con cambio automatico (codice 78).</p></div>
                <img src="macchina-automatica.png" alt="Vettura Cambio Automatico" class="img-card">
            </div>
            <div class="service-card">
                <div><h3>Moto & Microcar</h3><p>Pista privata per tutte le categorie moto e microcar.</p></div>
                <img src="pista.png" alt="Pista Moto" class="img-card">
            </div>
            <div class="service-card">
                <div><h3>Corsi CAP B</h3><p>Preparazione professionale per TAXI e NCC.</p></div>
                <img src="taxi.png" alt="Taxi e NCC" class="img-card">
            </div>
            <div class="service-card">
                <div><h3>Recupero Punti</h3><p>Corsi in sede per il recupero dei punti sulla patente.</p></div>
                <img src="recupero-punti.png" alt="Corso Recupero Punti" class="img-card">
            </div>
        </div>

        <div class="all-licenses">
            <h3 style="color: #FFD700; font-size: 1.8rem; margin-bottom: 15px;">RINNOVI PATENTE</h3>
            <p style="font-size: 1.2rem; margin-bottom: 10px;">medico in sete nei seguenti orari:</p>
            <p style="font-weight: bold; font-size: 1.3rem; color: #fff;">?️ Martedì alle 17:00</p>
            <p style="font-weight: bold; font-size: 1.3rem; color: #fff;">?️ Sabato alle 10.30</p>
            <p style="margin-top: 25px; font-style: italic;">contattarci tramite whatsaap o numero fisso per prenotare e la foto te la facciamo noi</p>
            <div style="margin-top: 20px;">
                <a href="tel:065204255" style="background: #FFD700; color: #000; padding: 12px 25px; text-decoration: none; border-radius: 50px; font-weight: bold; display: inline-block; margin: 10px;">CHIAMA IL FISSO</a>
                <a href="https://wa.me/393487062848" style="background: #25D366; color: white; padding: 12px 25px; text-decoration: none; border-radius: 50px; font-weight: bold; display: inline-block; margin: 10px;">SCRIVI SU WHATSAPP</a>
            </div>
        </div>
    </section>

    <div class="reviews-container" id="recensioni">
        <h2 style="color: #FFD700; border-bottom-color: #FFD700;">Cosa dicono di noi</h2>
        <div class="slider">
            <div class="review-card">
                <div style="color:#fbbc05; font-size: 20px;">★★★★★</div>
                <p>"Fabrizio e Jacopo 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>"Rinnovo 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 Torrino. 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" rel="noopener" style="background: #FFD700; color: #000; padding: 15px 30px; text-decoration: none; border-radius: 50px; font-weight: bold; display: inline-block; box-shadow: 0 4px 15px rgba(255,215,0,0.3);">
               ⭐ GUARDA LE RECENSIONI
            </a>
        </div>
    </div>

    <section id="contatti">
        <div style="text-align:center;"><h2>Dove Siamo</h2></div>
        <div class="services-grid" style="grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));">
            <div>
                <p><strong>? Via del Pianeta Urano, 28 - Roma</strong></p>
                <p><strong>? Tel: 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>
            </div>
            <img src="esterno.png" alt="Sede" class="img-card" style="height: auto;">
        </div>
    </section>

    <footer><p>© 2026 Autoscuola Eur Torrino - Gestione Fabrizio e Jacopo</p></footer>
    <a href="https://wa.me/393487062848" class="whatsapp-fixed" target="_blank">? WhatsApp</a>

</body>
</html>