<!DOCTYPE html>
<html lang="en">
  <!--------------------------------head-------------------------------->
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Urbanist:ital,wght
  @0,100;0,400;0,900;1,100;1,400;1,900&display=swap"
      rel="stylesheet"
    />
    <link href="../css/styles.css" rel="stylesheet" />
    <title>register</title>
  </head>
  <!--------------------------------body-------------------------------->
  <body>
    <!--------------------------------navbar-------------------------------->
    <nav class="nav_bar">
      <a href="Register" class="main_logo">Register</a>
      <ul>
        <li><a href="Home">Home</a></li>
        <li><a href="Login">Login</a></li>
      </ul>
    </nav>
    <!--------------------------------registration-------------------------------->
    <form form id= "login" action="/register" method="POST">
      <fieldset>
        <label>Name</label>
        <input type="text" id="name" name="name" placeholder="Ethan" required />
        <br /><br />

        <label>Email ID</label>
        <input
          type="email"
          id="email"
          name="email"
          placeholder="abc@example.com"
          required
        />
        <br /><br />

        <label>Username</label>
        <input
          type="text"
          id="username"
          name="username"
          placeholder="ethan :)"
          required
        />
        <br /><br />

        <label>Password</label>
        <input type="password" id="password" name="password" required />
        <br /><br />

        <button type="reset">Reset</button>
        <button type="submit">Submit</button>
      </fieldset>
    </form>
  </body>
</html>
