5 by @saadbufalo - Codewith.it

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

Referenze

<u> Utilizzato definire una parte del contenuto come annotazione non testuale, con una sottolineatura.
multipleConverte in lista a selezione multipla
minImposta il valore numerico o temporale minimo per un elemento input
multipart/form-dataCodifica dei caratteri di un form
<meta>Definisce i meta dati di una pagina web.
<link>Collega il documento corrente con una risorsa esterna

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

QUESTA è LA HOMEPAGE V.1

Roba info triangoli

Quiz ristrutturazione

Heads Or Tails Random Tally

Il Giro del Mondo in 80 Giorni(2)

Tabella esercizi

Resiliant Material

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>
    <title>Il Mondo della Tecnologia</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
        }
        h1 {
            background-color: #333;
            color: white;
            padding: 10px 0;
            text-align: center;
        }
        h2 {
            color: #333;
        }
        p {
            font-size: 1.1em;
            line-height: 1.6;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }
        table, th, td {
            border: 1px solid #ddd;
        }
        th, td {
            padding: 10px;
            text-align: left;
        }
        img {
            max-width: 100%;
            height: auto;
            margin-top: 20px;
        }
        ol {
            margin-top: 20px;
        }
        ul {
            list-style-type: none;
            padding: 0;
        }
        ul li {
            margin: 10px 0;
        }
        a {
            color: #007bff;
            text-decoration: none;
        }
        a:hover {
            text-decoration: underline;
        }
        button {
            background-color: #007bff;
            color: white;
            border: none;
            padding: 10px 20px;
            text-align: center;
            cursor: pointer;
            font-size: 16px;
            margin-top: 10px;
        }
        button:hover {
            background-color: #0056b3;
        }
        .contact-info {
            max-width: 600px;
            margin: 0 auto;
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            text-align: center;
            margin-bottom: 20px;
        }
        .contact-info p {
            font-size: 16px;
            color: #555;
            margin: 10px 0;
        }
        .contact-info a {
            color: #007BFF;
            text-decoration: none;
        }
        .contact-info a:hover {
            text-decoration: underline;
        }
        .map {
            width: 100%;
            height: 300px;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .back-home {
            display: block;
            width: 200px;
            margin: 0 auto;
            text-align: center;
            font-size: 18px;
            padding: 10px;
            background-color: #007BFF;
            color: white;
            text-decoration: none;
            border-radius: 4px;
        }
        .back-home:hover {
            background-color: #0056b3;
        }
    </style>
</head>
<body>

    <h1>Il Mondo della Tecnologia</h1>

    <h2>Mission</h2>
    <p><strong>Mission:</strong> Il nostro team è impegnato a fornire soluzioni innovative e all'avanguardia nel campo della tecnologia. Crediamo che l'innovazione sia la chiave per un futuro migliore e siamo determinati a portare queste idee al pubblico attraverso progetti che soddisfino le esigenze reali degli utenti.</p>

    <h2>Visione</h2>
    <p><strong>Visione:</strong> La nostra visione per il futuro è di crescere insieme alla comunità tecnologica, creando prodotti che possano trasformare il modo in cui le persone vivono e lavorano. Puntiamo a essere leader nel nostro settore, continuando a sviluppare idee che abbiano un impatto positivo sulla società.</p>

    <h2>Il nostro Team</h2>
    <table>
        <tr>
            <th>Ruolo</th>
            <th>Nome</th>
            <th>Email</th>
        </tr>
        <tr>
            <td>Fondatore</td>
            <td>Salvatore Crapanzano</td>
            <td><a href="mailto:salvatore@esempio.com">salvatore@esempio.com</a></td>
        </tr>
        <tr>
            <td>Designer</td>
            <td>Marco Rossi</td>
            <td><a href="mailto:marco@esempio.com">marco@esempio.com</a></td>
        </tr>
        <tr>
            <td>Sviluppatore</td>
            <td>Luca Bianchi</td>
            <td><a href="mailto:luca@esempio.com">luca@esempio.com</a></td>
        </tr>
    </table>

    <h2>Servizi Offerti</h2>
    <table>
        <tr>
            <th>Servizio</th>
            <th>Descrizione</th>
            <th>Prezzo Medio</th>
        </tr>
        <tr>
            <td><strong>Consulenza Tecnica</strong></td>
            <td>Offriamo consulenza personalizzata per ottimizzare l'efficienza dei tuoi sistemi tecnologici.</td>
            <td>€100/ora</td>
        </tr>
        <tr>
            <td><strong>Supporto Hardware</strong></td>
            <td>Assistenza nella scelta, installazione e manutenzione dei componenti hardware.</td>
            <td>€80/ora</td>
        </tr>
        <tr>
            <td><strong>Creazione di Siti Web</strong></td>
            <td>Progettazione e sviluppo di siti web.</td>
            <td>€1500 progetto</td>
        </tr>
        <tr>
            <td><strong>Formazione Professionale</strong></td>
            <td>Corsi di formazione su software e tecnologie per professionisti.</td>
            <td>€500/corso</td>
        </tr>
        <tr>
            <td><strong>Gestione Reti e Sicurezza</strong></td>
            <td>Manutenzione di reti sicure e affidabili.</td>
            <td>€120/ora</td>
        </tr>
    </table>

    <button onclick="window.location.href='chi_siamo.html'">Chi Siamo</button>
    <button onclick="window.location.href='servizi.html'">Servizi</button>
    <button onclick="window.location.href='contatti.html'">Contatti</button>

    <p><em><strong>"La tecnologia è l'arte di rendere possibile ciò che prima sembrava impossibile." - Michael Aldrich</strong></em></p>

    <h1>Contattaci</h1>
    
    <div class="contact-info">
        <p><strong>Indirizzo:</strong> Via Monte Bianco,24,Carpi</p>
        <p><strong>Numero di telefono:</strong> +39 3518147238</p>
        <p><strong>Email:</strong> <a href="mailto:salvatore.crapa@meucci.istruzioneeer.it">Invia un'email a Salvatore</a></p>
    </div>

    <div class="map">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2835.1426817027387!2d12.49783951612943!3d41.902913979366!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x132f604bbdcd8a7f%3A0x37adffaf22f2a8ab!2sPiazza+San+Pietro%2C+00120+Roma+RM%2C+Italia!5e0!3m2!1sit!2sus!4v1682975622257!5m2!1sit!2sus" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
    </div>

    <a href="index.html" class="back-home">Torna alla Home Page</a>

</body>
</html>