API tools faq
paste
victorumeh

neumorph form2

victorumeh
Feb 15th, 2022
151
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.43 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewpoint" content="width=device-width, initial-scale=1.0" />
  6.     <link
  7.      href="https://fonts.googleapis.com/css2?family=Lato:wght@300;700&display=swap"
  8.      rel="stylesheet"
  9.    />
  10.     <link rel="stylesheet" href="ggggg.css" />
  11.     <title>Neomorphism Login Form</title>
  12.   </head>
  13.   <body>
  14.     <div class="login-div">
  15.       <div class="logo"></div>
  16.       <div class="title">Code with Akin</div>
  17.       <div class="sub-title">On Twitter!</div>
  18.       <div class="fields">
  19.         <div class="username">
  20.           <svg class="svg-icon" viewBox="0 0 20 20">
  21.             <path
  22.              d="M12.075,10.812c1.358-0.853,2.242-2.507,2.242-4.037c0-2.181-1.795-4.618-4.198-4.618S5.921,4.594,5.921,6.775c0,1.53,0.884,3.185,2.242,4.037c-3.222,0.865-5.6,3.807-5.6,7.298c0,0.23,0.189,0.42,0.42,0.42h14.273c0.23,0,0.42-0.189,0.42-0.42C17.676,14.619,15.297,11.677,12.075,10.812 M6.761,6.775c0-2.162,1.773-3.778,3.358-3.778s3.359,1.616,3.359,3.778c0,2.162-1.774,3.778-3.359,3.778S6.761,8.937,6.761,6.775 M3.415,17.69c0.218-3.51,3.142-6.297,6.704-6.297c3.562,0,6.486,2.787,6.705,6.297H3.415z"
  23.            ></path>
  24.           </svg>
  25.           <input type="username" class="user-input" placeholder="username" />
  26.         </div>
  27.         <div class="password">
  28.           <svg class="svg-icon" viewBox="0 0 20 20">
  29.             <path
  30.              d="M10,6.978c-1.666,0-3.022,1.356-3.022,3.022S8.334,13.022,10,13.022s3.022-1.356,3.022-3.022S11.666,6.978,10,6.978M10,12.267c-1.25,0-2.267-1.017-2.267-2.267c0-1.25,1.016-2.267,2.267-2.267c1.251,0,2.267,1.016,2.267,2.267C12.267,11.25,11.251,12.267,10,12.267 M18.391,9.733l-1.624-1.639C14.966,6.279,12.563,5.278,10,5.278S5.034,6.279,3.234,8.094L1.609,9.733c-0.146,0.147-0.146,0.386,0,0.533l1.625,1.639c1.8,1.815,4.203,2.816,6.766,2.816s4.966-1.001,6.767-2.816l1.624-1.639C18.536,10.119,18.536,9.881,18.391,9.733 M16.229,11.373c-1.656,1.672-3.868,2.594-6.229,2.594s-4.573-0.922-6.23-2.594L2.41,10l1.36-1.374C5.427,6.955,7.639,6.033,10,6.033s4.573,0.922,6.229,2.593L17.59,10L16.229,11."
  31.            ></path>
  32.           </svg>
  33.           <input type="password" class="pass-input" placeholder="password" />
  34.         </div>
  35.         <button class="signing-button">Login</button>
  36.         <div class="link">
  37.           <a href="#">Forgot password?</a> or <a href="#">Sign up</a>
  38.         </div>
  39.       </div>
  40.     </div>
  41.   </body>
  42. </html>
  43.  
  44.  
  45.  
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!