<!-- Header -->
<section id="header">
    <header>
        <span class="image avatar"><img src="static/img/avatar.jpg" alt="" /></span>
        <h1 id="logo"><a href="#">Orlando Vera Perez</a></h1>
        <p>Learn why I'm the best investment you could make! &colon;&rpar;</p>
    </header>
    <nav id="nav">
        <ul>
            <li><a href="#abt" class="active">About Me!</a></li>
            <li><a href="#proj">My Projects</a></li>
            <li><a href="#skillz">Skills &amp; Qualifications</a></li>
            <li><a href="#articles">Articles</a></li>
            <li><a href="#pets">Pets</a></li>
            <li><a href="#contact">Contact Me</a></li>
        </ul>
    </nav>
    <footer>
        <ul class="icons">
            <li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li>
            <li><a href="#" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
        </ul>
    </footer>
</section>