progetto 5 by @Abdelbb - Codewith.it

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

References

_blankApre i collegamenti ipertestuali in una nuova scheda del browser
classDefinisce una o più classi per elemento
<form>Crea un modulo/form HTML per consentire all'utente di inviare dati al server
<hr>Inserisce una linea orizzontale
formactionPermette di definire l'URL di una pagina web a cui inviare i dati di un form
<audio>Il tag <audio> HTML permette di inserire contenuti musicali e suoni nel documento

Users

Log in to search for users

Explore

Find inspiration

La storia di Cappuccetto Rosso

La danza del Fuoco e delle Ombre

poccodio inserimenti immagineee

Pagina di Esempio

esercizio form 2

congettura di golbach a 3

Template prodotti Meguiar

Esercitazione 1

Le mie materie preferite

Lola Harrel Project 2

Review of Functions

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>
    <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 personalizzati.</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 Belgrado, 13, Carpi</p>
        <p><strong>Numero di telefono:</strong> +39 3714274096</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>