Components

Now you can open the app.component.html and fill it in with html markup. This component will be responsible for navigation throughout the application.

First, let’s create a top menu. It will look like this:

What will you need? navbar, navbar-brand, navbar-item, navbar-start, and navbar-end classes will help you do the job. By combining these classes you should have this markup, or something similar to this:

<nav class="navbar has-shadow">
    <div class="navbar-brand">
        <a class="navbar-item">
            <img src="assets/images/logo.png">
        </a>
        <div [ngClass]="{'is-active': active==true}" class="navbar-burger burger" (click)="active=!active">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>

    <div [ngClass]="{'is...