<div style="display: inline-block; width: 33%" >
    <h1>Lists 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>Cucumber
            <ul>
                <li>Vegetable</li>
                <li>The perfect salad ingredient</li>
            </ul>
        </li>
        <li>Bonster
            <ul>
                <li>Energy drink</li>
                <li>Contains coffee</li>
            </ul>
        </li>
    </ol>
<img src="list.png" alt= 'a list image'/>
<p>List icon link <a href='https://softuni.bg'>HERE!</a></p>
</div>
<div style="display: inline-block; width: 33%" >
    <h1>Tables 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>
<img src="Microsoft-Excel-Foo.xlsx_2014-06-26_08-32-462.jpg" alt= 'a table image'/>
<p>Table icon link <a href='https://softuni.bg'>HERE!</a></p>
</div>
<div style="display: inline-block; width: 33%" >
    <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), select boxes, buttons, checkboxes, or radio buttons.</p>
    <h2>Example</h2>
    <form>
        <label for="Username">Username</label>
        <input id ='Username' type = 'text' name = 'Username' placeholder="Username"></br>
        <label for="Password">Password</label>
        <input id ='Password' type = 'text' name = 'Password' placeholder="Password"></br>
        <label for="Email">Email</label>
        <input id ='Email' type = 'text' name = 'Email' placeholder="Email"></br>
        <span>Age</span><input id ='Age' type = 'radio' name = 'Age' placeholder="Age"> Under 20<input id ='Age' type = 'radio' name = 'Age' placeholder="Age"> 20 or more</br>
        <button type="button">Submit</button>
    </form>
    <img src="club-membership-registration-form.png" width = 30% alt= 'a table image'/>
    <p>Table icon link <a href='https://softuni.bg'>HERE!</a></p>
</div>