Untitled
unknown
plain_text
a month ago
2.6 kB
3
Indexable
<!DOCTYPE html> <html> <head> <title>Start Page</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> body { font-family: Arial, sans-serif; background-color: #e0f7fa; /* Light blue background */ padding: 20px; margin: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background-image: linear-gradient(to bottom right, #e0f7fa, #81d4fa); /* Gradient background */ } .container { background-color: #ffffff; padding: 20px; border-radius: 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); width: 80%; /* Dynamic width */ max-width: 400px; /* Set max width to keep form from being too wide */ aspect-ratio: 4 / 5; /* Set 4:5 aspect ratio */ display: flex; flex-direction: column; justify-content: center; align-items: center; } h1 { color: #333; text-align: center; margin-bottom: 20px; } form { width: 100%; text-align: center; } input[type="text"] { padding: 8px; margin: 10px; border: 1px solid #ccc; border-radius: 4px; width: 80%; } input[type="submit"] { padding: 10px 20px; background-color: #4CAF50; color: white; border: none; border-radius: 4px; cursor: pointer; width: 50%; margin-top: 10px; } input[type="submit"]:hover { background-color: #45a049; } </style> </head> <body> <div class="container"> <h1>Simple Addition Form</h1> <form action="add" method="post"> <input type="text" name="t1" id="t1" placeholder="Enter first number"><br> <input type="text" name="t2" id="t2" placeholder="Enter second number"><br> <input type="submit" value="+"> </form> </div> </body> </html>
Editor is loading...
Leave a Comment