Pure CSS login form snippet

Loading…

Pure CSS login form snippet | GoSnippets

Source Code

1
2<!-- Form-->
3<div class="form">
4  <div class="form-toggle"></div>
5  <div class="form-panel one">
6    <div class="form-header">
7      <h1>Account Login</h1>
8    </div>
9    <div class="form-content">
10      <form>
11        <div class="mb-3">
12          <label for="username">Username</label>
13          <input type="text" id="username" name="username" required="required"/>
14        </div>
15        <div class="mb-3">
16          <label for="password">Password</label>
17          <input type="password" id="password" name="password" required="required"/>
18        </div>
19        <div class="mb-3">
20          <label class="form-remember">
21            <input type="checkbox"/>Remember Me
22          </label><a class="form-recovery" href="#">Forgot Password?</a>
23        </div>
24        <div class="mb-3">
25          <button type="submit">Log In</button>
26        </div>
27      </form>
28    </div>
29  </div>
30</div>
31

Pure CSS login form snippet

Source Code

More Forms snippets

Comments(0)

Working in Tailwind? Explore our Tailwind gallery