An Interest In:
Web News this Week
- February 28, 2024
- February 27, 2024
- February 26, 2024
- February 25, 2024
- February 24, 2024
- February 23, 2024
- February 22, 2024
March 17, 2022 04:06 pm GMT
Original Link: https://dev.to/robsonmuniz16/claymorphism-login-form-html-css-28d8
Claymorphism Login Form | HTML & CSS
Create a Claymorphism Login Form using HTML & CSS, step-by-step from scratch.
Source Code:
HTML
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Claymorphism Login Form</title> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"></head><body><div class="container"> <form action="#"> <h3>Login In</h3> <div class="inputBox"> <label for="user">Username:</label> <div class="box"> <div class="icon"> <i class="fa-solid fa-user"></i> </div> <input type="text" id="user" name="user"> </div> </div> <div class="inputBox"> <label for="password">Password:</label> <div class="box"> <div class="icon"> <i class="fa-solid fa-lock"></i> </div> <input type="password" id="password" name="password"> </div> </div> <label> <input type="checkbox">Remember me</label> <button class="submit">Log in</button><br> <a href="#" class="forgot">Forget Password?</a> </form></div></body></html>
Original Link: https://dev.to/robsonmuniz16/claymorphism-login-form-html-css-28d8
Share this article:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To