ZacTour - Scopri la Puglia Autenti by @Lauracenni - Codewith.it

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

Referenze

sizeDetermina le dimensioni dell'elemento in base al valore contenuto
autoplayAttributo HTML autoplay per l'avvio automatico degli elementi audio e video
<embed>Tag per l'incorporamento di contenuti multimediali
animationDefinisce i parametri dell'animazione di un elemento o selettore
<h2>Titolo di intestazione di secondo livello
<div>Crea contenitori generici o sezioni in una pagina

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Struttura pagina HTML5

Weather Forecast

lezione 10 informatica

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>ZacTour - Scopri la Puglia Autentica</title>
    <style>
        body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #FAF3E0; }
        header { background: #006D77; color: white; text-align: center; padding: 20px; }
        .hero { background: url('puglia_paesaggio.jpg') no-repeat center center/cover; height: 400px; display: flex; align-items: center; justify-content: center; color: white; font-size: 2em; text-align: center; padding: 20px; }
        .content { padding: 40px; text-align: center; }
        .cta { background: #E63946; color: white; padding: 15px 30px; text-decoration: none; font-size: 1.2em; border-radius: 5px; }
        .cta:hover { background: #D62828; }
        .testimonials, .contact { padding: 40px; text-align: center; background: #F4A261; }
        .footer { background: #264653; color: white; text-align: center; padding: 20px; margin-top: 20px; }
        .gallery { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; padding: 40px; background: #E9C46A; }
        .gallery img { width: 30%; border-radius: 10px; }
        .experience { padding: 40px; text-align: center; background: #FDFCDC; }
        .experience h2 { color: #D62828; }
    </style>
</head>
<body>
    <header>
        <h1>ZacTour - Viaggi Autentici in Puglia</h1>
    </header>
    <section class="hero">
        <div>
            <h2>Scopri i sapori autentici della Puglia</h2>
            <a href="#contact" class="cta">Prenota ora un tour gastronomico</a>
        </div>
    </section>
    <section class="content">
        <h2>Perché scegliere ZacTour?</h2>
        <p>Da 10 anni, ZacTour offre esperienze uniche e personalizzate per chi desidera scoprire la vera essenza della Puglia.</p>
        <p>Tradizioni, natura incantevole e gastronomia esclusiva ti aspettano!</p>
    </section>
    <section class="experience">
        <h2>Esperienze Gastronomiche Uniche</h2>
        <p>Unisciti ai nostri tour per scoprire mercati locali, degustazioni di vini pregiati, cooking class con chef pugliesi e autentiche esperienze di street food.</p>
    </section>
    <section class="gallery">
        <img src="mare_puglia.jpg" alt="Spiaggia della Puglia">
        <img src="trulli.jpg" alt="Trulli caratteristici della Puglia">
        <img src="cucina_puglia.jpg" alt="Piatto tipico pugliese">
    </section>
    <section class="testimonials">
        <h2>Dicono di noi</h2>
        <p>"Un viaggio gastronomico eccezionale! Ho scoperto sapori incredibili e persone fantastiche." - Marco R.</p>
        <p>"Esperienze autentiche e piatti indimenticabili! Consigliatissimo per gli amanti della buona cucina." - Laura M.</p>
    </section>
    <section class="contact" id="contact">
        <h2>Prenota la tua esperienza culinaria in Puglia</h2>
        <form>
            <input type="text" placeholder="Nome" required><br><br>
            <input type="email" placeholder="Email" required><br><br>
            <textarea placeholder="Il tuo messaggio" required></textarea><br><br>
            <button type="submit" class="cta">Invia richiesta</button>
        </form>
    </section>
    <footer class="footer">
        <p>&copy; 2025 ZacTour - Tutti i diritti riservati.</p>
    </footer>
</body>
</html>