sidebar.html

<div class="ui sidebar inverted vertical menu">
  <!--<div href="#" class="header item">
    TravelB2B
  </div>-->
  <div class="item">
    <a class="ui logo icon image" href="/">
      <img src="logo.png" alt="Smiley face" height="35" width="35">
    </a>
    <a href="/" class="b2bheader"><b>Header</b></a>
  </div>
  <div class="item">
    <div class="header">Introduction</div>
    <div class="menu">

      <a class="item" href="/introduction/integrations.html">
        Integrations
      </a>

      <a class="item" href="/introduction/build-tools.html">
        Build Tools
      </a>

      <a class="item" href="/introduction/advanced-usage.html">
        Recipes
      </a>

      <a class="item" href="/introduction/glossary.html">
        Glossary
      </a>

    </div>
  </div>
  <a [routerLink]="['/']" class="item">Home</a>
  <a [routerLink]="['/reviews']" class="item">Reviews</a>
  <a [routerLink]="['/events']" class="item">Upcoming Events</a>
</div>
<div class="pusher">
  <div class="ui inverted top attached large menu borderless">
    <div class="ui icon item" (click)="open()">
      <i class="sidebar icon"></i>
    </div>
    <div class="right menu">
      <a class="ui item">
      Logout
    </a>
    </div>
  </div>
  <!--<div class="ui black big launch right attached fixed button" (click)="open()">
    <i class="content icon"></i>
    <span class="text">Menu</span>
  </div>-->
  <!--<div class="ui container">-->
    <router-outlet></router-outlet>
  <!--</div>-->
</div>

<!--
    <link href="https://fonts.googleapis.com/css?family=Pacifico|Roboto+Mono:400,500" rel="stylesheet">
-->
<style>
        .b2bheader{
            margin-left: 10px;
            letter-spacing: 2px;
        }
        .ui.menu {
            font-family: 'Roboto Mono', monospace !important;
        }
</style>