Personal.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 Website</title>
  </head>
  <body>
    <table>
      <tbody>
        <tr>
          <td><img src="Profile-crop.png" alt="Cesar Profile picture"></td>
          <td><h1>Cesar Guerrero</h1>
            <!-- It is preferable to use em to italicize and strong to bold the words -->
            <p><em> IT Engineer and <strong> Security information consultant</strong> </em></p>
            <p><a href="www.linkedin.com/in/cesar-guerrero-167278115">Linkdn profile</a></p>
            <p>I am a systems engineer living in New Zealand. I love to build new web applications and create my own technology.</p>
          </td>  
        </tr>
      </tbody>
    </table>
    
    
    <!-- This is a horizontal rule, this is used to separate lines -->
    <hr>
    <h3>Experience and hobbies</h3>
    <!-- Unordered List ul, li for each point in the list -->
    <ul>
      <li>Reading about technology</li>
      <li>play video games</li>
      <li>create new web pages</li>
      <li>workout</li>
      <li>Dance Salsa</li>
    </ul>
    <h3>My IT Passion</h3>
    <!-- Ordered list ol -->
    <ol>
      <li>Software Architecture</li>
      <li>Software design</li>
      <li>Security information</li>
      <li>Software Development</li>
      <li>Mobile development</li>
    </ol>
    <h3>My hobbies in detail <a href="Hobbies.html">Click here</a></h3>
    <hr>
    <h3>Work experience</h3>
    <!-- Table creation with table, tr refears to the rows, and td refers to the column -->
    <table >
      <!-- thead is used to declare the headers of the tables -->
      <thead>
        <tr>
          <!-- th is the actual header, but thead is used to isolate the functions of it -->
          <th>Period of time</th>
          <th>Place</th>
          <th>Description</th>
        </tr>
      </thead>
      <!-- tbody contains the body or the content of the page -->
      <tbody>
        <tr>
          <td>2016-2019</td>
          <td>Security information Consultant</td>
          <td>A3SEC</td>
        </tr>
        <tr>
          <td>2012-2017</td>
          <td>Studying at Pontificia Universidad Javeriana </td>
          <td> Systems Engineer Bachelor</td>
        </tr>
      </tbody>
      <!-- Tfoot contains the footer that comes to the bottom -->
      <tfoot>
      </tfoot>
    </table>



  </body>
</html>