<!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 Carlozzi</h1>
<h1 class="subtext">Sophomore student at DVHS</h1>
</div>
</section>
<section class="misson">
<h2 class="hidden">About me</h2>
<h2 class="aboutme hidden">I am a student at DVHS, I enjoy tinkering with technology, playing lacrosse, and pride myself in my self confidence and ability to accomplish tasks. </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: nicocarlozzi@gmail.com </h3>
</section>
<script defer src="index.js"></script>
</body>
</html>
</html>