index.html

<html>

<head>
    <meta charset="UTF-8">
    <title>Guilherme's Personal Site</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <table cellspacing="20">
        <tr>
            <td><img src="./images/personalImage.png" alt="Guilherme's Personal Image"></td>
            <td>
                <h1>Guilherme Garcia</h1>
                <p><em>Founder and CTO of <strong> <a href="/">A³ Company</a></strong></em></p>
                <p>I am an multifaceted technology professional. High experience within startups environments.</p>
                <p>I ❤️ nature and music. Deep passion for documentaries.</p>
            </td>
        </tr>
    </table>

    <hr>
    <h3>Books and Courses</h3>
    <ul>
        <li>The Complete iOS App Development Bootcamp</li>
        <li>The Complete Web Development Bootcamp</li>
        <li>Basic UI Design</li>
        <li>Intro to Programming - Nanodegree Udacity</li>
        <li>Scrum and Agile Methods</li>
    </ul>

    <hr>
    <h3>Work Experience</h3>
    <!-- Sempre bom separaros itens de uma tabela para poder estilizar de forma única os elementos. -->
    <table cellspacing="10px">
        <thead>
            <tr>
                <th>Dates</th>
                <th>Work</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>2010-2103</td>
                <td>Lead Developer at Tempo App</td>
            </tr>
            <tr>
                <td>2010</td>
                <td>Researcher at The Institute of Cognitive Neurosciences</td>
            </tr>
        </tbody>
        <tfoot>
        </tfoot>
    </table>
    <hr>

    <h3>Skills</h3>
    <table cellspacing="10px">
        <tr>
            <td>HTML</td>
            <td>⭐⭐</td>
        </tr>
        <tr>
            <td>CSS</td>
            <td>⭐⭐⭐</td>
        </tr>
        <tr>
            <td>Javascript</td>
            <td>⭐⭐⭐</td>
        </tr>
        <tr>
            <td>Java</td>
            <td>⭐⭐</td>
        </tr>
        <tr>
            <td>Scrum</td>
            <td>⭐⭐⭐</td>
        </tr>
        <tr>
            <td>Object Oriented Programming</td>
            <td>⭐⭐</td>
        </tr>
        <tr>
            <td>UML</td>
            <td>⭐⭐⭐⭐</td>
        </tr>

    </table>

    <hr>
    <a href="/hobbies.html">My Hobbies</a>
    <a href="/contact-me.html">Contact Me</a>
</body>

</html>