authenticate.component.html

<div class="authenticate" id="authenticate">
  <form role="form" style="text-align:center; margin-top:100px">
    <label>
      <h1>VisualGit</h1>
    </label>
    <br><br>
    <div class="input-group" style="width:280px;">
      <input id="username" type="text" class="form-control" placeholder="Username or Email" aria-describedby="basic-addon1">
    </div>
    <br>

    <div class="input-group" style="width:280px;">
      <input id="password" type="password" class="form-control" placeholder="password" aria-describedby="basic-addon1">
      <br>    
    </div>
    <br>
    <input id="rememberLogin" type="checkbox"><span id = "checkboxText"> Remember Login</span> <br/> 
    
    <br>
    <div>
      <button id="signinbut" type="submit" style="width:280px;" class="btn btn-success" (click)="switchToMainPanel()">Sign In</button>
      <br>
    </div>
    
    <br>
    <button type="submit" style="width:280px;" class="btn btn-primary" onclick="useSaved()">Load Saved Credentials</button>
    <br>
    <br>
            
    <button style="width:280px;" class="btn btn-link" (click)="openGitHubPasswordResetPage()">Forgot your password?</button>
    
    <br>

    <button style="width:280px;" class="btn btn-link" (click)="createNewAccount()">Create New Account?</button>

    <br>
    <button type="submit" style="width:280px;" class="btn btn-primary" onclick="switchToAddRepositoryPanelWhenNotSignedIn()">Continue without sign in</button>
  </form>
</div>