<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <img src="../static/images/me.jpg" th:src="@{/images/me.jpg}" class="rounded-circle img-thumbnail my-img"
         alt="profile-image">
    <div class="collapse navbar-collapse " id="navbarNav">
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link h2 heading secondary text" href="/" th:text="*{contact}"
                   title="Contact me">Contact</a>
            </li>
            <li class="nav-item">
                <a class="nav-link h2 heading secondary text" href="/projects" th:text="*{projects}"
                   title="My Projects">Projects</a>
            </li>
            <li class="nav-item">
                <a class="nav-link h2 heading secondary text" href="/skills" th:text="*{skills}"
                   title="Technical skills">Skills</a>
            </li>
        </ul>
        <div class="ml-5 justify-content-center">
            <a href="https://www.linkedin.com/in/korzhov17/" class="btn btn-lg btn-social-icon btn-linkedin">
                <span class="fa fa-linkedin"></span>
            </a>
            <a href="https://github.com/a-korzhov" class="ml-2 btn btn-lg btn-social-icon btn-github">
                <span class="fa fa-github"></span>
            </a>
            <a href="https://stackoverflow.com/users/12276316/andrew17" class="ml-2 btn btn-lg btn-social-icon btn-so">
                <span class="fa fa-stack-overflow pr-1"></span>
            </a>
        </div>
    </div>
</nav>