<!DOCTYPE html>
<html lang="zxx">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Welcome To || Shyam Event</title>
  <link rel="icon" href="assets/img/favicon.png">
  <!-- CSS only -->
   <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
   <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
   <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
   <!-- fancybox -->
   <link rel="stylesheet" href="assets/css/jquery.fancybox.min.css">
   <!-- Font Awesome 6 -->
   <link rel="stylesheet" href="assets/css/fontawesome.min.css">
   <!-- style -->
   <link rel="stylesheet" href="assets/css/style.css">
   <!-- responsive -->
   <link rel="stylesheet" href="assets/css/responsive.css">
   <!-- color -->
   <link rel="stylesheet" href="assets/css/color.css">
 </head>
<body>
  <?php include "header.php" ?>
<section class="banner" style="background-image:url(assets/img/background.jpg)">
  <div class="container">
    <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="index.php">Home</a></li>
      <li class="breadcrumb-item active" aria-current="page">Contact us</li>
    </ol>
    <h2>Get In touch</h2>
  </div>
</section>
<section class="gap no-bottom">
  <div class="container">
    <div class="row">
      <div class="col-xl-6">
        <div class="heading two">
          <h2>Let's Chat. Tell me about your Occasion.</h2>
          <p>contact us and one of our delightful team will be be happy to help.</p>
        </div>
        <div class="inner-response"></div>
        <form class="contact-form" role="form" id="contact-form" method="post">
         
          <div class="row">
            <div class="col-lg-6 ps-lg-0">
              <input type="text" name="name" placeholder="Full Name" required="">
            </div>
            <div class="col-lg-6 pe-lg-0">
              <input type="text" name="email" placeholder="Email Address" required="">
            </div>
            <input type="text" name="hone" placeholder="Phone No" required="">
            <textarea placeholder="Your Comment" name="comment" required=""></textarea>
              <button class="btn">
                <span>Send Message</span>
              </button>
           </div>
         
        </form>
      </div>
      <div class="col-xl-6">
        <div class="contact-style-text">
      <div class="store-locations-text">
        <div class="comment mt-0">
          <h3>Contact Info</h3>
          <div class="boder"></div>
        </div>
        <div class="content-location">
          <div><span><i class="fa fa-phone" aria-hidden="true"></i></span></div>
          <div><p>Call Us</p>
                <a href="telto:+919393231888">+91 9393 231888</a>
          </div>
        </div>
        <div class="content-location">
          <div><span><i class="fas fa-envelope"></i></span></div>
          <div><p>Email</p>
                <a href="mailto:sharmarpm93@gmail.com">sharmarpm93@gmail.com</a>
          </div>
        </div>
      </div>
        </div>
          </div>
      </div>
    </div>
</section>
<br>

<section class="gap no-top">
  <div class="container">
    <div class="store-locations">
      <div class="store-locations-text">
        <div class="comment mt-0">
          <h3>Address</h3>
          <div class="boder"></div>
        </div>
        <div class="content-location">
          <div><span><i class="fa-solid fa-location-dot"></i></span></div>
          <div>
            <p>Ez9, Chomua Road, Near SK Company, New Palam Vihar, <br>Gurgaon - 122017</p>
          </div>
        </div>
      </div>
      <div class="mapouter"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d28046.39785836705!2d77.03067845!3d28.5156725!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d1a033251e1f5%3A0xaa4f7f83c168f044!2sPalam%20Vihar%2C%20Gurugram%2C%20Haryana%20122017!5e0!3m2!1sen!2sin!4v1771316944139!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div>
    </div>
  </div>
</section>


  <?php include "footer.php" ?>
<!-- jQuery -->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<!-- Bootstrap Js -->
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<!-- fancybox -->
<script src="assets/js/jquery.fancybox.min.js"></script>
<script src="assets/js/custom.js"></script>
</body>
