1#@!#!123s

: / home3 / encodto1 / apnaghar.encodersunlimited.com /
Filename : Apnaghar-contact.php
back
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="advanced search, agency, agent, classified, directory, house, listing, property, real estate, real estate agency, real estate agent, realestate, realtor, rental">
<meta name="description" content="Homez - Real Estate HTML Template">
<meta name="CreativeLayers" content="ATFN">
<!-- css file -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/ace-responsive-menu.css">
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/fontawesome.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/bootstrap-select.min.css">
<link rel="stylesheet" href="css/ud-custom-spacing.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/jquery-ui.min.css">
<!-- Responsive stylesheet -->
<link rel="stylesheet" href="css/responsive.css">
<!-- Title -->
<title>Apna Ghar - Contact us</title>
<!-- Favicon -->
<link href="images/favicon.ico" sizes="128x128" rel="shortcut icon" type="image/x-icon" />
<link href="images/favicon.ico" sizes="128x128" rel="shortcut icon" />
<!-- Apple Touch Icon -->
<link href="images/apple-touch-icon-60x60.png" sizes="60x60" rel="apple-touch-icon">
<link href="images/apple-touch-icon-72x72.png" sizes="72x72" rel="apple-touch-icon">
<link href="images/apple-touch-icon-114x114.png" sizes="114x114" rel="apple-touch-icon">
<link href="images/apple-touch-icon-180x180.png" sizes="180x180" rel="apple-touch-icon">
<style>
  .custom-button {
      height: 40px;
      color: #fff;
      /* Button text color */
    }

    .btn-one {
      background-color: #004180;
      border-radius: 30px;
        /* Customize this color */
    }
    /* Ensure full width and height of body */
    body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 90vh; /* Ensure the body takes up at least the full height of the viewport */
    overflow-x: hidden; /* Prevent horizontal scrolling */
}

/* Optional: To ensure content does not overflow on small screens */
.container {
    max-width: 100%;
    box-sizing: border-box; /* Include padding and border in element's total width and height */
}

/* Optional: Adjustments for mobile screens */
@media (max-width: 576px) {
    /* Additional mobile-specific styles */
}


/* Ensure that the buttons align in a row */
.social-style1 {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Style the contact buttons */
.contact-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 30px; /* Adjust padding for button size */
    border-radius: 50px; /* Capsule shape */
    background-color: #004180; /* Button background color */
    color: #fff; /* Button text color */
    text-decoration: none;
    font-size: 12px; /* Smaller font size */
    margin: 0 5px; /* Space between buttons */
    transition: background-color 0.3s;
}

/* Change button color on hover */
.contact-button:hover {
    background-color: #0056b3;
}

/* Optional: Adjust icon size if needed */
.contact-button i {
    margin-right: 5px; /* Space between icon and text */
    font-size: 14px; /* Smaller icon size */
}

/* Hide text on small screens, only show icons */
@media (max-width: 576px) {
    .contact-button span {
        display: none;
    }
}

</style>

