description.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/css/description.css">
    <title>Document</title>
</head>
<body>
    
        <table>
            <tr>
                <th id="problem">Problem</th>
            </tr>

            <tr id="beginner">
                <td>Beginner Problem Definition</td>
                <td>
                    <ol>
                    <li>Retrieving a list of information fetched from a folder.</li>
                    <li>Sort information in alphabetical order.</li>
                    <li>Display list on the web.</li>
                    </ol>
                </td>
            </tr>

            <tr id="medium">   
                <td>Medium Problem Definition</td>
                <td>
                    <ol>
                        <li>Fetch an array of objects from a local folder.</li>
                        <li>Sort the information in alphabetical with a button.</li>
                        <li>Display the array of objects on the web and sort by clicking button.</li>
                    </ol>
                </td>
            </tr>

            <tr id="advanced">
                <td>Advanced Problem Definition</td>
                <td>
                    <ol>
                        <li>Fetch a json file which is an array of objects in our local folder.</li>
                        <li>Use the information from the json to display on the web.</li>
                        <li>Display the json objects on the webpage and sort based on attribute by clicking button attached to an eventlistener.</li>
                    </ol>
                </td>
            </tr>
        </table>
        <p id="paragraph"><a href="/index.html">Home Page</a></p>
   
</body>
</html>