nav.html

<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
    <div class="container">
        <a class="navbar-brand" href="/"><img id="nav-headshot" src="/assets/img/headshot_2023.jpeg" width="50"
                height="50" class="d-inline-block align-top img-rounded" alt="Navigate Home"></a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main-nav"
            aria-controls="main-nav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="main-nav">
            <div class="navbar-nav me-auto">
                <a class="nav-link" href="/">Main</a>
                <a class="nav-link" href="/products/">Products</a>
                <a class="nav-link" href="/words/">Words</a>
                <a class="nav-link" href="/code/">Code</a>
            </div>
            <ul class="navbar-nav text-center">
                <li class="nav-item">
                    <a target="_blank" href="https://linkedin.com/in/philipkiely" class=""><i class="fab fa-linkedin-in white-text"></i></a>
                    &NonBreakingSpace;
                    <a target="_blank" href="https://github.com/philipkiely" class=""><i
                            class="fab fa-github white-text"></i></a>
                    &NonBreakingSpace;
                    <a target="_blank" href="https://twitter.com/philip_kiely" class=""><i
                            class="fab fa-twitter blue-text"></i></a>
                    &NonBreakingSpace;
                    <a target="_blank" href="https://youtube.com/@philipkiely" class=""><i class="fab fa-youtube red-text"></i></a>
                    &NonBreakingSpace;
                    <a target="_blank" href="https://news.ycombinator.com/user?id=philipkiely" class=""><i
                            class="fab fa-hacker-news orange-text"></i></a>
                    &NonBreakingSpace;
                    <a target="_blank" href="https://www.goodreads.com/author/show/20497839.Philip_Kiely" class=""><i
                            class="fab fa-goodreads white-text"></i></a>
                    &NonBreakingSpace;
                    &NonBreakingSpace;
                </li>
            </ul>
            <a href="mailto:philip@kiely.xyz" class="nav-link btn btn-outline-primary">Email</a>
        </div>
    </div>
</nav>