index.html

<!DOCTYPE html>
<html lang="en">
<head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>JavaScript Notebook</title>
     <link rel="stylesheet" href="style.css">    
</head>
<body>
     <h1>JavaScript Notebook</h1>
     <ol>
          <li><a href="01-Replacing_Text.html">Replacing Text</a></li>
          <li><a href="02-Collecting_Inputs.html">Collecting Inputs</a></li> 
          <li><a href="03-Live_Update.html">Live Update</a></li> 
          <li><a href="04-Report.html">Report</a></li> 
          <li><a href="05-Chat.html">Chat</a></li> 
          <li><a href="06-Multi_Chat.html">Multi-Chat</a></li>
          <li><a href="07-Hulk.html">Hulk</a></li>
          <li><a href="08-Madlibs.html">Madlibs</a></li>
          <li><a href="09-Certificate.html">Certificate</a></li>
          <li><a href="10-Terms_and_Conditions.html">Terms and Conditions</a></li>
          <li><a href="11-Sign_Up_Website.html">Sign Up Website</a></li>
          <li><a href="12-Quiz.html">Quiz</a></li>
          <li><a href="13-Adding_Classes.html">Adding Classes</a></li>
          <li><a href="14-Bigger_and_Greener.html">Bigger and Greener</a></li>
          <li><a href="15-Toggling_Classes.html">Toggling Classes</a></li>
          <li><a href="16-Exploding_Bomb.html">Exploding Bomb</a></li>
          <li><a href="17-Checklist.html">Checklist</a></li>
          <li><a href="18-My_To_Do_List.html">My To-Do List</a></li>
          <li><a href="19-Pong_Game.html">Pong Game</a></li>
          <li><a href="20-Flappy_Bird.html">Flappy Bird</a></li>
          <li><a href="21-Color_Picker.html">Color Picker</a></li>
          <li><a href="22-Breakout_Game.html">Breakout Game</a></li>
          <li><a href="23-Stopwatch.html">Stopwatch</a></li>
          

     </ol>
</body>
</html>