<?php
include 'connection.php';

?>
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>DGRC-जिला जन शिकायत केंद्र</title>
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"/>
  <link rel="stylesheet" type="text/css" href="css/style.css">
<style type="text/css">
  .login-box{
    background: #fff;
    box-shadow: 0 0 25px #eee;
    padding: 40px 20px;
    margin: 25px 10px;
  }
  .login-box h3{
    font-weight: bold;
    margin-bottom: 15px;
  }
  .login-box form input{
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
    border: none;
    outline: none;
    background: transparent;
    background: #eee;
    padding-left: 15px;
  }
  .login-box form img{
    margin-bottom: 10px;
  }
  .login-box form input[type="submit"]{
    background: #2D8248;
    color: #fff;
  }
</style>
<body>
  <!--====Start Header====-->
  <?php include 'templets/header.php'; ?>
  <!--====End Header====-->
<!--=====Contact area===-->
<section>
  <div class="container col-lg-6 m-auto">
    <div class="login-box">
      <h3>CITIZEN LOGIN</h3>
      <form method="post">
        <input type="email" name="email" placeholder="Enter Email" required="">
        <input type="password" name="pass" placeholder="Enter Password" required="">
        <input type="text" name="captcha" placeholder="Enter Valid Captcha" required="">
        <img src="captcha.php">
        <input type="submit" name="loginbtn" value="Login">
        <span class="text-danger"><a href="#">forget password?</a> | </span><span><a href="user-registration.php">Register Yourself</a></span>
      </form>
    </div>
  </div>
</section>

<!--=====End Contact area===-->
  <!---=====Footer Area Start=========-->
    <?php include 'templets/footer.php'; ?>

    <!---=====Footer Area End=========-->


    <!-- Optional JavaScript; choose one of the two! -->

    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>

    <!-- Option 2: Separate Popper and Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js" ></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>

    <script type="text/javascript" src="js/script.js"></script>
    <script type="text/javascript">
      
    </script>
  </body>
</html>

</head>
</html>
