Scribd Logo
Upload

Welcome to Scribd!

  • Message

    Uploaded by

    gtguide101
    3 views2 pages
    This document contains the HTML and CSS code for a login screen. The login screen has a form to enter a username and password, and buttons to register for an account or go back to the index page. Styling is included to center the login container and style the form fields, buttons, and links.

    Original Description:

    Original Title

    message (1)

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains the HTML and CSS code for a login screen. The login screen has a form to enter a username and password, and buttons to register for an account or go back to the index page. Styling is included to center the login container and style the form fields, buttons, and links.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    3 views2 pages

    Message

    Uploaded by

    gtguide101
    This document contains the HTML and CSS code for a login screen. The login screen has a form to enter a username and password, and buttons to register for an account or go back to the index page. Styling is included to center the login container and style the form fields, buttons, and links.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    <!

    DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login Screen</title>
    <style>
    body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f7f7f7;
    }
    .login-container {
    background-color: white;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 300px;
    box-sizing: border-box;
    }
    h2 {
    text-align: center;
    margin-bottom: 20px;
    }
    form {
    display: flex;
    flex-direction: column;
    }
    input[type="text"], input[type="password"] {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    }
    input[type="submit"] {
    padding: 10px;
    background-color: blue;
    color: white;
    border: none;
    cursor: pointer;
    }
    input[type="submit"]:hover {
    background-color: darkblue;
    }
    .register-link, .back-link {
    text-align: center;
    margin-top: 10px;
    }
    a {
    color: blue;
    text-decoration: none;
    }
    a:hover {
    text-decoration: underline;
    }
    </style>
    </head>
    <body>
    <div class="login-container">
    <h2>Enter your information to log in</h2>
    <form action="/login" method="post">
    <input type="text" name="username" placeholder="User name" required>
    <input type="password" name="password" placeholder="Password" required>
    <input type="submit" value="Log in">
    </form>
    <div class="register-link">
    Not registered? <a href="/register">Register here</a>
    </div>
    <div class="back-link">
    <a href="/index">Back to index</a>
    </div>
    </div>
    </body>
    </html>

    You might also like