<ul id=“slide-out” class=“sidenav blue lighten-2 white-text center-align”>

<li><h4>{{site.title}}</h4></li>
<br><br>
<li>
  <a class="waves-effect white-text nav-links" href="{{site.baseurl}}">Home</a>
</li>
<li>
  <a class="waves-effect white-text nav-links" href="{{ site.project-site | default: site.baseurl}}">About</a>
</li>
<li>
  <a class="waves-effect white-text nav-links" href=" {{ site.github_link }} ">Github</a>
</li>
<li>
  <a class="waves-effect white-text nav-links" href="{{ site.youtube_link }}">Youtube</a>
</li>

<div class=“container”><div class=“divider”></div></div>

<a class="sidenav-close white-text " href="">
  <i class="ion-close small center-align"></i>
</a>

</ul>

<a data-target=“slide-out” class=“sidenav-trigger main-trigger btn-floating btn-large waves-effect waves-light blue lighten-2 pulse”>

<i class="ion-navicon"></i>

</a>