leftmenu.html

<div class="top">

    <!-- Logo -->
    <div id="logo">
        <span class="image avatar48"><img src="images/avatar.png" alt="" /></span> 
        <h1 id="title">Raúl Álvarez</h1>
        <span class="byline">Desarrollador</span>
    </div>

    <!-- Nav -->
    <nav id="nav">
        <ul>
            <li><a href="./index.html#top" id="top-link" class=""><span class="fa fa-home">Introduccion</span></a></li>
            <li><a href="./index.html#portfolio" id="portfolio-link" class=""><span class="fa fa-th">Mis Trabajos</span></a></li>
            <li><a href="./index.html#abilities" id="abilities-link" class=""><span class="fa fa-gears">Habilidades</span></a></li>
            <li><a href="./index.html#about" id="about-link" class=""><span class="fa fa-user">Sobre Mí</span></a></li>
            <li><a href="./index.html#contact" id="contact-link" class=""><span class="fa fa-envelope">Contacto</span></a></li>
        </ul>
    </nav>
</div>

<div class="bottom">

    <!-- Social Icons -->
    <ul class="icons">
        <li><a target="_blank" href="https://twitter.com/RaulEinstein" class="fa fa-twitter solo"><span>Twitter</span></a></li>
        <li><a target="_blank" href="https://www.facebook.com/rauleinstein" class="fa fa-facebook solo"><span>Facebook</span></a></li>
        <li><a target="_blank" href="https://github.com/Rauleinstein" class="fa fa-github solo"><span>Github</span></a></li>
        <li><a target="_blank" href="https://www.linkedin.com/pub/ra%C3%BAl-%C3%A1lvarez-hinojosa/31/104/a00" class="fa fa-linkedin-square solo"><span>LinkedIn</span></a></li>
        <li><a target="_blank" href="mailto:raulalvarezhinojosa@hotmail.es" class="fa fa-envelope solo"><span>Email</span></a></li>
    </ul>

</div>