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

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

References

<iframe>Crea un frame all'interno di una pagina HTML.
formactionPermette di definire l'URL di una pagina web a cui inviare i dati di un form
<option>Serve ad inserire una voce in un menu di selezione.
<ol>Crea liste ordinate o numerate.
<tr>Definisce le righe di una tabella (rows)
multipleConverte in lista a selezione multipla

Users

Log in to search for users

Explore

Find inspiration

progetti scolastici

Heads Or Tails Random Tally

Pizzafy - Calcolatore di Pizza

Form per il torneo misto dis

sanchez ximena html 3

Bootstrap List Grid

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