Simple Log in

Open In Editor Publish Your Code

body {
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background: linear-gradient(to top, #2c3e50, #fd746c);
            color: white;
            font-family: Arial, sans-serif;
        }
        .login-container {
            text-align: center;
        }
        .login-box {
            background: rgba(0, 0, 0, 0.5);
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        }
        .login-box input[type="text"],
        .login-box input[type="password"] {
            width: 80%;
            padding: 10px;
            margin: 10px 0;
            border: none;
            border-radius: 5px;
        }
        .login-box input[type="submit"] {
            width: 50%;
            padding: 10px;
            border: none;
            border-radius: 5px;
            background: #fd746c;
            color: white;
            font-size: 16px;
            cursor: pointer;
        }
        .footer {
            margin-top: 10px;
        }
        .footer a {
            color: white;
            text-decoration: none;
        }

Simple Log in

Recommended

Social Links Profile

AdminHub Admin Dashboard v2.1

washing and clean

HTML

CSS

JS

Recommended

Social Links Profile

AdminHub Admin Dashboard v2.1

washing and clean

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS