RiffMaster_WPFaT2023_Project/Frontend/RiffMasterFront/src/app/register-page/register-page.component.html

<!-- register.component.html -->

<div class="container">
  <div class="margin-column"></div> <!-- First margin column -->

  <div class="col-left">
    <mat-card class="login-card">

      <mat-card-header>
        <mat-card-title class="card-title">Register</mat-card-title>
      </mat-card-header>

      <mat-card-content>

        <mat-form-field appearance="fill">
          <mat-label>Email</mat-label>
          <input matInput type="email" placeholder="Enter your email">
        </mat-form-field>

        <mat-form-field appearance="fill">
          <mat-label>Password</mat-label>
          <input matInput type="password" placeholder="Enter your password">
        </mat-form-field>

        <mat-form-field appearance="fill">
          <mat-label>Confirm Password</mat-label>
          <input matInput type="password" placeholder="Confirm your password">
        </mat-form-field>

        <div class="signup-link">
          Already have an account? <a [routerLink]="['/login']">Login</a>
        </div>


        <button mat-raised-button color="primary" class="login-button">
          Register
        </button>

      </mat-card-content>

    </mat-card>
  </div>


  <div class="margin-column"></div> <!-- Second margin column -->
</div>