1#@!#!123s

: / home3 / encodto1 / apnaghar.encodersunlimited.com /
Filename : Apnaghar-about.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">
<link rel="stylesheet" href="css/slider.css">
<!-- Responsive stylesheet -->
<link rel="stylesheet" href="css/responsive.css">
<!-- Title -->
<title>About Us - Apna Ghar </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">
    <!-- UI Elements Sections -->
    <section class="breadcumb-section2 p-0">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="breadcumb-style1">
              <h2 class="title">About Us</h2>
              <div class="breadcumb-list">
                <a href="#">Home</a>
                <a href="#">About Us</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Our About Area -->
    <section class="our-about pb90">
      <div class="container">
        <div class="row wow fadeInUp" data-wow-delay="300ms">
          <div class="col-lg-6">
            <h2>We're on a Mission to Change <br class="d-none d-lg-block"> View of Real Estate Field.</h2>
          </div>
          <div class="col-lg-6">
            <p class="text mb25" style="line-height: 1.6;">Welcome to ApnaGhar, your trusted partner in finding the perfect home. Whether you're looking to buy your dream property or rent a home, we are dedicated to making the process simple and seamless. At ApnaGhar, we connect buyers, sellers, and renters across the real estate market, offering a platform that prioritizes your needs.</p>

            <p class="text mb55" style="line-height: 1.6;">Our mission is to provide personalized service, ensuring you have access to the best listings and detailed information to make informed decisions. With a growing network and a user-friendly interface, ApnaGhar aims to be your go-to solution for all property-related needs.</p>
            
            <div class="row">
              <div class="col-sm-6">
                <div class="why-chose-list style3">
                  <div class="list-one mb30">
                    <span class="list-icon flex-shrink-0 flaticon-garden mb20"></span>
                    <div class="list-content flex-grow-1">
                      <h6 class="mb-1">Rent and Property Buy & Sell</h6>
                       <p class="text mb-0 fz14">Explore a variety of properties for rent, <br class="d-none d-sm-block"> and find your dream home to buy or sell.</p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-sm-6">
                <div class="why-chose-list style3">
                  <div class="list-one mb30">
                    <span class="list-icon flex-shrink-0 flaticon-secure-payment mb20"></span>
                    <div class="list-content flex-grow-1">
                      <h6 class="mb-1">Secure Payment</h6>
                      <p class="text mb-0 fz14">Nullam sollicitudin blandit <br class="d-none d-sm-block"> Nullam maximus.</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- About Banner -->
    <section class="our-about pt-0">
      <div class="container">
        <div class="row wow fadeInUp" data-wow-delay="300ms">
          <div class="col-lg-12">
            <div class="about-page-img">
              <img class="w-100" src="images/about/about-page-banner.jpg" alt="">
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Funfact -->
    <section class="pt-0">
      <div class="container">
        <div class="row justify-content-center wow fadeInUp" data-wow-delay="300ms">
          <div class="col-md-4">
            <div class="funfact_one text-center">
              <div class="details">
                <ul class="ps-0 mb-0 d-flex justify-content-center">
                  <li><div class="timer">4</div></li>
                  <li><span>M</span></li>
                </ul>
                <p class="text mb-0">Awward Winning</p>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="funfact_one text-center">
              <div class="details">
                <ul class="ps-0 mb-0 d-flex justify-content-center">
                  <li><div class="timer">12</div></li>
                  <li><span>K</span></li>
                </ul>
                <p class="text mb-0">Property Ready</p>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="funfact_one text-center">
              <div class="details">
                <ul class="ps-0 mb-0 d-flex justify-content-center">
                  <li><div class="timer">20</div></li>
                  <li><span>M</span></li>
                </ul>
                <p class="text mb-0">Happy Customer</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Our CTA --> 
    <section class="our-cta">
      <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>+91-7908892194</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>

  </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/owl.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>