Embed

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">


<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Display:wght@500;600;700&family=Hanken+Grotesk:wght@400;500;600&display=swap" rel="stylesheet">

<style>
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: 'Hanken Grotesk', sans-serif;
}

.full-width-bg {
  position: relative;
  left: 0;
  right: 0;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  background-color: #2E563F;
  padding: 60px 20px;
  color: #FFFFFF;
  box-sizing: border-box;
}

.full-width-bg h2 {
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 600;
  font-family: 'Noto Serif Display', serif;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: auto;
}

.form-grid label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  color: #FFFFFF;
}

.form-grid input,
.form-grid select {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: none;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #3A6B4F;
  color: #FFFFFF;
}

.form-grid select option {
  color: #000000;
}

.form-grid input::placeholder {
  color: #FFFFFF;
}

.form-grid input:required,
.form-grid select:required {
  border-left: 4px solid #FFC72C;
}

.full-width-bg button {
  background-color: #FFC72C;
  color: #2E563F;
  padding: 10px;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  font-size: 16px;
  width: 100%;
  margin-top: 20px;
  max-width: 400px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.full-width-bg button:hover {
  background-color: #e6b800;
}

.contact-links {
  text-align: center;
  margin-top: 30px;
}

.contact-links a {
  margin: 0 10px;
  color: #FFFFFF;
  font-size: 20px;
  text-decoration: none;
}

.contact-links a:hover {
  color: #FFC72C;
}
</style>

<div class="full-width-bg">

<h2>Let's Find Your Dream Home</h2>

<form id="contactForm">
<div class="form-grid">

<div>
  <label>Name*</label>
  <input type="text" name="name" required placeholder="Enter your name">
</div>

<div>
  <label>Phone*</label>
  <input type="tel" name="phone" required placeholder="Enter your phone number">
</div>

<div>
  <label>Email ID*</label>
  <input type="email" name="email" required placeholder="Enter your email">
</div>

<div>
  <label>Location*</label>
  <input type="text" name="location" required placeholder="Enter your location">
</div>

<div>
  <label>Type*</label>
  <select name="type" required>
    <option value="" disabled selected>Select Type</option>
    <option>1BHK</option>
    <option>2BHK</option>
    <option>3BHK & Above</option>
    <option>Bunglow</option>
    <option>Commercial</option>
  </select>
</div>

<div>
  <label>Budget*</label>
  <select name="budget" required>
    <option value="" disabled selected>Select Budget</option>
    <option>50Lacs - 1Cr.</option>
    <option>1Cr. - 2Cr.</option>
    <option>2Cr. - 3Cr.</option>
    <option>3Cr+</option>
  </select>
</div>

<div>
  <label>When are you looking to buy?*</label>
  <select name="timeline" required>
    <option value="" disabled selected>Select Timeline</option>
    <option>Immediately</option>
    <option>1 - 3 Months</option>
    <option>Just Exploring</option>
  </select>
</div>

<div>
  <label>Loan Assistance*</label>
  <select name="loan" required>
    <option value="" disabled selected>Need Loan Assistance?</option>
    <option>Yes</option>
    <option>No</option>
  </select>
</div>

</div>

<button type="submit">Let's Start</button>

</form>

<div class="contact-links">
<a href="tel:+919459930333" title="Call"><i class="fas fa-phone"></i></a>
<a href="https://wa.me/919459930333" target="_blank" title="WhatsApp"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.facebook.com/FindMeraHome/" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/findmerahome/?next=%2F" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a>
<a href="mailto:info@findmerahome.com" title="Email"><i class="fas fa-envelope"></i></a>
</div>

</div>

Location

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">


<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+Display:wght@500;600;700&family=Hanken+Grotesk:wght@400;500;600&display=swap" rel="stylesheet">

<style>
html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.footer-container {
  background-color: #2E563F;
  margin: 0 -9999px;
  padding: 40px 9999px;
  color: #FFFFFF;
  text-align: center;
  font-family: 'Hanken Grotesk', sans-serif;
}

.footer-container h2 {
  margin-bottom: 20px;
  font-size: 28px;
  color: #FFFFFF;
  font-family: 'Noto Serif Display', serif;
}

.footer-links {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.footer-links a {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 18px;
}

.footer-links i {
  font-size: 22px;
  margin-bottom: 5px;
}

.footer-note {
  font-size: 14px;
  color: #CCCCCC;
}
</style>

<div class="footer-container">
  <h2>Find Mera Home</h2>

  <div class="footer-links">
    <a href="tel:+919459930333">
      <i class="fas fa-phone" style="color: #FFC72C;"></i><br>+91 94599 30333
    </a>

    <a href="mailto:info@findmerahome.com">
      <i class="fas fa-envelope" style="color: #FFC72C;"></i><br>info@findmerahome.com
    </a>

    <a href="https://wa.me/919459930333" target="_blank">
      <i class="fab fa-whatsapp" style="color: #25D366;"></i><br>WhatsApp
    </a>

    <a href="https://www.facebook.com/FindMeraHome/" target="_blank">
      <i class="fab fa-facebook-f" style="color: #1877F2;"></i><br>Facebook
    </a>

    <a href="https://www.instagram.com/findmerahome/?next=%2F" target="_blank">
      <i class="fab fa-instagram" style="color: #E1306C;"></i><br>Instagram
    </a>
  </div>

  <div class="footer-note">
    © 2025 Find Mera Home. All Rights Reserved.
  </div>
</div>