Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
4.0 kB
7
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{
            border:0px solid transparent;
            border-bottom: 1px solid #aaa;
        }

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

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

        .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">
                            <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">
                                    
                                    <input type="email" class="form-control " id="username" required=""
                                        name="Email" value="" placeholder="Email">
                                </div>
                                <div class="form-group required">
                                    <input type="password" class="form-control" required="" id="password"
                                        name="Password" value="" placeholder="Password ">
                                </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"> Submit </button>
                                </div>
                                <div class="small-xl pt-3 text-center">
                                    <p class="text-center fw-bold  text-muted">OR</p>
                                  </div> 
                                <div class="form-group pt-2">
                                    <button class="btn btn-secondary btn-block" href="#!"
                                    role="button"> 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>
    </body>
</html>