header.html

<header class="site-header" id="masthead">
    <a href="https://patmyron.com">
        <h1 class="site-title">Pat Myron</h1>
    </a>
    <h2 class="social">
        <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <a href="mailto:pmyron09@gmail.com"><i class="far fa-envelope fa-stack-1x"></i></a>
                </span>
        <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <a href="resume.pdf"><i class="far fa-file-pdf fa-stack-1x"></i></a>
                </span>
        <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <a href="https://facebook.com/pat.myron"><i class="fab fa-facebook-f fa-stack-1x"></i></a>
                </span>
        <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <a href="https://linkedin.com/in/patrickmyron"><i class="fab fa-linkedin-in fa-stack-1x"></i></a>
                </span>
        <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <a href="https://forum.effectivealtruism.org/users/pat-myron-1"><i class="far fa-lightbulb fa-stack-1x"></i></a>
                </span>
        <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <a href="https://github.com/PatMyron"><i class="fab fa-github fa-stack-1x"></i></a>
                </span>
        <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <a href="https://stackoverflow.com/users/4122849/pat-myron"><i class="fab fa-stack-overflow fa-stack-1x"></i></a>
                </span>
        <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <a href="https://www.goodreads.com/review/list/57389774-pat-myron"><i class="fab fa-goodreads-g fa-stack-1x"></i></a>
                </span>
        <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <a href="https://photos.app.goo.gl/8DyrQqDW7zCDKBV17"><i class="fab fa-spotify fa-stack-1x"></i></a>
                </span>
        <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <a href="https://behance.net/patmyron"><i class="fab fa-behance fa-stack-1x"></i></a>
                </span>
    </h2>
    <div id="navbar">
        <nav class="navigation main-navigation">
            <div>
                <ul class="nav-menu">
                    <li>
                        <a href="projects">Projects</a>
                    </li>
                    <li>
                        <a href="travel">Travel</a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</header>