Email login new account create account

Here are some examples of email login and create account pages:

Login Page

• Subject: Log in to your account

• Body:

  <form action="/login" method="post">
  <label for="email">Email:</label>
  <input type="email" id="email" name="email" required>
  <br>
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" required>
  <br>
  <input type="submit" value="Log in">
  </form>

  Create Account Page

• Subject: Create a new account

• Body:

  <form action="/register" method="post">
  <label for="email">Email:</label>
  <input type="email" id="email" name="email" required>
  <br>
  <label for="password">Password:</label>
  <input type="password" id="password" name="password" required>
  <br>
  <label for="confirm_password">Confirm Password:</label>
  <input type="password" id="confirm_password" name="confirm_password" required>
  <br>
  <label for="name">Name:</label>
  <input type="text" id="name" name="name" required>
  <br>
  <input type="submit" value="Create account">
  </form>

  Error Messages

• Invalid email or password:

  <p>Invalid email or password. Please try again.</p>

• Account already exists:

  <p>An account with this email already exists. Please log in or reset your password.</p>

• Passwords do not match:

  <p>Passwords do not match. Please try again.</p>

  Success Messages

• Account created successfully:

  <p>Your account has been created successfully. Please log in to access your account.</p>

• Login successful:

  <p>You have successfully logged in. Welcome to your account!</p>

  Note: These are just examples and you should adjust the HTML and CSS to fit your specific design and layout. Additionally, you should also validate user input and handle errors properly to ensure a secure and user-friendly experience.