Email login create a new account

Here is an example of an email login page with a "Create a new account" option:

Email Login Page

Login

Email: [input field]
Password: [input field]
Login: [button]

Create a new account

First name: [input field]
Last name: [input field]
Email: [input field]
Password: [input field]
Confirm password: [input field]
Create account: [button]

Forgot password

Email: [input field]
Reset password: [button]

Already have an account?

Login: [link]

Here is some sample HTML and CSS code to create this page:

<!-- HTML -->
<div class="login-page">
  <h1>Login</h1>
  <form>
    <label for="email">Email:</label>
    <input type="email" id="email" name="email"><br><br>
    <label for="password">Password:</label>
    <input type="password" id="password" name="password"><br><br>
    <input type="submit" value="Login">
  </form>
  <p>Don't have an account? <a rel="nofollow" target="_blank" href="#">Create a new account</a></p>
</div>

<!-- CSS -->
.login-page {
  width: 300px;
  margin: 40px auto;
  text-align: center;
}

.login-page h1 {
  font-size: 24px;
  margin-bottom: 20px;
}

.login-page form {
  margin-top: 20px;
}

.login-page label {
  display: block;
  margin-bottom: 10px;
}

.login-page input[type="email"],.login-page input[type="password"] {
  width: 100%;
  height: 40px;
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #ccc;
}

.login-page input[type="submit"] {
  width: 100%;
  height: 40px;
  background-color: #4CAF50;
  color: #fff;
  padding: 10px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.login-page a {
  text-decoration: none;
  color: #337ab7;
}

.login-page a:hover {
  color: #23527c;
}

This code creates a simple login page with a form for entering email and password, and a link to create a new account. The CSS styles the page with a simple layout and some basic styling. You can customize the design and layout to fit your needs.

NewsBreakers

Email login create a new account