index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Home</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width" />

    <link rel="stylesheet" href="styles.css" />
    <script type="module" src="script.js"></script>
  </head>
  <body style="background-color: #212121; color: #fff">
    <nav>
      <a href="/" aria-current="page">Home</a>
      <a target="_blank" href="https://www.youtube.com/@chaiaurcode"
        >Youtube channel</a
      >
    </nav>
    <main>
      <h1>Chai aur code</h1>
      <div class="projects">
        <a class="project-link" style="" href="./1-colorChanger/index.html"
          >Project One - color Changer 🔥</a
        >
        <a class="project-link" href="./2-BMICalculator/index.html"
          >Project Two - BMI Generator ☕️</a
        >
        <a class="project-link" href="./3-DigitalClock/index.html"
          >Project Three - Digital clock 😎</a
        >
        <a class="project-link" href="./4-GuessTheNumber/index.html"
          >Project Four - Guess the number 🤨</a
        >
        <a class="project-link" href="./5-keyboard/index.html"
          >Project 5 - Keyboard check 👻</a
        >
        <a class="project-link" href="./6-unlimitedColors/index.html"
          >Project 6 - Unlimited Colors 🧠</a
        >
      </div>
    </main>
  </body>
</html>