<nav class=“navbar navbar-expand-lg navbar-dark bg-primary fixed-top” id=“sideNav”>

<a class="navbar-brand js-scroll-trigger" href="#page-top">
  <span class="d-block d-lg-none">{{ site.author.name }}</span>
  <span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="{{ "/assets/img/profile.jpg" | relative_url }}" alt="" /></span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
  <ul class="navbar-nav">
    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#experience">Experience</a></li>
    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#education">Education</a></li>
    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#volunteer">Volunteering Work</a></li>
    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#projects">projects</a></li>
    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#awards">Awards</a></li>
    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#skills">Skills</a></li>
  </ul>
</div>

</nav>