<?php 
include("formSubmit.php");
?>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Pro-Partner - Contact Us</title>
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <meta content="" name="keywords">
  <meta content="" name="description">
  <meta name="google-site-verification" content="WZgx1e7TVQeMPbcHRkEN9aAF0a5dFWJUCld4A8Xek7k" />

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-NCNNRHPY3W"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
  
    gtag('config', 'G-NCNNRHPY3W');
  </script>

  <!-- Meta Pixel Code -->
  <script>
    !function(f,b,e,v,n,t,s){
      if(f.fbq)return;n=f.fbq=function(){
        n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)
      };
      if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
      n.queue=[];t=b.createElement(e);t.async=!0;
      t.src=v;s=b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t,s)
    }
    (window, document,'script','https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '1124345645121329');
    fbq('track', 'PageView');
  </script>

  <noscript>
    <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1124345645121329&ev=PageView&noscript=1"/>
  </noscript>
  <!-- End Meta Pixel Code -->

  <script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "eakqele5nh");
  </script>

  <!-- Favicons -->
  <!-- <link href="img/favicon.png" rel="icon">
  <link href="img/apple-touch-icon.png" rel="apple-touch-icon"> -->

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">

  <!-- Bootstrap CSS File -->
  <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <!-- Libraries CSS Files -->
  <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <!--<link href="lib/animate/animate.min.css" rel="stylesheet">-->
  <link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
  <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

  <!-- Main Stylesheet File -->
  <link href="css/style.css" rel="stylesheet">

  <!-- =======================================================
    Theme Name: EstateAgency
    Theme URL: https://bootstrapmade.com/real-estate-agency-bootstrap-template/
    Author: BootstrapMade.com
    License: https://bootstrapmade.com/license/
  ======================================================= -->
   <!-- Nexa bold Fonts -->
   <style>
    @font-face {
      font-family: "Nexa Bold";
      /* font-family: "Nexa Light"; */
      src: url(css/Nexa\ Bold.otf);
      /* src: url(css/Nexa\ Light.otf); */
    }

    @font-face {
      /* font-family: "Nexa Bold"; */
      font-family: "Nexa Light";
      /* src: url(css/Nexa\ Bold.otf); */
      src: url(css/Nexa\ Light.otf);
    }
  </style>
</head>

