index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/x-icon" href="./imgs/icon.png" />
    <title>Hello, I am Nico</title>
    <link rel="stylesheet" href="styles.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" />
</head>

<body>
    <button id="audioBtn">
        <i id="playIcon" class="fa fa-play"></i>
        <i id="pauseIcon" class="fa fa-pause"></i>
    </button>
    <audio id="audio" src="menu1.ogg"></audio>
    <canvas id="canvas"></canvas>
    <section class="masterhead">
        <div class="Center hidden">
            <h1 class="toptext">Hey, I'm</h1>
            <h1>Nico</h1>
            <h1 class="subtext">Producer and Musician</h1>
        </div>
    </section>

    <section class="misson">
        <h2 class="hidden">About me</h2>
        <h2 class="aboutme hidden">I produce music in my free time, play sports, and have slight knowledge of JavaSrcript and Java.</h2>
        <a href="./chat.html" class="aboutme2 "> Wanna Chat?</a>
        <a href="./chess.html" class="aboutme3 "> Wanna play chess?</a>
        <a href="./flappybird.html" class="aboutme4">Play Flappy Bird!</a>
    </section>

    <section class="projects">
        <div class="bottom-box">
            <a href="https://github.com/NobleKnight706/NobleKnight706.github.io" target="_blank">View my Websites Code on GitHub</a>
        </div>
    </section>

    <section class="contact">
        <h2 class="hidden">Get in touch!</h2>
        <a href="./contact.html" class="button">Contact me!</a>
        <h3> Reach out to me at: nobleknight706@gmail.com </h3>
    </section>

    <script defer src="index.js"></script>
    
</body>
</html>
</html>