Untitled

avatar
unknown
html
2 years ago
4.0 kB
10
Indexable
<! DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <title> Login
        </title>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
    </head>
    <style>
        body {
            /* background: #28a745 !important; */
            font-family: 'Muli', sans-serif;
        }

        h1 {
            color: #0f0f0f;
            padding-bottom: 2rem;
            font-weight: bold;
        }

        a {
            color: rgba(35, 124, 241, 0.726);
        }

        a:hover {
            color: #E8D426;
            text-decoration: none;
        }

        .form-control:focus {
            color: #000;
            background-color: #fff;
            border: 2px solid #E8D426;
            outline: 0;
            box-shadow: none;
        }

        .btn {
            background: black;
            border: #E8D426;
        }

        .btn:hover {
            background: #28a745;
            border: #E8D426;
        }

        .btn-secondary {
            background: rgba(10, 95, 207, 0.726);
        }
    </style>

    <body>
        <div class="pt-5">
            <h1 class="text-center"> Login Form </h1>
            <div class="container">
                <div class="row">
                    <div class="col-md-5 mx-auto">
                        <div class="card card-body">
                            <form id="submitForm" action="#" method="post" data-parsley-validate=""
                                data-parsley-errors-messages-disabled="true" novalidate="" _lpchecked="1">
                                <input type="hidden" name="_csrf" value="7635eb83-1f95-4b32-8788-abec2724a9a4">
                                <div class="form-group required">
                                    <lSabel for="username">Email </lSabel>
                                    <input type="text" class="form-control text-lowercase" id="username" required=""
                                        name="username" value="">
                                </div>
                                <div class="form-group required">
                                    <label class="d-flex flex-row align-items-center" for="password"> Password</label>
                                    <input type="password" class="form-control" required="" id="password"
                                        name="password" value="">
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
                                    <label class="form-check-label" for="flexCheckDefault">
                                        Remember Me
                                    </label>
                                    <a class="ml-auto border-link small-xl" href="#" style="float: right;"> Forgot
                                        Password? </a>



                                </div>
                                <div class="form-group pt-1">
                                    <button class="btn btn-primary btn-block" type="submit"> Log In </button>
                                </div>
                                <div class="form-group pt-2">
                                    <button class="btn btn-secondary btn-block" type="submit"> Log In with Facebook
                                    </button>
                                </div>
                            </form>
                            <p class="small-xl pt-3 text-center">
                                <span class="text-muted"> Get Members Benefits. </span>
                                <a href="#"> Sign up </a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>

    </html>
Editor is loading...