index.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">
    <title>Personal Site</title>
</head>
<body>
    <img src="" alt="Profile pic">
    <h1>Reuben Thomas</h1>
    <p><em>I am a <strong>student</strong>.</em></p>
    <hr>
    <h3>Books read</h3>
    <ul>
        <li><a href="https://www.calnewport.com/books/deep-work/">Deep Work</a></li>
        <li>How to win Friends and influence people</li>
        <li>You've Already Got it</li>
    </ul>
    <hr>
    <h3>Skills</h3>
    <table>
        <tr>
            <td>HTML</td>
            <td>⭐⭐⭐⭐⭐</td>
        </tr>
        <tr>
            <td>CSS</td>
            <td>⭐⭐⭐⭐⭐</td>
        </tr>
    </table>
    <hr>
    <h3>Experience</h3>
    <table>
        <thead>
            <tr>
                <th>Year</th>
                <th>Institution</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>2018-2021</td>
                <td>St. Claret College</td>
            </tr>
            <tr>
                <td>2016-2018</td>
                <td>St Claret PU College</td>
            </tr>

        </tbody>
        <tfoot>

        </tfoot>
    </table>
    <hr>
    <h3>Hobbies</h3>
    <ol>
        <li>Singing</li>
        <li>Guitar</li>
    </ol>
    <h3><a href="contact.html">Contact Me</a></h3>

</body>
</html>