authentication.component.html

<button type="button" class="btn btn-dark m-4 "><a routerLink = "/generator-search">Generator</a></button>
<div class = "container ">
	<div class = "row">
		<div class = "col-md-4 mx-auto login well">
			<h2 class = "text-center mb-3">Log In</h2>
			<form>
			  <div class="form-group">
			    <label for="exampleInputEmail1">Email address</label>
			    <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">   
			  </div>
			  <div class="form-group">
			    <label for="exampleInputPassword1">Password</label>
			    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
			  </div>
			  <!--<div class="form-check">
			    <input type="checkbox" class="form-check-input" id="exampleCheck1">
			    <label class="form-check-label" for="exampleCheck1">Check me out</label>
			  </div>-->
			  <button type="submit" class="btn btn-primary mt-2"><a routerLink = "/generator-search">Submit</a></button>
			</form>
		</div>
	</div>

</div>