header.component.html

<header>
	<nav class="navbar navbar-expand-lg navbar-dark" style="background-color: black;">

		<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 mr-auto">
				<li class="nav-item">
					<a class="nav-image" routerLink="/generator-search"><img src="assets/images/home.png"
							class=" d-block img-fluid py-3 pl-3" alt="Dashboard Image" height="42" width="42"></a>
				</li>
				<li class="nav-item ">
					<a class="nav-link" routerLink="/visualization">Visualization</a>
				</li>
				<!-- <li class="nav-item ">
	        <a class="nav-link" routerLink="/statistics">Statistics</a>
	      </li>
	      <li class="nav-item">
	        <a class="nav-link" routerLink="/warnings">Warnings</a>
	      </li>
	      <li class="nav-item">
	        <a class="nav-link" routerLink="/history">History</a>
	      </li> -->

			</ul>
			<form class="form-inline my-2 my-lg-0">
				<!-- <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
				<button class="btn btn-light my-2 my-sm-0" type="submit">Search</button> -->
				<a class="nav-left-image" routerLink="/"><img src="assets/images/logout.png"
						class=" d-block img-fluid py-3 pl-3" alt="Logout Image" height="42" width="42"></a>
			</form>
		</div>
	</nav>
	<div class="clearfix">
		<a class="logo" routerLink="/generator-search"><img src="assets/images/logo2.png" class=" d-block img-fluid py-3 pl-3"
				alt="Kinsley image"></a>
	</div>
</header>