Untitled

avatar
unknown
plain_text
10 months ago
5.6 kB
7
Indexable
<!doctype html>
<html class="no-js" lang="">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>SwiftCampus | Login</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
    <!-- Normalize CSS -->
    <link rel="stylesheet" href="css/normalize.css">
    <!-- Main CSS -->
    <link rel="stylesheet" href="css/main.css">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- Fontawesome CSS -->
    <link rel="stylesheet" href="css/all.min.css">
    <!-- Flaticon CSS -->
    <link rel="stylesheet" href="fonts/flaticon.css">
    <!-- Animate CSS -->
    <link rel="stylesheet" href="css/animate.min.css">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="style.css">
    <!-- Modernize js -->
    <script src="js/modernizr-3.6.0.min.js"></script>
</head>

<body>
    <!-- Preloader Start Here -->
    <div id="preloader"></div>
    <!-- Preloader End Here -->
    <!-- Login Page Start Here -->
    <div class="login-page-wrap">
        <div class="login-page-content">

            <div class="login-box" style="background:red;color:white; background:url('images/slate-black.jpg')">

                <form action="lvalidate.php" class="login-form" method="post" id="login_form">
                    <div class="form-group">
                        <label class="text-muted">Username</label>
                        <input type="text" placeholder="Enter Username" class="form-control" name="loginid" method="post">
                        <i class="far fa-envelope"></i>
                    </div>
                    <div class="form-group">
                        <label class="text-muted">Password</label>
                        <input type="password" placeholder="Enter password" class="form-control" name="password">
                        <i class="fas fa-lock"></i>
                    </div>
                    <div class="form-group form_output">
                    </div>
                    <div class="form-group d-flex align-items-center justify-content-between">
                        <div class="form-check">
                            <input type="checkbox" class="form-check-input" id="remember-me">
                            <label for="remember-me" class="form-check-label text-muted">Remember Me</label>
                        </div>
                        <a href="ResetPassword.php" class="forgot-btn text-muted">Forgot Password?</a>
                    </div>
                    <div class="form-group">
                        <button type="submit" class="login-btn">Login</button>
                    </div>
                </form>
                <div class="login-social">
                    <p>Visit us at</p>
                    <!-- <p>or sign in with</p> -->
                    <ul>
                        <li><a href="#" class="bg-fb"><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="#" class="bg-twitter"><i class="fab fa-twitter"></i></a></li>
                        <li><a href="#" class="bg-gplus"><i class="fab fa-google-plus-g"></i></a></li>
                        <li><a href="#" class="bg-git"><i class="fab fa-github"></i></a></li>
                    </ul>
                </div>
                <button class="log">Registration</button>
            </div>
            <div class="sign-up">Don't have an account ? <a href="#">Signup now!</a></div>
        </div>
    </div>
    <style type="text/css">
        .form-control {
            font-size: 2rem !important;
        }

        button.log {
            cursor: pointer;
            border: 2px solid rgba(104, 85, 224, 1);
            border-radius: 4px;
            font-weight: 600;
            margin: 0 10px;
            width: 200px;
            padding: 10px 0;
            box-shadow: 0 0 20px rgba(104, 85, 224, 0.2);
            transition: 0.4s;
            color: rgb(104, 85, 224);
            background-color: rgba(255, 255, 255, 1);
        }

        button.log:hover {
            color: white;
            box-shadow: 0 0 20px rgba(104, 85, 224, 0.6);
            background: linear-gradient(90deg, #0094F7, #0097F9, #0199FA, #0053CF);
            border: 2px solid transparent;
            border-image: linear-gradient(90deg, #0094F7, #0097F9, #0199FA, #0053CF) 1;
        }
    </style>
    <!-- Login Page End Here -->
    <!-- jquery-->
    <script src="js/jquery-3.3.1.min.js"></script>
    <!-- Plugins js -->
    <script src="js/plugins.js"></script>
    <!-- Popper js -->
    <script src="js/popper.min.js"></script>
    <!-- Bootstrap js -->
    <script src="js/bootstrap.min.js"></script>
    <!-- Scroll Up Js -->
    <script src="js/jquery.scrollUp.min.js"></script>
    <!-- Custom Js -->
    </span>
    <script src="js/main.js"></script>
    <script>
        $(document).ready(function() {
            document.body.style.zoom = "80%";
            $(document).on('submit', '#login_form', function(event) {
                event.preventDefault();
                $.post($(this).attr('action'), $(this).serialize(), function(log_response) {
                    $('.form_output').html(log_response);
                    window.setTimeout(function() {
                        $('.form_output').html('');
                    }, 10000);
                });
            });
        });
    </script>
</body>

</html>
Editor is loading...
Leave a Comment