はてなブログナビゲーションメニュー

.html

<nav id="gnav">
  <div class="gnav-inner" id="menu-scroll">
    <div class="menu"><a href="/"><i class="fa fa-home" aria-hidden="true"></i> HOME</a></div>
    <div class="menu"><a href="/archive/category/エンジニアリング"><i class="fa fa-laptop" aria-hidden="true"></i> エンジニアリング</a></div>
    <div class="menu"><a href="/archive/category/フリーランス&sol;ノマド"><i class="fa fa-globe" aria-hidden="true"></i> フリーランス/ノマド</a></div>
    <div class="menu"><a href="/archive/category/旅行"><i class="fa fa-suitcase" aria-hidden="true"></i> 旅行</a></div>
    <div class="menu"><a href="/archive/category/書評"><i class="fa fa-book" aria-hidden="true"></i> 書評</a></div>
    <div class="menu"><a href="/archive/category/雑記"><i class="fa fa-bars" aria-hidden="true"></i> 雑記</a></div>
  </div>
</nav>