index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title>Emiles Personal Site</title>
  <link rel="stylesheet" href="css/styles.css">
</head>

<body>
  <table cellspacing="20">
    <tr>
      <td><img src="images/me.png" alt="Emile Profile Picture"></td>
      <td>
        <h1>Emile Hövel</h1>
        <p><em>PhD candidate at <strong><a href="https://www.ucam.edu/">Universidad Católica San Antonio de Murcia</a></strong>.</em></p>
        <p>This is my bio. I ❤️ coffee.</p>
      </td>
    </tr>
  </table>
  <hr>
  <h3>Books and Teaching</h3>
  <ul>
    <li>School 1</li>
    <li>School 2</li>
    <li>School 3</li>
    <li>Very Good Book</li>
    <li>Test</li>
    <li>item</li>
    <li>item 2</li>
  </ul>
  <hr>
  <h3>Working Experience</h3>
  <table cellspacing="10">
    <thead>
      <tr>
        <th>Dates</th>
        <th>Work</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>2010-2020</td>
        <td>Test</td>
      </tr>
      <tr>
        <td>2009</td>
        <td>Test</td>
      </tr>
    </tbody>
  </table>
  <hr>
  <h3>Skills</h3>
  <table cellspacing="10">
    <tr>
      <td>Running</td>
      <td>⭐⭐⭐</td>
    </tr>
    <tr>
      <td>Walking</td>
      <td>⭐⭐⭐</td>
    </tr>
  </table>
    <hr>
    <a href="hobbies.html">My Hobbies</a>
    <a href="contact-me.html">My Contact Details</a>
</body>

</html>