Spaces:
Running
Running
| <html> | |
| <head> | |
| <title>User Signup Page</title> | |
| <style> | |
| body { | |
| font-family: Arial, sans-serif; | |
| background-image: url("https://media.istockphoto.com/id/472789981/video/star-rating-5-stars-lower-third-hd.jpg?s=640x640&k=20&c=I0UVn5rcSx-0EJnAAOkK6Schv4p6OoLQwtX3KZSE8mM="); | |
| height: 100%; | |
| background-size: cover; | |
| margin: 0; | |
| padding: 24px; | |
| } | |
| h2 { | |
| color: #333; | |
| } | |
| form { | |
| max-width: 400px; | |
| background-color: #bae7f4; | |
| padding: 20px; | |
| border-radius: 8px; | |
| margin: 0 auto; | |
| } | |
| label { | |
| font-weight: bold; | |
| margin-bottom: 15px; | |
| padding-bottom: 10px; | |
| } | |
| input[type="text"], | |
| input[type="email"], | |
| input[type="password"] { | |
| width: 90%; | |
| padding: 10px; | |
| margin-bottom: 15px; | |
| margin-top: 20px; | |
| border-radius: 5px; | |
| border: 1px solid #ccc; | |
| } | |
| input[type="submit"] { | |
| background-color: #4CAF50; | |
| color: #fff; | |
| padding: 10px 20px; | |
| border: none; | |
| border-radius: 5px; | |
| cursor: pointer; | |
| } | |
| input[type="submit"]:hover { | |
| background-color: #45a049; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div> | |
| <form action="signup.php" method="POST"> | |
| <label for="username">Username:</label> | |
| <input type="text" id="username" name="username" required> | |
| <label for="email">Email:</label> | |
| <input type="email" id="email" name="email" required> | |
| <label for="password">Password:</label> | |
| <input type="password" id="password" name="password" required> | |
| <input type="submit" value="Signup"> | |
| </form> | |
| </div> | |
| </body> | |
| </html> | |