1#@!#!123s

: / home3 / encodto1 / apnaghar.encodersunlimited.com /
Filename : propertydetails.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/animate.css">
<link rel="stylesheet" href="css/slider.css">
<link rel="stylesheet" href="css/jquery-ui.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/style.css">
<!-- Responsive stylesheet -->
<link rel="stylesheet" href="css/responsive.css">
<!-- Title -->
<title>Apna Ghar Propery Details</title>
<!-- Favicon -->

<!-- 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">Gallery</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">
    <!-- Property All Lists -->
    <section class="pt60 pb90 bgc-f7">
      <div class="container">
        <div class="row wow fadeInUp" data-wow-delay="100ms">
          <div class="col-lg-4">
            <div class="single-property-content">
              <div class="property-action text-lg-end">
               
                <h3 class="price mb-0">Rs. 14000</h3>
              </div>
            </div>
          </div>
          <div class="col-lg-8">
            <div class="single-property-content mb30-md">
              <h2 class="sp-lg-title">Apna Ghar Title</h2>
              <div class="pd-meta mb15 d-md-flex align-items-center">
                <p class="text fz15 mb-0 bdrr1 pr10 bdrrn-sm">College Para , Siliguri</p>
                <a class="ff-heading text-thm fz15 bdrr1 pr10 ml0-sm ml10 bdrrn-sm" href="#"><i class="fas fa-circle fz10 pe-2"></i>For sale</a>
                <a class="ff-heading bdrr1 fz15 pr10 ml10 ml0-sm bdrrn-sm" href="#"><i class="far fa-clock pe-2"></i>1 years ago</a>
                
              </div>
              <div class="property-meta d-flex align-items-center">
                <a class="text fz15" href="#"><i class="flaticon-bed pe-2 align-text-top"></i>3 bed</a>
                <a class="text ml20 fz15" href="#"><i class="flaticon-shower pe-2 align-text-top"></i>4 bath</a>
                <a class="text ml20 fz15" href="#"><i class="flaticon-expand pe-2 align-text-top"></i>1200 sqft</a>
              </div>
            </div>
          </div>
          
        </div>

        <!-- images -->

        <div class="row mb30 mt30 wow fadeInUp" data-wow-delay="300ms">
          <div class="col-sm-6">
            <div class="sp-img-content mb15-md">
              <a class="popup-img preview-img-1 sp-img" href="images/listings/listing-single-1.jpg">
                <img class="w-100" src="images/listings/listing-single-1.jpg" alt="1.jpg">
              </a>
             
            </div>
          </div>
          <div class="col-sm-6">
            <div class="row">
             
              
              <div class="col-6 ps-sm-0">
                <div class="sp-img-content">
                  <a class="popup-img preview-img-4 sp-img" href="images/listings/listing-single-4.jpg">
                    <img class="w-100" src="images/listings/listing-single-4.jpg" alt="4.jpg">
                  </a>
                </div>
              </div>
              <div class="col-6 ps-sm-0">
                <div class="sp-img-content">
                  <a class="popup-img preview-img-5 sp-img" href="images/listings/listing-single-5.jpg">
                    <img class="w-100" src="images/listings/listing-single-5.jpg" alt="5.jpg">
                  </a>
                  <a href="images/listings/listing-single-5.jpg" class="all-tag popup-img">See All 74 Photos</a>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- images -->



        <div class="row wrap wow fadeInUp" data-wow-delay="500ms">
          <div class="col-lg-8">
            <!-- overview -->

            <div class="ps-widget bgc-white bdrs12 default-box-shadow2 p30 mb30 overflow-hidden position-relative">
              <h4 class="title fz17 mb30">Overview</h4>
              <div class="row">
                <div class="col-6 col-sm-6 col-lg-4">
                  <div class="overview-element mb25 d-flex align-items-center">
                    <span class="icon flaticon-bed"></span>
                    <div class="ml15">
                      <h6 class="mb-0">Bedroom</h6>
                      <p class="text mb-0 fz15">3</p>
                    </div>
                  </div>
                </div>
                <div class="col-6 col-sm-6 col-lg-4">
                  <div class="overview-element mb25 d-flex align-items-center">
                    <span class="icon flaticon-shower"></span>
                    <div class="ml15">
                      <h6 class="mb-0">Bath</h6>
                      <p class="text mb-0 fz15">2</p>
                    </div>
                  </div>
                </div>
                <div class="col-6 col-sm-6 col-lg-4">
                  <div class="overview-element mb25 d-flex align-items-center">
                    <span class="icon flaticon-event"></span>
                    <div class="ml15">
                      <h6 class="mb-0">Year Built</h6>
                      <p class="text mb-0 fz15">2022</p>
                    </div>
                  </div>
                </div>
                <div class="col-6 col-sm-6 col-lg-4">
                  <div class="overview-element mb25-xs d-flex align-items-center">
                    <span class="icon flaticon-garage"></span>
                    <div class="ml15">
                      <h6 class="mb-0">Garage</h6>
                      <p class="text mb-0 fz15">2</p>
                    </div>
                  </div>
                </div>
                <div class="col-6 col-sm-6 col-lg-4">
                  <div class="overview-element mb25-xs d-flex align-items-center">
                    <span class="icon flaticon-expand"></span>
                    <div class="ml15">
                      <h6 class="mb-0">Sqft</h6>
                      <p class="text mb-0 fz15">1200</p>
                    </div>
                  </div>
                </div>
                <div class="col-6 col-sm-6 col-lg-4">
                  <div class="overview-element d-flex align-items-center">
                    <span class="icon flaticon-home-1"></span>
                    <div class="ml15">
                      <h6 class="mb-0">Property Type</h6>
                      <p class="text mb-0 fz15">Apartment</p>
                    </div>
                  </div>
                </div>
              </div>
              
            </div>

            <!-- overview -->


            <!-- Description -->


            <div class="ps-widget bgc-white bdrs12 default-box-shadow2 p30 mb30 overflow-hidden position-relative">
  
              <h4 class="title fz17 mb30 mt50">Property Details</h4>
              <div class="row">
                <div class="col-md-6 col-xl-4">
                  <div class="d-flex justify-content-between">
                    <div class="pd-list">
                      <p class="fw600 mb10 ff-heading dark-color">Property ID</p>
                      <p class="fw600 mb10 ff-heading dark-color">Price</p>
                      <p class="fw600 mb10 ff-heading dark-color">Property Size</p>
                      <p class="fw600 mb10 ff-heading dark-color">Bathrooms</p>
                      <p class="fw600 mb10 ff-heading dark-color">Bedrooms</p>
                      <p class="fw600 mb10 ff-heading dark-color">Location</p>
                    </div>
                    <div class="pd-list">
                      <p class="text mb10">SIL123</p>
                      <p class="text mb10">Rs. 6,500,000</p>
                      <p class="text mb10">1800 Sq Ft</p>
                      <p class="text mb10">2</p>
                      <p class="text mb10">3</p>
                      <p class="text mb10">Siliguri, West Bengal</p>
                    </div>
                  </div>
                </div>
              </div>
              
              <h4 class="title fz17 mt30">Property Description</h4>
              <p class="text mb10" style="line-height: 1.8;">
                This spacious 3-bedroom, 2-bath home in the heart of Siliguri is perfect for families. With a contemporary open floor plan and plenty of natural light, this residence is designed for comfort and convenience. Enjoy a cozy evening in the living room, or step out onto the balcony to soak in the vibrant surroundings. The kitchen boasts modern stainless steel appliances, ideal for culinary enthusiasts. Just a short drive away from major amenities, this property is a must-see for anyone looking to settle in Siliguri.
              </p>
            
              <div class="agent-single-accordion">
                <div class="accordion accordion-flush" id="accordionFlushExample">
                  <!-- Additional accordion items can be added here -->
                </div>
              </div>
            </div>
            
            <!-- Description -->

            <!-- Address -->

            <div class="ps-widget bgc-white bdrs12 default-box-shadow2 p30 mb30 overflow-hidden position-relative">
              <h4 class="title fz17 mb30 mt30">Address</h4>
              <div class="row">
                <div class="col-md-6 col-xl-4">
                  <div class="d-flex justify-content-between">
                    <div class="pd-list">
                      <p class="fw600 mb10 ff-heading dark-color">Address</p>
                      <p class="fw600 mb10 ff-heading dark-color">City</p>
                      <p class="fw600 mb10 ff-heading dark-color">State/County</p>
                      <p class="fw600 mb10 ff-heading dark-color">Zip/Postal Code</p>
                      <p class="fw600 mb10 ff-heading dark-color">Area</p>
                      <p class="fw600 mb0 ff-heading dark-color">Country</p>
                    </div>
                    <div class="pd-list">
                      <p class="text mb10">12, Hill Cart Road</p>
                      <p class="text mb10">Siliguri</p>
                      <p class="text mb10">West Bengal</p>
                      <p class="text mb10">734001</p>
                      <p class="text mb10">Dharampur</p>
                      <p class="text mb0">India</p>
                    </div>
                  </div>
                </div>
                
                <div class="col-lg-12">
                  <iframe class="position-relative bdrs12 mt30 h250" loading="lazy" src="https://maps.google.com/maps?q=Siliguri%2C%20West%20Bengal%2C%20India&amp;t=m&amp;z=14&amp;output=embed&amp;iwloc=near" title="Siliguri, West Bengal, India" aria-label="Siliguri, West Bengal, India"></iframe>
                </div>
              </div>
            </div>
            

            <!-- Address -->

            <!-- Features and aminities -->

            <div class="ps-widget bgc-white bdrs12 default-box-shadow2 p30 mb30 overflow-hidden position-relative">
              <h4 class="title fz17 mb30">Features & Amenities</h4>
              <div class="row">
                <div class="col-sm-6 col-md-4">
                  <div class="pd-list mb10-sm">
                    <p class="text mb10"><i class="fas fa-circle fz6 align-middle pe-2"></i>Air Conditioning</p>
                    <p class="text mb10"><i class="fas fa-circle fz6 align-middle pe-2"></i>Barbeque</p>
                    <p class="text mb10"><i class="fas fa-circle fz6 align-middle pe-2"></i>Dryer</p>
                    <p class="text mb-0"><i class="fas fa-circle fz6 align-middle pe-2"></i>Gym</p>
                  </div>
                </div>
              </div>
            </div>
           <!-- Features and aminities -->

          </div>

          <!-- contact owner details -->
          <div class="col-lg-4">
            <div class="column">
             
              <div class="agen-personal-info position-relative bgc-white default-box-shadow1 bdrs12 p30 mt30">
                <div class="widget-wrapper mb-0">
                  <h6 class="title fz17 mb30">Contact With Owner</h6>
                  <div class="agent-single d-sm-flex align-items-center pb25">
                    <div class="single-img mb30-sm">
                      <img class="w90" src="images/testimonials/biswanath-sen-photoaidcom-cropped.jpeg" alt="">
                    </div>
                    <div class="single-contant ml20 ml0-xs">
                      <h6 class="title mb-1">Biswanath Sen</h6>
                      <div class="agent-meta mb10 d-md-flex align-items-center">
                        <a class="text fz15" href="#"><i class="flaticon-call pe-1"></i>+91-7908892194</a>
                      </div>
                      
                    </div>
                  </div>
                  <div class="d-grid">
                    <button class="ud-btn btn-white2">Contact Agent<i class="fal fa-arrow-right-long"></i></button>
                  </div>
                </div>
              </div>
            </div>
          </div>
           <!-- contact owner details -->
        </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/chart.min.js"></script>
<script src="js/chart-custome.js"></script>
<script src="js/jquery-scrolltofixed-min.js"></script>
<script src="js/wow.min.js"></script> 
<script src="js/owl.js"></script> 
<script src="js/isotop.js"></script>
<script src="js/scrollbalance.js"></script>
<!-- Custom script for all pages --> 
<script src="js/script.js"></script>
<script>
//  Fixed sidebar Custom Script For That 
$(function() {
  var cols = $('.wrap .column');
  var enabled = true;
  var scrollbalance = new ScrollBalance(cols, {
    minwidth: 0
  });
  // bind to scroll and resize events
  scrollbalance.bind();
});
</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>