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

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

<head>
  <meta charset="utf-8">
  <title>Pro-Partner - Home</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 Star /-->
  <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 active" 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" 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 /-->

  <!--/ Carousel Star /-->
  <div class="intro intro-carousel">
    <div id="carousel" class="owl-carousel owl-theme">
      <div class="carousel-item-a bg-image" style="background-image: url(img/slide-1.jpg);"></div>
      <div class="carousel-item-a bg-image" style="background-image: url(img/slide-2.jpg);"></div>
      <div class="carousel-item-a bg-image" style="background-image: url(img/slide-3.jpg);"></div>
      <div class="carousel-item-a bg-image" style="background-image: url(img/slide-4.jpg);"></div>
    </div>
  </div>
  <!--/ Carousel end /-->

  <!--/ section-matrics Star /-->
  <section class="sec-t-10">
    <div class="container">
      <div class="row">
        <h2 class="t-h2">
          Why is <span class="t-bold">Property</span> one of the <span class="t-bold">best option</span> to 
          <span class="t-bold dash-span">Invest in
            <img id="dash1" src="img/dash.png">
          </span> ?
        </h2>  
      </div>
      <div class="row text-center foo" id="invest-in">
        <div class="pb-in w2 shake">
          <div class="pb-in-fl">
            <div class="pb-in-imgdiv">
              <img src="img/ic-3.png" alt="" srcset="">
            </div>
            <h3 class="pb">Tangible <br>Asset</h3>
          </div>
        </div>
        <div class="pb-in bl w3 shake">
          <div class="pb-in-imgdiv">
            <img src="img/ic-2.png" alt="" srcset="">
          </div>
          <h3 class="pb">Regular Rental <br>Income</h3>
        </div>
        <div class="pb-in bl w3 shake">
          <div class="pb-in-imgdiv">
            <img src="img/ic-1.png" alt="" srcset="">
          </div>
          <h3 class="pb">Ever Increasing <br>Value</h3>
        </div>
        <div class="pb-in bl w2 shake">
          <div class="pb-in-fr">
            <div class="pb-in-imgdiv">
              <img id="ind-ic-4" src="img/ic-4.png">
            </div>
            <h3 class="pb">Immune to <br>Inflation</h3>
          </div>
        </div>
      </div>
      <div class="inv text-center sec-t-20">
        Investment Wahi... <span>Jo Returns De Sahi</span>
      </div>
    </div>
  </section>
  <!--/ section-matrics End /-->

  <!--/ section-matrics Star /-->
  <section class="sec-t-50">
    <div class="container" style="padding:0;">
        <div class="img-container">
          <img src="img/BOY BANNER_2.png" alt="Avatar" class="img-image">
          <img src="img/PATH_1.png" alt="" class="img-overlay1">
          <img src="img/PATH_2.png" alt="" class="img-overlay2">
          <img src="img/PATH_3.png" alt="" class="img-overlay3">
          <img src="img/PATH_4.png" alt="" class="img-overlay4">
        </div>
    </div>
  </section>
  <!--/ section-matrics End /-->

  <!--/ section-matrics Star /-->
  <section class="sec-t-50">
    <div class="container">
      <div class="row">
        <h2 class="t-h2">
          <span class="t-bold">PRO-PARTNER</span> Plan
          <span class="t-bold">Key </span> 
          <span class="t-bold dash-span">Highlights
            <img id="dash2" src="img/dash.png">
          </span>
        </h2>
      </div>
      <div class="row foo" style="background-color: #fbf6f3;">
        <div class="col-lg-12" style="padding:0;">
          <div class="row Inv-div mg-b">
            <div class="col-md-4 foo shake IN-IN-div1">
              <div class="pppl">
                <img src="img/ic-5.png">
              </div>
              <span class="ppp">INVEST<br><span>50% of Unit Cost</span></span>
            </div>
            <div class="col-md-4 foo shake IN-IN-div">
              <div class="pppl">
                <img src="img/ic-2.png">
              </div>
              <span class="ppp">INCOME<br><span>100% Monthly Rent Immediately</span></span>
            </div>
            <div class="col-md-4 foo shake IN-IN-div1">
              <div class="pppl">
                <img src="img/ic-8.png">
              </div>
              <span class="ppp">EARN<br><span>50:50 Profit Share</span></span>
            </div>
            <div class="col-md-4 foo shake IN-IN-div">
              <div class="pppl">
                <img src="img/ic-6.png">
              </div>
              <span class="ppp">TENURE<br><span>18 or 30 Months</span></span>
            </div>
            <div class="col-md-4 foo shake IN-IN-div1">
              <div class="pppl">
                <img src="img/ic-9.png">
              </div>
              <span class="ppp">PRIVILEGE<br><span>Pre-launch Price; No Floor Rise</span></span>
            </div>
            
            <div class="col-md-4 foo shake IN-IN-div">
              <div class="pppl">
                <img src="img/ic-11.png">
              </div>
              <span class="ppp">DOCUMENTATION<br><span>Investment cum Option-to-Purchase Agreement</span></span>
            </div>
            <div class="col-md-4 foo shake IN-IN-div1">
              <div class="pppl">
                <img src="img/ic-4.png">
              </div>
              <span class="ppp">OPTION<br><span>Exit with Profit or Purchase</span></span>
            </div>
            <div class="col-md-4 foo shake IN-IN-div">
              <div class="pppl">
                <img src="img/ic-10.png">
              </div>
              <span class="ppp">FREEDOM<br><span>Easy, Hassle Free, Anytime Exit</span></span>
            </div>
            <div class="col-md-4 foo shake IN-IN-div1">
              <div class="pppl">
                <img src="img/ic-7.png">
              </div>
              <span class="ppp">RETURNS<br><span>Higher and Assured</span></span>
            </div>
            
            </div>
          </div>
        </div>
    </div>
  </section>
  <!--/ section-matrics End /-->

  <!--/ section-matrics Star /-->
  <section class="sec-t-40">
    <div class="container">
      <div class="row" style="position: relative;">
        <h2 class="t-h2">
          Why <span class="t-bold">PRO-PARTNER</span> at 
          <span class="t-bold">NEW VASAI-</span>
          <span class="t-bold dash-span">NAIGAON
            <img id="dash3" src="img/dash.png">
          </span>
        </h2>
      </div>
      <div class="row">
        <p class="info-para5 foo">
          Maximum price appreciation takes place when any undeveloped location develops. This we have seen and
          done at Mira-Bhayandar between 1995 to 2015 and Nalla Sopara-Vasai between 2005 to 2015. Now we are seeing
          New Vasai-Naigaon is rapidly developing.
        </p>
      </div>
      <div class="row img-container2 foo">
        <img src="img/new naigaon_2.jpg" alt="" class="img-fluid">
      </div>
    </div>
  </section>
  <!--/ section-matrics End /-->

  <!--/ section-matrics Star /-->
  <section class="sec-t-50">
    <div class="container">
      <div class="row">
        <h2 class="t-h2">
          <span class="t-bold">Factors</span> Ensuring 
          <span class="t-bold">Rapid</span>
          <span class="t-bold dash-span"> Growth
            <img id="dash4" src="img/dash.png">
          </span>
        </h2>
      </div>
      <div class="row">
        <div class="fa-card2 bg1 foo">
          <img src="img/VVCMC.png" alt="" srcset="">
          <p>VVCMC Prime Focus on Infrastructure</p>
        </div>
        <div class="fa-card2 bg2 foo">
          <img src="img/Fly-overs.png" alt="" srcset="">
          <p>Flyovers <br> Naigaon & Juchandra</p>
        </div>
        <div class="fa-card2 bg1 foo">
          <img src="img/National.png" alt="" srcset="">
          <p>National <br> Highway 8 <br> 3.5km Only</p>
        </div>
        <div class="fa-card2 bg2 foo">
          <img src="img/Creek Bridge.png" alt="" srcset="">
          <p>Creek Bridge <br> Vasai - Bhayandar</p>
        </div>
        <div class="fa-card2 bg1 foo">
          <img src="img/Metro 13.png" alt="" srcset="">
          <p>Metro 13 <br> Purple Line</p>
        </div>
        <div class="fa-card2 bg2 foo">
          <img src="img/Multi Model.png" alt="" srcset="">
          <p>Multi Model Corridors</p>
        </div>
        <div class="fa-card2 bg1 foo">
          <img src="img/Water.png" alt="" srcset="">
          <p>Water Transport Vasai-Thane-Kalyan</p>
        </div>
        <div class="fa-card2 bg2 foo" style="padding-left:0;padding-right:0;">
          <img src="img/Train - Dahanu.png" alt="" srcset="">
          <p>Train<br> Dahanu-Churchgate<br>Vasai-Diva-Panvel</p>
        </div>
        <div class="fa-card2 bg1 foo">
          <img src="img/Surya.png" alt="" srcset="">
          <p>Surya Water <br> Project</p>
        </div>
      </div>
    </div>
  </section>
  <!--/ section-matrics End /-->

  <!--/ section-matrics Star /-->
  <section class="sec-t-50">
    <div class="container" id="rash-intro">
      <div class="row">
        <h2 class="nexab-h2"><span
            class="color-b">RASHMI</span> GROUP
        </h2>
      </div>
      <div class="row" style="margin-bottom: 30px; text-align: justify;">
        <p class="info-para foo">
          Rashmi Group is known for its highest quality transparency, trust and commitment. Since its inception in 1998, the group has delivered some of the finest residential 
          landmarks in Western Mumbai. Rashmi Group inspired to fullfill diverse dreams by creating luxurious landmarks, innovative solutions by understanding customers aspirations.
        </p>
      </div>
      <div class="row">
        <div class="col-md-12 foo">
          <div class="w-title-a text-brand foo">
            <div class="rash-div rash-pdl">
              <span class="color-g rash-hi">
                <span class="count" value="25">25</span>
                <span class="title-link mybr">Years'</span>
              </span>
              <span class="title-link mybr2"> 
                of Expertise 
              </span>
            </div>
            <div class="rash-div rash-pd bl">
              <span class="color-g rash-hi">
                <span class="count" value="48">48</span>+
              </span>
              <span class="title-link">Projects</span>
            </div>
            <div class="rash-div rash-pd bl">
              <span class="color-g rash-hi"><span class="count" value="07">07</span>+</span> <span class="title-link">Cities</span>
            </div>
            <div class="rash-div rash-pd bl">
              <span class="color-g rash-hi"><span class="count" value="14000">14000</span>+</span> <span class="title-link">Happy Families</span>
            </div>
            <div class="rash-div rash-pdr bl">
              <span class="color-g rash-hi"><span class="count" value="200">200</span>+</span> <span class="title-link">Buildings</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--/ section-matrics End /-->

  <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>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.0/jquery.waypoints.min.js"></script>
  <!-- Contact Form JavaScript File -->
  <!-- <script src="contactform/contactform.js"></script> -->
  <script src="js/steps.js"></script>
  <script src="js/counter.js"></script>

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

</body>

</html>