index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Index</title>
  </head>
  <body>
    <center>
      <h1>Index Page</h1>
      <table border="1">
        <tr>
          <th colspan="2">MERN STACK TASK</th>
        </tr>
        <tr>
          <th>Task Number</th>
          <th>Link</th>
        </tr>
        <tr>
          <td>HTML Task1</td>
          <td><a href="html_task1.html">Link1</a></td>
        </tr>
        <tr>
          <td>HTML Task2</td>
          <td><a href="html_task2.html">Link2</a></td>
        </tr>
        <tr>
          <td>HTML Task3</td>
          <td><a href="html_task3.html">Link3</a></td>
        </tr>
        <tr>
          <td>HTML Task4</td>
          <td><a href="html_task4.html">Link4</a></td>
        </tr>
        <tr>
          <td>HTML Task5</td>
          <td><a href="html_task5.html">Link5</a></td>
        </tr>
        <tr>
          <td>CSS Task1</td>
          <td><a href="css_task1.html">Link6</a></td>
        </tr>
        <tr>
          <td>CSS Task2</td>
          <td><a href="css_task2.html">Link7</a></td>
        </tr>
        <tr>
          <td>CSS Task3</td>
          <td><a href="css_task3.html">Link8</a></td>
        </tr>
        <tr>
          <td>CSS Task4</td>
          <td><a href="css_task4.html">Link9</a></td>
        </tr>
        <tr>
          <td>CSS Task5</td>
          <td><a href="css_task5.html">Link10</a></td>
        </tr>
        <tr>
          <td>CSS Task6</td>
          <td><a href="css_task6.html">Link11</a></td>
        </tr>
        <tr>
          <td>CSS Task7</td>
          <td><a href="css_task7.html">Link12</a></td>
        </tr>
      </table>
    </center>
  </body>
</html>