HomeForm Patterns
Preview
html
EMAIL
PASSWORD
Code
html
<form class="login-form" novalidate>
  <h1>Sign in</h1>
  <div class="input-group">
    <label class="input-label" for="email">Email</label>
    <input class="input" id="email" type="email" placeholder="you@example.com" required />
  </div>
  <div class="input-group">
    <label class="input-label" for="password">Password</label>
    <input class="input" id="password" type="password" required />
    <a href="#" class="input-hint" style="text-align:right">Forgot password?</a>
  </div>
  <button type="submit" class="btn btn-primary" style="width:100%">Sign in</button>
  <p class="input-hint" style="text-align:center">
    Don't have an account? <a href="#">Sign up</a>
  </p>
</form>
Related Blocks
html
Registration Form
Multi-step registration flow.
html
Contact Form
Name, email, subject, message — full contact layout.
html
File Upload
Drag & drop file upload area.