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

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

Referenze

styleDefinisce regole e stili CSS all'interno di un tag HTML (inline CSS)
getDefinisce un metodo di invio di dati al server
multipleConverte in lista a selezione multipla
mediaSpecifica a quale dispositivo/display/documento è ottimizzata una risorsa.
dirnameInvia informazioni sulla direzione di scrittura da un elemento input
animation-directionProprietà CSS per definire la direzione di esecuzione di un'animazione

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

poccodio inserimenti immagineee

Bootstrap List Grid

ESAME (TORTA DELLA NONNA)

Pagina sul lorem ipsum

informazioni personali

Elenchi numerati con HTML

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>