<!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="signup-sec authtication bluesh high-opacity">
                <div class="verticle-center">
                    <div class="welcome-note">
                        <div class="logo"><img src="images/logo.png" alt="" /></div>
                        <h1>Welcome to HPDC Pathshala</h1>
                        <p>
                            Our mission is to empower engineers, managers, and executives with the knowledge and tools needed to excel in the HPDC process. Whether you are a seasoned professional or new to the field, HPDC Pathshala offers valuable insights and practical solutions to enhance your expertise and improve your operations.
                        </p>
                    </div>
                    <div class="bg-image" style="background-image: url(images/resources/login-bg.png)"></div>
                </div>
            </div>
            <div class="auth-login">
                <div class="verticle-center">
                    <div class="signup-form">
                        <h4><i class="icofont-lock"></i> Singup</h4>
                        <form method="post" class="c-form">
                            <div class="row merged-10">
                                <div class="col-lg-12"><h4>Create an account to connect with community on HPDC Pathshala</h4></div>
                                <div class="col-lg-6 col-sm-6 col-md-6">
                                    <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="First Name" />
                                    </div>
                                </div>
                                <div class="col-lg-6 col-sm-6 col-md-6">
                                    <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="Surname" />
                                    </div>
                                </div>
                                <div class="col-lg-6 col-sm-6 col-md-6">
                                    <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-at-sign"
                                            >
                                                <circle cx="12" cy="12" r="4"></circle>
                                                <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"></path></svg
                                        ></label>
                                        <input type="text" placeholder="username or email address @" />
                                    </div>
                                </div>
                                <div class="col-lg-6 col-sm-6 col-md-6">
                                    <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="text" placeholder="Password" />
                                    </div>
                                </div>
                                
                                <div class="col-lg-6 col-sm-6 col-md-6">
									<label>Gender:</label>
                                    <div class="gender">
                                        <input type="radio" id="male" name="gender" value="male" />
                                        <label for="male">Male</label>
                                        <input type="radio" id="female" name="gender" value="female" />
                                        <label for="female">Female</label>
                                    </div>
                                </div>
								
                                <div class="col-lg-6 col-sm-6 col-md-6">
                                    <div class="gender">
                                        <label for="birthday">Date of birth:</label>
										<input type="date" id="birthday" name="birthday">
                                    </div>
                                </div>

                                <div class="col-lg-12">
                                    <div class="checkbox">
                                        <input type="checkbox" id="checkbox" checked />
                                        <label for="checkbox"
                                            ><span
                                                >I agree the terms of Services and acknowledge the privacy policy</span
                                            ></label>
                                    </div>
                                    <button class="main-btn mb-30" type="submit"><i class="icofont-key"></i> Signup</button>
                                </div>
								<span class="no-account text-center"><a href="sign-in.php">I already have an account</a></span>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

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