signup.html

<!DOCTYPE html>
<html>
<head>
  <title>SIGN UP PAGE
  </title>
  <link rel="stylesheet" type="text/css" href="signup.css">
  <script type="text/javascript">
    // Get the modal
    var modal = document.getElementById('id01');
    var email = document.getElementById("ed");
    var password = document.getElementById("pass");
    function submission()
    {
      if(email.value.trim()==""||password.value.trim()=="")
    {
      alert("All fields are mandatory")
    return false;
     }
    else{
      alert("you have successfully signed up");
      return true;
    }
    
    }
    
    // When the user clicks anywhere outside of the modal, close it
  
    </script>
    </head>
<body>
   <form onsubmit="return submission()" action="website1.html" >
    <div class="container">
      <h1>Sign Up</h1>
      <p>Please fill in this form to create an account.</p>
      <label for="FIRST NAME" ><b>FIRST NAME</b></label>
      <div class="first name">
      <input id="ed" type="TEXT" placeholder="Enter Your Name" name="NAME" required>
       </div><br>
       <label for="LAST NAME"><b>LAST NAME</b></label>
      <div class="last name">
      <input id="ed" type="TEXT" placeholder="Enter Your Last name" name="NAME" required>
       </div><br>
      <label for="email"><b>Email</b></label>
      <div class="email">
      <input id="ed" type="TEXT" placeholder="Enter Email" name="email" required>
       </div><br>
      <label for="password"><b>Password</b></label>
      <input id="pass" type="password" placeholder="Enter Password" name="password" required>

      <label for="psw-repeat"><b>Repeat Password</b></label>
      <input type="password" placeholder="Repeat Password" name="psw-repeat" required>
      <p>By creating an account you agree to our <a href="terms.html" style="color:dodgerblue" target="_blank">Terms & Privacy</a>.</p>

      <div class="clearfix">
        <button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">Cancel</button>
        <button onclick="submission()" type="submit" class="signupbtn">Sign Up</button>
      </div>
    </div>
  </form>
</div>


</body>
</html>


