Le Meraviglie d’Italia (chatgpt) by @Zeno04 - Codewith.it

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

References

typeSpecifica la tipologia/funzione di un elemento.
autofocusAttiva un elemento al caricamento della pagina.
Inserisce un commento nel codice
<h4>Titolo di intestazione di quarto livello
multipleConverte in lista a selezione multipla
<form>Crea un modulo/form HTML per consentire all'utente di inviare dati al server

Users

Log in to search for users

Explore

Find inspiration

Map System using Leaflet

test js coinmarketcap

UX / Web Design, Freelance – Pro

Genera Tavola Pitagorica (PHP)

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>Le Meraviglie d’Italia</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            color: #333;
            margin: 0;
            padding: 0;
            background-color: #f4f4f9;
        }
        h1 {
            text-align: center;
            color: #228B22; /* colore naturale, verde */
        }
        .intro {
            text-align: center;
            margin: 20px;
        }
        .meraviglie-table {
            width: 80%;
            margin: auto;
            border-collapse: collapse;
        }
        .meraviglie-table td, .meraviglie-table th {
            border: 1px solid #ccc;
            padding: 15px;
            text-align: left;
            vertical-align: top;
        }
        .meraviglie-table img {
            width: 100%;
            height: auto;
            border-radius: 5px;
        }
        .meraviglia-nome {
            color: #2E8B57; /* verde più scuro per evidenziare i nomi */
            font-weight: bold;
        }
        .caratteristiche strong {
            color: #555;
        }
        .conclusione {
            text-align: center;
            margin: 20px;
            font-size: 1.1em;
        }
    </style>
</head>
<body>

    <!-- Parte 1: Intestazione e Introduzione -->
    <h1>Le Meraviglie d’Italia</h1>
    <div class="intro">
        <p>Benvenuti nella pagina dedicata alle meraviglie d’Italia. Scopri alcuni dei luoghi più belli e significativi del nostro paese, dai paesaggi naturali mozzafiato alle opere architettoniche senza tempo.</p>
    </div>

    <!-- Parte 2: Tabella delle Meraviglie con Immagini -->
    <table class="meraviglie-table">
        <tr>
            <td><img src="colosseo.jpg" alt="Colosseo di Roma"></td>
            <td>
                <span class="meraviglia-nome">Colosseo</span>
                <ul class="caratteristiche">
                    <li><strong>Anno di costruzione:</strong> 80 d.C.</li>
                    <li><strong>Posizione:</strong> Roma</li>
                    <li><strong>Unico nel suo genere:</strong> Simbolo dell’Impero Romano</li>
                </ul>
            </td>
        </tr>
        <tr>
            <td><img src="dolomiti.jpg" alt="Le Dolomiti"></td>
            <td>
                <span class="meraviglia-nome">Dolomiti</span>
                <ul class="caratteristiche">
                    <li><strong>Catena montuosa</strong></li>
                    <li><strong>Patrimonio UNESCO</strong></li>
                    <li><strong>Meta popolare per escursioni</strong></li>
                </ul>
            </td>
        </tr>
        <tr>
            <td><img src="valleTempli.jpg" alt="Valle dei Templi in Sicilia"></td>
            <td>
                <span class="meraviglia-nome">Valle dei Templi</span>
                <ul class="caratteristiche">
                    <li><strong>Situata ad Agrigento</strong></li>
                    <li><strong>Patrimonio UNESCO</strong></li>
                    <li><strong>Templi greci ben conservati</strong></li>
                </ul>
            </td>
        </tr>
    </table>

    <!-- Parte 4: Conclusione e Personalizzazione -->
    <div class="conclusione">
        <p>Queste sono solo alcune delle incredibili meraviglie che l’Italia ha da offrire. Esplora e scopri altri luoghi straordinari!</p>
        <p>Se vuoi saperne di più, <a href="mailto:tuoindirizzo@spes.uniud.it">contattaci</a>.</p>
    </div>

</body>
</html>