Run ❯
Get your
own
website
❯
Run Code
Ctrl+Alt+R
Change Orientation
Ctrl+Alt+O
Change Theme
Ctrl+Alt+D
Go to Spaces
Ctrl+Alt+P
HTML
CSS
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css" type="text/css"> </head> <body> <form class="signup"> <label for="name">Name</label> <input type="text" id="name" name="name" required> <label for="email">Email</label> <input type="email" id="email" name="email" required> <button type="submit">Join</button> </form> </body> </html>
.signup { max-width: 420px; margin: 0 auto; display: grid; gap: 16px; background: #fff; padding: 32px; border-radius: 16px; box-shadow: 0 15px 35px rgba(15,23,42,0.12); } .signup label { font-weight: 600; } .signup input { padding: 12px 14px; border: 1px solid #d9e2ec; border-radius: 10px; font-size: 1rem; } .signup input:focus { border-color: #2563eb; outline: none; box-shadow: 0 0 0 3px rgba(37,99,235,0.2); } .signup button { background: #04AA6D; color: #fff; border: none; padding: 12px 18px; border-radius: 999px; font-weight: 600; cursor: pointer; } .signup button:hover { background: #028a56; }
