index.html

<!DOCTYPE html>
<html>

<head>
    <title>Mio sito personale</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="CSS/index.css">
    <script src="darkmode.js"></script>
</head>

<body>
    <header>
        <nav id="navbar">
            <div class="toggle" onclick="toggleMenu()"></div>
            <ul id="menu">
                <li><a href="#presentation">La mia presentazione</a></li>
                <li><a href="#interests">I miei interessi</a></li>
                <li><a href="#projects">I miei progetti</a></li>
                <li><a href="Contatti.html">Contatti</a></li>
                <button id="dark-mode-btn" onclick="toggleDarkMode()">Dark Mode</button>

            </ul>
        </nav>
    </header>
    <main>
        <section id="presentation">
            <h1>Benvenuto sul mio sito web!</h1>
            <p>Mi chiamo Kevin e sono un programmatore alle prime armi. Sto svolgendo il quarto anno di informatica
                all'ITT
                Allievi San-Gallo e vivo a Terni, per chi non la conoscesse si trova in Umbria. Mi piace
                lavorare su progetti creativi che mi permettono di esprimere la mia creatività e di utilizzare le mie
                competenze tecniche
            </p>
        </section>
        <section id="interests">
            <h2>I miei interessi</h2>
            <p>Mi piace anche molto programmare siti web e applicazioni, in particolare mi sto cimentando con lo
                sviluppo di
                applicazioni mobili per Android e iOS, e sto anche studiando attualmente Java. Adoro anche giocare a
                calcio, soprattutto con gli amici del mio
                quartiere. Inoltre, sono appassionato di fotografia e mi piace sperimentare con la fotografia
                paesaggistica.</p>
        </section>
        <section id="projects">
            <h2>I miei progetti</h2>
            <ul>
                <li><a href="projects/calculator.html">Progetto 1</a></li>
                <li><a href="projects/HTML/inizio.html">Progetto 2</a></li>
                <li><a href="#">Progetto 3</a></li>
            </ul>
        </section>
        <section>
            <div class="container">
                <h2>
                    <span class="visit-count" id="visits"> </span>
                </h2>
            </div>
            <script>
                function cb(response) {
                    document.getElementById('visits').innerText = 'Questa pagina ha fatto ' + response.value + ' visite';
                }
            </script>
            <script async src="https://api.countapi.xyz/hit/Kevinxviii.github.io/visits?callback=cb"></script>
        </section>

    </main>
</body>

</html>