Alex

<!DOCTYPE html>

<html>
    <title>Bratlie logni sa e </title>
  <body>
  <style>
    body {font-family: Arial, Helvetica, sans-serif;}
    * {box-sizing: border-box}

    /* Full-width input fields */
    input[type=text], input[type=password] {
      width: 100%;
      padding: 15px;
      margin: 5px 0 22px 0;
      display: inline-block;
      border: none;
      background: #f1f1f1;
    }

    input[type=text]:focus, input[type=password]:focus {
      background-color: #ddd;
      outline: none;
    }

    hr {
      border: 1px solid rgb(162, 0, 255);
      margin-bottom: 25px;
    }

    /* Set a style for all buttons */
    button {
      background-color: #00ffff;
      color: #ff05ff;
      padding: 14px 20px;
      margin: 8px 0;
      border: none;
      cursor: pointer;
      width: 100%;
      opacity: 0.9;
    }
    .cancelbtn {border-radius: 12px;}

    button:hover {
      opacity:1;
    }

    /* Extra styles for the cancel button */
    .cancelbtn {
      padding: 14px 20px;
      background-color: #ff05ff;
      color:#00ffff;
    }
    .signupbtn {border-radius: 12px;}

    /* Float cancel and signup buttons and add an equal width */
    .cancelbtn, .signupbtn {
      width: 50%;
    }

    /* Add padding to container elements */
    .container {
      padding: 16px;
    }

    /* Clear floats */
    .clearfix::after {
      content: "";
      clear: both;
      display: table;
    }


    /* Change styles for cancel button and signup button on extra small screens */
    @media screen and (max-width: 300px) {
      .cancelbtn, .signupbtn {
         width: 100%;
      }
    }
    </style>
    </html>


    <form action="action_page.php" style="border:3px solid rgb(162, 0, 255)">
        <div class="container">
          <h1>Sign Up</h1>
          <p>Please fill in this form to create an account.</p>
          <hr>

          <label for="email"><b>Email</b></label>
          <input type="text" placeholder="Enter Email" name="email" required>

          <label for="psw"><b>Password</b></label>
          <input type="password" placeholder="Enter Password" name="psw" required>

          <label for="psw-repeat"><b>Repeat Password</b></label>
          <input type="password" placeholder="Repeat Password" name="psw-repeat" required>

          <label>
            <input type="checkbox" checked="checked" name="remember" style="margin-bottom:15px"> Remember me
          </label>

          <p>By creating an account you agree to our <a href="#" style="color:rgb(255, 0, 0)">Terms & Privacy</a>.</p>

          <div class="clearfix">
            <div style="text-align:center">
            <button type="button" class="cancelbtn" style="text-align:center">Cancel</button>
            <button type="submit" class="signupbtn" style="text-align:center">Sign Up</button>
            </div>
        </div>
      </form>

</html>