<!doctype html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <title>HPDC Pathshala</title>
        <link rel="icon" href="images/fav.png" type="image/png" sizes="16x16" />

        <link rel="stylesheet" href="css/main.min.css" />
        <link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="css/color.css" />
        <link rel="stylesheet" href="css/responsive.css" />
    </head>
    <body>
        <div class="page-loader" id="page-loader">
            <div class="loader">
                <span class="loader-item"></span><span class="loader-item"></span><span class="loader-item"></span
                ><span class="loader-item"></span><span class="loader-item"></span><span class="loader-item"></span
                ><span class="loader-item"></span><span class="loader-item"></span><span class="loader-item"></span
                ><span class="loader-item"></span>
            </div>
        </div>
        <!-- page loader -->
        <div class="theme-layout">
            <div class="authtication animated-circ">
                <div class="mockups"><img src="images/resources/login-1.png" alt="" /></div>
                <ul class="welcome-caro">
                    <li class="welcome-box">
                        <figure><img src="images/resources/login-1.png" alt="" /></figure>
                    </li>
                    <li class="welcome-box">
                        <figure><img src="images/resources/login-2.png" alt="" /></figure>
                    </li>
                    <li class="welcome-box">
                        <figure><img src="images/resources/login-3.png" alt="" /></figure>
                    </li>
                </ul>
            </div>
            <div class="auth-login">
                <div class="verticle-center">
                <div class="logo"><img src="images/logo.png" alt="" /></div>
                    <div class="login-form">
                        <h4>Log in to </h4>
                        <span> HPDC Pathshala</span>
                        <form method="post" class="c-form">
                            <div class="fileds">
                                <label class="input-icon">
                                    <svg
                                        xmlns="http://www.w3.org/2000/svg"
                                        width="24"
                                        height="24"
                                        viewBox="0 0 24 24"
                                        fill="none"
                                        stroke="currentColor"
                                        stroke-width="2"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        class="feather feather-user"
                                    >
                                        <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                                        <circle cx="12" cy="7" r="4"></circle></svg
                                ></label>
                                <input type="text" placeholder="User Name @" />
                            </div>
                            <div class="fileds">
                                <label class="input-icon">
                                    <svg
                                        xmlns="http://www.w3.org/2000/svg"
                                        width="24"
                                        height="24"
                                        viewBox="0 0 24 24"
                                        fill="none"
                                        stroke="currentColor"
                                        stroke-width="2"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        class="feather feather-lock"
                                    >
                                        <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
                                        <path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg
                                ></label>
                                <input type="password" placeholder="xxxxxxxxxx" />
                            </div>
                            <div class="checkbox">
                                <input type="checkbox" id="checkbox" checked />
                                <label for="checkbox"><span>Remember Me</span></label>
                                <a href="forgotten-password.php" title="">Forgotten password?</a>
                            </div>
                            <button class="main-btn" type="submit">Login</button>
                            <span class="no-account">If don't have an account? <a href="signup.php">Signup</a></span>
                        </form>
						<div class="download-app">
                        </div>
                        <div class="bottambar2">
                            <p>
                                By Signing up you are accepting the Service Terms
                                <a href="#" title=""> Privacy Policy</a> and use of <a href="#" title=""> Cookies</a>.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="mockup right"><img src="images/star-shape.png" alt="" /></div>
            </div>
        </div>

        <script src="js/main.min.js"></script>
        <script src="js/script.js"></script>
    </body>
</html>