<body>

  <div class="icon-bar">
    <a href="https://www.facebook.com/profile.php?id=100083157954447" target="_blank" class="facebook"><i class="fa fa-facebook"></i></a> 
    <a href="https://www.instagram.com/thepropartner/" target="_blank" class="instagram"><i class="fa fa-instagram"></i></a> 
    <a href="#" class="youtube"><i class="fa fa-youtube"></i></a> 
  </div>

  <div class="click-closed"></div>
  <!--/ Form Search Star /-->
  <div class="box-collapse">
    <div class="title-box-d">
      <h3 class="title-d">Invest Now</h3>
    </div>
    <span class="close-box-collapse right-boxed ion-ios-close"></span>
    <div class="box-collapse-wrap form">
    <form class="form-a contactForm" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="post" role="form">
        <div id="sendmessage">Your message has been sent. Thank you!</div><br><br>
        <div id="errormessage"></div>
        <div class="row">
          <div class="col-md-12 mb-3">
            <div class="form-group">
              <input type="text" name="name" class="form-control form-control-lg form-control-a" placeholder="Full Name" required data-rule="minlen:4" data-msg="Please enter at least 4 chars">
              <div class="validation"></div>
            </div>
          </div>
          <div class="col-md-12 mb-3">
            <div class="form-group">
              <input type="number" name="number" class="form-control form-control-lg form-control-a" required placeholder="Mobile Number" data-rule="minlen:10" data-msg="Please enter 10 to 15 digit number">
              <div class="validation"></div>
            </div>
          </div>
          <div class="col-md-12 mb-3">
            <div class="form-group">
              <input name="email" type="email" class="form-control form-control-lg form-control-a" required placeholder="Email Id" data-rule="email" data-msg="Please enter a valid email">
              <div class="validation"></div>
            </div>
          </div>
          <div class="col-md-12 mb-3">
            <div class="form-group">
              <textarea name="message" class="form-control" name="message" cols="45" rows="8" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
              <div class="validation"></div>
            </div>
          </div>
          <div class="col-md-12">
            <button type="submit" name="submit" class="btn btn-a">Send Message</button>
          </div>
        </div>
      </form>
    </div>
  </div>
  <!--/ Form Search End /-->

  <nav class="navbar navbar-default navbar-trans navbar-expand-lg fixed-top">
    <div class="container">
      <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarDefault"
        aria-controls="navbarDefault" aria-expanded="false" aria-label="Toggle navigation">
        <span></span>
        <span></span>
        <span></span>
      </button>
      <a class="navbar-brand" href="index.php">PRO-PARTNER</a>
      <!-- <a class="navbar-brand text-brand" href="index.php"><img src="img/Pro-Partner.png" id="nav-img" height="30" alt=""></a> -->
      <div class="navbar-collapse collapse justify-content-center" id="navbarDefault">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link" href="index.php">HOME</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="invest.php">INVEST</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="about.php">ABOUT</a>
          </li>
          <!-- <li class="nav-item">
            <a class="nav-link" href="faq.php">FAQ'S</a>
          </li> -->
          <li class="nav-item">
            <a class="nav-link" href="location.php">LOCATION</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="blog.php">BLOG</a>
          </li>
          <li class="nav-item">
            <a class="nav-link active" href="contact.php">CONTACT US</a>
          </li>
        </ul>
      </div>
      <button type="button" class="btn btn-a navbar-toggle-box-collapse d-none d-md-block" data-toggle="collapse"
        data-target="#navbarTogglerDemo01" aria-expanded="false">
        <!--span class="fa fa-search" aria-hidden="true"></span--><b>INVEST NOW</b>
      </button>
    </div>
  </nav>
  <!--/ Nav End /-->

  <!--/ Intro Single star /-->
  <section class="intro-single">
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-lg-8">
          <div class="title-single-box">
            <h1 class="title-single">Contact US</h1>
            <!-- <span class="color-text-a">Aut voluptas consequatur unde sed omnis ex placeat quis eos. Aut natus officia corrupti qui autem fugit consectetur quo. Et ipsum eveniet laboriosam voluptas beatae possimus qui ducimus. Et voluptatem deleniti. Voluptatum voluptatibus amet. Et esse sed omnis inventore hic culpa.</span> -->
          </div>
        </div>
        <div class="col-md-12 col-lg-4">
          <nav aria-label="breadcrumb" class="breadcrumb-box d-flex justify-content-lg-end">
            <ol class="breadcrumb">
              <li class="breadcrumb-item">
                <a href="index.html">Home</a>
              </li>
              <li class="breadcrumb-item active" aria-current="page">
                Contact
              </li>
            </ol>
          </nav>
        </div>
      </div>
    </div>
  </section>
  <!--/ Intro Single End /-->

  <!--/ Contact Star /-->
  <section class="contact">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <div class="contact-map box">
            <div id="map" class="contact-map">
              <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15079.717116089327!2d72.8544744!3d19.1107582!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x85c25fe2c871cb93!2sRashmi%20Housing%20Pvt%20Ltd!5e0!3m2!1sen!2sin!4v1660042274423!5m2!1sen!2sin"
                width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
            </div>
          </div>
        </div>
        <div class="col-sm-12 section-t8">
          <div class="row">
            <div class="col-md-7">
              <form class="form-a contactForm" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="post" role="form">
                <div id="sendmessage">Your message has been sent. Thank you!</div>
                <div id="errormessage"></div>
                <div class="row">
                  <div class="col-md-12 mb-3">
                    <div class="form-group">
                      <input type="text" name="name" class="form-control form-control-lg form-control-a" required placeholder="Full Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars">
                      <div class="validation"></div>
                    </div>
                  </div>
                  <div class="col-md-12 mb-3">
                    <div class="form-group">
                      <input type="number" name="number" class="form-control form-control-lg form-control-a" required placeholder="Mobile number" data-rule="minlen:10" data-msg="Please enter 10 to 15 digit number">
                      <div class="validation"></div>
                    </div>
                  </div>
                  <div class="col-md-12 mb-3">
                    <div class="form-group">
                      <input name="email" type="email" class="form-control form-control-lg form-control-a" required placeholder="Email Id" data-rule="email" data-msg="Please enter a valid email">
                      <div class="validation"></div>
                    </div>
                  </div>
                  <div class="col-md-12 mb-3">
                    <div class="form-group">
                      <textarea name="message" class="form-control" name="message" cols="45" rows="8" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
                      <div class="validation"></div>
                    </div>
                  </div>
                  <div class="col-md-12">
                    <button type="submit" name="submit" class="btn btn-a">Send Message</button>
                  </div>
                </div>
              </form>
            </div>
            <div class="col-md-5 section-md-t3">
              <div class="icon-box section-b2">
                <div class="icon-box-icon">
                  <span class="ion-ios-paper-plane"></span>
                </div>
                <div class="icon-box-content table-cell">
                  <div class="icon-box-title">
                    <h4 class="icon-title">Say Hello</h4>
                  </div>
                  <div class="icon-box-content">
                    <p class="mb-1">Email.
                      <span class="color-a">info@thepropartner.com</span>
                    </p>
                    <p class="mb-1">Phone.
                      <span class="color-a">022-42275700</span>
                    </p>
                    <p class="mb-1">Mobile.
                      <span class="color-a">8898007788, 7066114441</span>
                    </p>
                  </div>
                </div>
              </div>
              <div class="icon-box section-b2">
                <div class="icon-box-icon">
                  <span class="ion-ios-pin"></span>
                </div>
                <div class="icon-box-content table-cell">
                  <div class="icon-box-title">
                    <h4 class="icon-title">Corporate office</h4>
                  </div>
                  <div class="icon-box-content">
                    <p class="mb-1">
                      Rashmi Group, 6<sup>th</sup> floor, Classic Pentagon, W.E. Highway, Andheri (East), Mumbai - 400099
                    </p>
                  </div>
                </div>
              </div>
              <div class="icon-box section-b2">
                <div class="icon-box-icon">
                  <span class="ion-ios-pin"></span>
                </div>
                <div class="icon-box-content table-cell">
                  <div class="icon-box-title">
                    <h4 class="icon-title">Registered office</h4>
                  </div>
                  <div class="icon-box-content">
                    <p class="mb-1">
                      Rashmi Group, B/215, Shanti Shopping center, opp. Rly. Stn. Mira road (East), Mumbai - 401107
                    </p>
                  </div>
                </div>
              </div>
              
              <div class="icon-box">
                <div class="icon-box-icon">
                  <span class="ion-ios-redo"></span>
                </div>
                <div class="icon-box-content table-cell">
                  <div class="icon-box-title">
                    <h4 class="icon-title">Social networks</h4>
                  </div>
                  <div class="icon-box-content">
                    <div class="socials-footer">
                      <ul class="list-inline">
                        <li class="list-inline-item">
                          <a href="https://www.facebook.com/profile.php?id=100083157954447" target="_blank" class="link-one">
                            <i class="fa fa-facebook" aria-hidden="true"></i>
                          </a>
                        </li>
                        <!-- <li class="list-inline-item">
                          <a href="#" class="link-one">
                            <i class="fa fa-twitter" aria-hidden="true"></i>
                          </a>
                        </li> -->
                        <li class="list-inline-item">
                          <a href="https://www.instagram.com/thepropartner/" target="_blank" class="link-one">
                            <i class="fa fa-instagram" aria-hidden="true"></i>
                          </a>
                        </li>
                        <li class="list-inline-item">
                          <a href="#" class="link-one" target="_blank">
                            <i class="fa fa-youtube" aria-hidden="true"></i>
                          </a>
                        </li>
                        <!-- <li class="list-inline-item">
                          <a href="#" class="link-one">
                            <i class="fa fa-pinterest-p" aria-hidden="true"></i>
                          </a>
                        </li> -->
                        <!-- <li class="list-inline-item">
                          <a href="#" class="link-one">
                            <i class="fa fa-dribbble" aria-hidden="true"></i>
                          </a>
                        </li> -->
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--/ Contact End /-->

  <!--/ Footer /-->
  <footer>
    <div class="container">
      
      <div class="row">
        <div class="col-md-12">

          <div class="copyright-footer">
            <p class="copyright color-text-a" style="font-size: 19px;">
              &copy; Copyright
              Rashmi Group All Rights Reserved.
            </p>
          </div>
          <div class="credits">
            Designed by <a href="https://www.brandswitch.in/">Brandswitch</a>
          </div>
        </div>
      </div>
    </div>
  </footer>
  <!--/ Footer End /-->

  <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
  <!--<div id="preloader"></div>-->

  <!-- JavaScript Libraries -->
  <script src="lib/jquery/jquery.min.js"></script>
  <script src="lib/jquery/jquery-migrate.min.js"></script>
  <script src="lib/popper/popper.min.js"></script>
  <script src="lib/bootstrap/js/bootstrap.min.js"></script>
  <script src="lib/easing/easing.min.js"></script>
  <script src="lib/owlcarousel/owl.carousel.min.js"></script>
  <script src="lib/scrollreveal/scrollreveal.min.js"></script>
  <!-- Contact Form JavaScript File -->
  <script src="contactform/contactform.js"></script>

  <!-- Template Main Javascript File -->
  <script src="js/main.js"></script>
  
  

</body>
</html>