</head>
<body>
<div class="wrapper ovh">
  <div class="preloader"></div>
  
  <!-- Main Header Nav -->
  <header class="header-nav nav-homepage-style stricky main-menu">
    <!-- Ace Responsive Menu -->
    <nav class="posr">
      <div class="container posr menu_bdrt1">
        <div class="row align-items-center justify-content-between">
          <div class="col-auto">
            <div class="d-flex align-items-center justify-content-between">
              <div class="logos mr40">
                <a class="header-logo logo1" href="index.html"><img src="images/logo/aplogo.png" alt="Header Logo"
                    style="width: 144px;height: 50px;"></a>
                <a class="header-logo logo2" href="index.html"><img src="images/logo/aplogo.png" alt="Header Logo"
                    style="width: 144px;height: 50px;"></a>
              </div>
              <!-- Responsive Menu Structure-->
              <ul id="respMenu" class="ace-responsive-menu" data-menu-style="horizontal">
                <li class="visible_list"> <a class="list-item" href="#"><span class="title">Home</span></a></li>
                <li class="megamenu_style"> <a class="list-item" href="#"><span class="title">About</span></a></li>
                <li class="visible_list"> <a class="list-item" href="#"><span class="title">Properties</span></a></li>
                <li class="visible_list"> <a class="list-item" href="#"><span class="title">Blog</span></a></li>
                <li class="visible_list"> <a class="list-item" href="#"><span class="title">Contact Us</span></a></li>
              </ul>
            </div>
          </div>
          <div class="col-auto">
            <div class="d-flex align-items-center">
              <a class="login-info d-flex align-items-center" data-bs-toggle="modal" href="#exampleModalToggle"
                role="button"><i class="far fa-user-circle fz16 me-2"></i> <span class="d-none d-xl-block">Login /
                  Register</span></a>
              <a class="ud-btn add-property menu-btn bdrs60 mx-2 mx-xl-4" href="">Add
                Property<i class="fal fa-arrow-right-long"></i></a>
              <!-- page-dashboard-add-property.html -->
            </div>
          </div>
        </div>
      </div>
    </nav>
  </header>
  <!-- Signup Modal -->
  <div class="signup-modal">
    <div class="modal fade" id="exampleModalToggle" aria-hidden="true" aria-labelledby="exampleModalToggleLabel"
      tabindex="-1">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalToggleLabel">Welcome to Apna Ghar</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <div class="log-reg-form">
              <div class="navtab-style2">
                <nav>
                  <div class="nav nav-tabs mb20" id="nav-tab" role="tablist">
                    <button class="nav-link active fw600" id="nav-home-tab" data-bs-toggle="tab"
                      data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home"
                      aria-selected="true">Sign In</button>
                    <button class="nav-link fw600" id="nav-profile-tab" data-bs-toggle="tab"
                      data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile"
                      aria-selected="false">New Account</button>
                  </div>
                </nav>
                <div class="tab-content" id="nav-tabContent2">
                  <div class="tab-pane fade show active fz15" id="nav-home" role="tabpanel"
                    aria-labelledby="nav-home-tab">
                    <div class="form-style1">
                      <div class="mb25">
                        <label class="form-label fw600 dark-color">Email</label>
                        <input type="email" class="form-control" placeholder="Enter Email">
                      </div>
                      <div class="mb15">
                        <label class="form-label fw600 dark-color">Password</label>
                        <input type="text" class="form-control" placeholder="Enter Password">
                      </div>
                      <div class="checkbox-style1 d-block d-sm-flex align-items-center justify-content-between mb10">
                        <label class="custom_checkbox fz14 ff-heading">Remember me
                          <input type="checkbox" checked="checked">
                          <span class="checkmark"></span>
                        </label>
                        <a class="fz14 ff-heading" href="#">Lost your password?</a>
                      </div>
                      <div class="d-grid mb20">
                        <button class="ud-btn btn-thm" type="button">Sign in <i
                            class="fal fa-arrow-right-long"></i></button>
                      </div>
                      <div class="hr_content mb20">
                        <hr><span class="hr_top_text">OR</span>
                      </div>
                      <div class="d-grid mb10">
                        <button class="ud-btn btn-white" type="button"><i class="fab fa-google"></i> Continue
                          Google</button>
                      </div>
                      <div class="d-grid mb10">
                        <button class="ud-btn btn-fb" type="button"><i class="fab fa-facebook-f"></i> Continue
                          Facebook</button>
                      </div>
                      <div class="d-grid mb20">
                        <button class="ud-btn btn-apple" type="button"><i class="fab fa-apple"></i> Continue
                          Apple</button>
                      </div>
                      <p class="dark-color text-center mb0 mt10">Not signed up? <a class="dark-color fw600"
                          href="#">Create an account.</a></p>
                    </div>
                  </div>
                  <div class="tab-pane fade fz15" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
                    <div class="form-style1">
                      <div class="mb25">
                        <label class="form-label fw600 dark-color">Email</label>
                        <input type="email" class="form-control" placeholder="Enter Email">
                      </div>
                      <div class="mb20">
                        <label class="form-label fw600 dark-color">Password</label>
                        <input type="text" class="form-control" placeholder="Enter Password">
                      </div>
                      <div class="d-grid mb20">
                        <button class="ud-btn btn-thm" type="button">Create account <i
                            class="fal fa-arrow-right-long"></i></button>
                      </div>
                      <div class="hr_content mb20">
                        <hr><span class="hr_top_text">OR</span>
                      </div>
                      <div class="d-grid mb10">
                        <button class="ud-btn btn-white" type="button"><i class="fab fa-google"></i> Continue
                          Google</button>
                      </div>
                      <div class="d-grid mb10">
                        <button class="ud-btn btn-fb" type="button"><i class="fab fa-facebook-f"></i> Continue
                          Facebook</button>
                      </div>
                      <div class="d-grid mb20">
                        <button class="ud-btn btn-apple" type="button"><i class="fab fa-apple"></i> Continue
                          Apple</button>
                      </div>
                      <p class="dark-color text-center mb0 mt10">Not signed up? <a class="dark-color fw600"
                          href="page-register.html">Create an account.</a></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="hiddenbar-body-ovelay"></div>

  <!-- Mobile Nav  -->
  <div id="page" class="mobilie_header_nav stylehome1">
    <div class="mobile-menu">
      <div class="header innerpage-style">
        <div class="menu_and_widgets">
          <div class="mobile_menu_bar d-flex justify-content-between align-items-center">
            <a class="menubar" href="#menu"><img src="images/mobile-dark-nav-icon.svg" alt=""></a>
            <a class="mobile_logo" href="#"><img src="images/logo/apblack.png" alt=""></a>
            <a href="#"><span class="icon fz18 far fa-user-circle"></span></a>
          </div>
        </div>
      </div>
    </div>
    <!-- /.mobile-menu -->
    <nav id="menu" class="">
        <ul>
          <li><a href="index.php">Home</a></li>
          <li><a href="Apnaghar-about.php">About</a></li>
          <li><a href="searchpage.php">Properties</a></li>

          <li><a href="Apnaghar-contact.php">Contact Us</a></li>
          <li class="px-3 mobile-menu-btn">
            <a href="rentform.php" class="ud-btn btn-thm text-white">Submit Property<i class="fal fa-arrow-right-long"></i></a>
          </li>
        </ul>
      </nav>
  </div>
  <!-- Mobile Nav  -->

  <div class="body_content_wrapper">
    <!-- Home Banner Style V1 -->

  <div class="body_content">
    <!-- Our Contact With Map -->
    <section class="p-0">
      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3563.8208313968357!2d88.42715637521731!3d26.718170276763708!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39e44112b9e22209%3A0x691957f1a4f766a!2sPakurtala%20More%2C%20Ashram%20Para%2C%20Hakim%20Para%2C%20Siliguri%2C%20West%20Bengal%20734001!5e0!3m2!1sen!2sin!4v1729249358894!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>    </section>
    <section>
      <div class="container">
        <div class="row d-flex align-items-end">
          <div class="col-lg-5 position-relative">
            <div class="home8-contact-form default-box-shadow1 bdrs12 bdr1 p30 mb30-md bgc-white">
              <h4 class="form-title mb25">Have questions? Get in touch!</h4>
              <form class="form-style1">
                <div class="row">
                  <div class="col-lg-12">
                    <div class="mb20">
                      <label class="heading-color ff-heading fw600 mb10">First Name</label>
                      <input type="text" class="form-control" placeholder="Your Name">
                    </div>
                  </div>
                  <div class="col-lg-12">
                    <div class="mb20">
                      <label class="heading-color ff-heading fw600 mb10">Last Name</label>
                      <input type="text" class="form-control" placeholder="Your Name">
                    </div>
                  </div>
                  <div class="col-md-12">
                    <div class="mb20">
                      <label class="heading-color ff-heading fw600 mb10">Email</label>
                      <input type="email" class="form-control" placeholder="Your Name">
                    </div>
                  </div>
                  <div class="col-md-12">
                    <div class="mb10">
                      <label class="heading-color ff-heading fw600 mb10">Textarea</label>
                      <textarea cols="30" rows="4" placeholder="There are many variations of passages."></textarea>
                    </div>
                  </div>
                  <div class="col-md-12">
                    <div class="d-grid">
                      <a class="ud-btn btn-thm" href="page-contact.html">Submit<i class="fal fa-arrow-right-long"></i></a>
                    </div>
                  </div>
                </div>
              </form>
            </div>
          </div>
          <div class="col-lg-5 offset-lg-2">
            <h2 class="mb30 text-capitalize">We’d love to hear <br class="d-none d-lg-block">from you.</h2>
            <p class="text">We are here to answer any question you may have. As a partner of corporates, realton has more than 9,000 offices of all sizes and all potential of session.</p>
          </div>
        </div>
      </div>
    </section>

    

    <!-- Our CTA --> 
    <section class="our-cta pt-0">
      <div class="cta-banner bgc-f7 mx-auto maxw1600 pt120 pb120 pt60-md pb60-md bdrs12 position-relative mx20-lg">
        <div class="img-box-5">
          <img class="img-1 spin-right" src="images/about/element-1.png" alt="">
        </div>
        <div class="img-box-6">
          <img class="img-1 spin-left" src="images/about/element-1.png" alt="">
        </div>
        <div class="container">
          <div class="row align-items-center">
            <div class="col-lg-7 col-xl-6 wow fadeInLeft">
              <div class="cta-style1">
                <h2 class="cta-title">Need help? Talk to our expert.</h2>
                <p class="cta-text mb-0">Talk to our experts or Browse through more properties.</p>
              </div>
            </div>
            <div class="col-lg-5 col-xl-6 wow fadeInRight" data-wow-delay="300ms">
              <div class="cta-btns-style1 d-block d-sm-flex align-items-center justify-content-lg-end">
                <a href="page-contact.html" class="ud-btn btn-transparent mr30 mr0-xs">Contact Us<i class="fal fa-arrow-right-long"></i></a>
                <a href="page-contact.html" class="ud-btn btn-dark"><span class="flaticon-call vam pe-2"></span>920 851 9087</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Our Footer --> 
    
