🎬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 For…


This content originally appeared on DEV Community and was authored by Robson Muniz

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>


This content originally appeared on DEV Community and was authored by Robson Muniz


Print Share Comment Cite Upload Translate Updates
APA

Robson Muniz | Sciencx (2022-03-17T16:06:19+00:00) 🎬Claymorphism Login Form | HTML & CSS. Retrieved from https://www.scien.cx/2022/03/17/%f0%9f%8e%acclaymorphism-login-form-html-css/

MLA
" » 🎬Claymorphism Login Form | HTML & CSS." Robson Muniz | Sciencx - Thursday March 17, 2022, https://www.scien.cx/2022/03/17/%f0%9f%8e%acclaymorphism-login-form-html-css/
HARVARD
Robson Muniz | Sciencx Thursday March 17, 2022 » 🎬Claymorphism Login Form | HTML & CSS., viewed ,<https://www.scien.cx/2022/03/17/%f0%9f%8e%acclaymorphism-login-form-html-css/>
VANCOUVER
Robson Muniz | Sciencx - » 🎬Claymorphism Login Form | HTML & CSS. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/03/17/%f0%9f%8e%acclaymorphism-login-form-html-css/
CHICAGO
" » 🎬Claymorphism Login Form | HTML & CSS." Robson Muniz | Sciencx - Accessed . https://www.scien.cx/2022/03/17/%f0%9f%8e%acclaymorphism-login-form-html-css/
IEEE
" » 🎬Claymorphism Login Form | HTML & CSS." Robson Muniz | Sciencx [Online]. Available: https://www.scien.cx/2022/03/17/%f0%9f%8e%acclaymorphism-login-form-html-css/. [Accessed: ]
rf:citation
» 🎬Claymorphism Login Form | HTML & CSS | Robson Muniz | Sciencx | https://www.scien.cx/2022/03/17/%f0%9f%8e%acclaymorphism-login-form-html-css/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts