src/index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
    <link rel="stylesheet" href="main.css">
    <title>HTML Portfolio</title>
</head>

<body>

    <header>
        <h1>Sergio Cruvz</h1>
        <h2>Application Developer</h2>

        <nav>
            <ul>
                <li><a href="index.html" class="active">Home</a></li>
                <li><a href="about.html">About</a></li>
            </ul>
        </nav>
    </header>
<main class="content-wrapper">
    
        <section class="tagline">
    
           
                <h3>A bit more about me</h3>
                <p>Hey I am Sergio, I work for <a target="_blank" href="https://www.codeschool.com">Code School</a> and I love writing JavaScript!</p>
          
    
        </section>
</main>


<main class="content-wrapper">
    
        <section class="skills">
    
    
                <h3>Skills</h3>
                <p>Here are some of the technologies I enjoy writing day-to-day:</p>
                <ul>
                    <li>HTML &amp; CSS</li>
                    <li>Node.js</li>
                    <li>React</li>
                    <li>Angular 2</li>
                    <li>Webpack</li>
                </ul>
    
    
        </section>
</main>


   <main class="content-wrapper">
         <section class="contact">
        
            
                <h3>How to contact me</h3>
                <p>The easiest way to contact me is via twitter: <a target="_blank" href="https://twitter.com/hashtagserg">@hashtagserg</a></p>
            
        </section>
    </main>


    <footer>
        <main class="content-wrapper">

            <h3>Credits</h3>
            <p>This portfolio was created using <a href='https://www.codeschool.com'>Code School's</a> <a href='https://github.com/codeschool/SemanticHTMLPortfolioProject'>Semantic HTML Portfolio Project</a> template.</p>
        </main>

    </footer>


</body>

</html>