Gmail new account creation page

Here is the HTML code for the Gmail new account creation page:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Gmail - Create an account</title>
  <link rel="stylesheet" href="https://accounts.google.com/base.css">
  <link rel="stylesheet" href="https://accounts.google.com/style.css">
</head>
<body>
  <div class="page-container">
    <div class="page-header">
      <h1>Create a Google Account</h1>
    </div>
    <div class="page-content">
      <form id="create-account-form">
        <div class="form-group">
          <label for="firstName">First name</label>
          <input type="text" id="firstName" name="firstName" required>
        </div>
        <div class="form-group">
          <label for="lastName">Last name</label>
          <input type="text" id="lastName" name="lastName" required>
        </div>
        <div class="form-group">
          <label for="username">Username</label>
          <input type="text" id="username" name="username" required>
        </div>
        <div class="form-group">
          <label for="password">Password</label>
          <input type="password" id="password" name="password" required>
        </div>
        <div class="form-group">
          <label for="confirmPassword">Confirm password</label>
          <input type="password" id="confirmPassword" name="confirmPassword" required>
        </div>
        <div class="form-group">
          <label for="email">Email</label>
          <input type="email" id="email" name="email" required>
        </div>
        <div class="form-group">
          <label for="recoveryEmail">Recovery email</label>
          <input type="email" id="recoveryEmail" name="recoveryEmail">
        </div>
        <div class="form-group">
          <label for="phoneNumber">Phone number</label>
          <input type="tel" id="phoneNumber" name="phoneNumber">
        </div>
        <div class="form-group">
          <label for="birthday">Birthday</label>
          <input type="date" id="birthday" name="birthday">
        </div>
        <div class="form-group">
          <label for="gender">Gender</label>
          <select id="gender" name="gender">
            <option value="male">Male</option>
            <option value="female">Female</option>
            <option value="other">Other</option>
          </select>
        </div>
        <div class="form-group">
          <label for="agreeTerms">Agree to the terms of service</label>
          <input type="checkbox" id="agreeTerms" name="agreeTerms" required>
        </div>
        <button type="submit">Create account</button>
      </form>
    </div>
  </div>
</body>
</html>

This code creates a basic form with fields for first name, last name, username, password, confirm password, email, recovery email, phone number, birthday, and gender. It also includes a checkbox for agreeing to the terms of service. The form is wrapped in a container with a header and footer.

Please note that this is just a basic example and you may want to add additional validation and error handling to the form. Additionally, this code is for illustration purposes only and should not be used in production without proper security measures.

NewsBreakers

Gmail new account creation page