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-link" href="#">Statistics</a>
	      </li>
	      <li class="nav-item">
	        <a class="nav-link" href="#">Warnings</a>
	      </li>
	      <li class="nav-item">
	        <a class="nav-link" href="#">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>
	    </form>
	  </div>
	  
	</nav>
	<img src = "images/logo2.png" class=" d-block img-fluid py-3 pl-3" alt="Responsive image">
</header>