Untitled

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Example</title>
</head>
<body>
    <link rel="stylesheet" type="text/css" href="styles.css">
    <div>
        <h1>List exercise</h1>
        <p>
            The lists contain at least two elements.
            The most common types are ordered and unordered lists.
        </p>
        <h2>Example</h2>
        <ol>
            <li>
                Apple
                <ul>
                    <li>Fruit</li>
                    <li>It's healthy</li>
                </ul>
            </li>
            <li>
                Cuumber
                <ul>
                    <li>Vegetable</li>
                    <li>The perfect saad ingredient</li>
                </ul>
            </li>
            <li>
                Bonster
                <ul>
                    <li>Energy drink</li>
                    <li>Contains coffee</li>
                </ul>
            </li>
        </ol>
        <br />
        <img src="pic3.png" style="width:80%;" />
        <br />
        List icon link<a href="https://softuni.bg"> HERE</a>
    </div>
    <div>
        <h1>Table exercise</h1>
        <p>Tables is a structured set of data made up of rows and columns.</p>
        <h2>Example</h2>
        <table>
            <thead>
                <tr>
                    <th>Programming language</th>
                    <th>Developed by</th>
                    <th>First appeared</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>C#</td>
                    <td>Microsoft</td>
                    <td>2000</td>
                </tr>
                <tr>
                    <td>Java</td>
                    <td>Oracle</td>
                    <td>1995</td>
                </tr>
                <tr>
                    <td>PHP</td>
                    <td>Zend Technologies</td>
                    <td>1995</td>
                </tr>
            </tbody>
        </table>
        <br />
        <img src="pic2.png" style="width:80%;" />
        <br />
        Table icon link<a href="https://softuni.bg"> HERE</a>
    </div>
    <div>
        <h1>Forms exercise</h1>
        <p>
            An HTML Form is made of one or more widgets.
            Those widgets can be text fields (single line or multiline),
            slect boxes, buttons, checkboxes or radio buttons.
        </p>
        <h2>Example</h2>
        <form>
            Username <input type="text" name="Username" />
            <br />
            Password <input type="text" name="Password" />
            <br />
            Email <input type="email" name="Email" />
            <br />
            Age <input type="radio" name="uage" value="Under 20"> Under 20
            <input type="radio" name="oage" value="20 or more"> 20 or more
            <br />
            <input type="submit" value="Submit">
        </form>
        <br />
        <img src="pic.png" style="width:80%;"/>
        <br />
        Form icon link<a href="https://softuni.bg"> HERE</a>
    </div>
</body>
</html>