<section class="footer-style1 at-home4 pt0 pb-0" style="position: relative; top: -100px;">
  <div class="container">
  </div>
  <div class="container-fluid gray-bdrt1" style="background-color: #f7f7f7; height:50px;">
    <div class="row">
      <div class="col-sm-6" style="margin-bottom: 10px;">
        <div class="text-center text-lg-start">
          <p class="copyright-text ff-heading mb-0" style="margin-top: 10px;">© Apna Ghar - All rights reserved</p>
        </div>
      </div>
      <div class="col-sm-6">
        <div class="social-widget text-center text-sm-end">
            <div class="social-style1 light-style">
                <!-- Reach to Us Buttons -->
                <a href="tel:+123456789" class="contact-button call-button me-2">
                    <i class="fa fa-phone" aria-hidden="true"></i>
                    <span class="d-none d-sm-inline">Call Us</span>
                </a>
                <a href="mailto:info@apnaghar.com" class="contact-button mail-button me-2">
                  <i class="fa-solid fa-envelope"></i>
                    <span class="d-none d-sm-inline">Mail Us</span>
                </a>
                <a href="https://wa.me/1234567890" class="contact-button whatsapp-button me-2">
                  <i class="fa-brands fa-whatsapp"></i>
                    <span class="d-none d-sm-inline">WhatsApp</span>
                </a>
            </div>
        </div>
    </div>
    
    </div>
  </div>
</section>
    <a class="scrollToHome" href="#"><i class="fas fa-angle-up"></i></a>
  </div>
</div>
<!-- Wrapper End --> 
<script src="js/jquery-3.6.4.min.js"></script>
<script src="js/jquery-migrate-3.0.0.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-select.min.js"></script>
<script src="js/jquery.mmenu.all.js"></script>
<script src="js/ace-responsive-menu.js"></script>
<script src="js/jquery-scrolltofixed-min.js"></script>
<script src="js/wow.min.js"></script>
<!-- Custom script for all pages --> 
<script src="js/script.js"></script>
<script>
    // Function to check screen width and redirect
     function checkScreenWidth() {
        if (window.innerWidth >= 768) { 
            window.location.href = 'redirect-page.php'; 
         }
     }


     window.onload = checkScreenWidth;


     window.onresize = checkScreenWidth;
  </script>
</body>

</html>