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

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

References

<table>Tag primario per la creazione di tabelle
mediaSpecifica a quale dispositivo/display/documento è ottimizzata una risorsa.
placeholderDefinisce un testo segnaposto per un elemento input o textarea
disabledImpedisce la modifica di un input
enctypeDetermina il tipo di codifica dei dati di un form per l'invio al server
<textarea>Area di testo libero espandibile per form HTML

Users

Log in to search for users

Explore

Find inspiration

esercizio:sito web

Liste e tabelle

Array of Colors

attività della settimana

Review of Functions I

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