index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tasks</title>
</head>
<body align="center">
    <h1>Index</h1>
    <h2>BootStrap</h2>
    <table style="width: 40%;" border="1" align="center" bordercolor="Black">
        <th>Tasks</th>
        <th>Links</th>
        <tr>
            <td>1st</td>
            <td><a href="./BS_Task_1.html">Task1</td>
        </tr>
        <tr>
            <td>2nd</td>
            <td><a href="./BS_Task_2.html">Task2</a></td>
        </tr>
        <tr>
            <td>3rd</td>
            <td><a href="./BS_Task_3.html">Task3</a></td>
        </tr>
        <tr>
            <td>4th</td>
            <td><a href="./BS_Task_4.html">Task4</a></td>
        </tr>
        <tr>
            <td>5th</td>
            <td><a href="./BS_Task_5.html">Task5</a></td>
        </tr>
        <tr>
            <td>6th</td>
            <td><a href="./BS_Task_6.html">Task6</a></td>
        </tr>
    </table>
    <h2>Javascript</h2>
    <table style="width: 40%;" border="1" align="center" bordercolor="Black">
        <th>Tasks</th>
        <th>Links</th>
        <tr>
            <td>1st</td>
            <td><a href="./JS1.html">Task1</td>
        </tr>
        <tr>
            <td>2nd</td>
            <td><a href="./JS2.html">Task2</a></td>
        </tr>
        <tr>
            <td>3rd</td>
            <td><a href="./JS3.html">Task3</a></td>
        </tr>
        <tr>
            <td>4th</td>
            <td><a href="./JS4.html">Task4</a></td>
        </tr>
        <tr>
            <td>5th</td>
            <td><a href="./JS5.html">Task5</a></td>
        </tr>
        <tr>
            <td>6th</td>
            <td><a href="./JS6.html">Task6</a></td>
        </tr>
        <tr>
            <td>7th</td>
            <td><a href="./JS7.html">Task7</a></td>
        </tr>
        <tr>
            <td>8th</td>
            <td><a href="./JS8.html">Task8</a></td>
        </tr>
    </table>
</body>
</html>