<?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">
.address-details{
  margin: 25px 0;
}
.address-details span{
  display: grid;
}
.address-details span a{
  color: #000;
}
.contact-box{
  background: #fff;
  border-radius: 25px;
  padding: 30px;
  margin: 40px 20px;
}
.contact-box form input,
.contact-box form textarea{
  width: 100%;
  height: 40px;
  border: none;
  outline: none;
  margin-bottom: 10px;
  background: transparent;
  border-radius: 10px;
  background: #eee;
  padding-left: 15px;
}
.contact-box form textarea{
  height: 140px;
}
.contact-box form button#contact-btn{
  outline: none;
  border-radius: 10px;
  border: none;
  width: 160px;
  text-align: center;
  color: #fff;
  background: #2D8248;
  height: 40px;
}
</style>
<body>
  <!--====Start Header====-->
  <?php include 'templets/header.php'; ?>
  <!--====End Header====-->
<!--=====Contact area===-->
<section>
  <div class="container">
    <div class="row pt-5 pb-5">
      <div class="col-md-5 col-lg-5 col-12 col-sm-12">
        <div class="address-details">
          <h4>Official Addres :-</h4>
          <span>Ranchi Smart City Corporation Limited Ground Floor,</span>
          <span>FFP 100 Building, Dhurwa,</span>
          <span>Ranchi- 834004</span>
          <span><a href=""><i class="fa fa-phone-square"></i> 1800 123 456</a></span>
          <span><a href=""><i class="fa fa-envelope"></i> xyz@example.com</a></span>
        </div>
        <div class="location">
          <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3662.9613297368846!2d85.30218801428897!3d23.353415509743595!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f4e16c75edc04f%3A0xf9f08bdea9cf9777!2sINPRAVIA%20Global%20Networks%20Private%20Limited!5e0!3m2!1sen!2sin!4v1640001610311!5m2!1sen!2sin" width="100%" height="350" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
        </div>
      </div>
      <div class="col-md-7 col-lg-7 col-12 col-sm-12" style="background: #eee;">
        <div class="contact-box">
          <h3>Contact Us</h3>
          <form method="post">
            <input type="text" name="c1" placeholder="username">
            <input type="text" name="c2" placeholder="Email">
            <input type="text" name="c3" placeholder="Phone Number">
            <textarea name="c4" placeholder="Message/Suggestion"></textarea>
            <button type="submit" name="contact-btn" class="contact-btn" id="contact-btn">Submit</button>
          </form>
        </div>
      </div>
    </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>
