Viewing File: /home/quiczmwg/solixproperties.org/index.php
<?php
@session_start();
include_once ("include/header.php");
?>
<?php
include_once ("include/topbar.php");
?>
<script src="//code.tidio.co/a4oirhrxogxi6pohbkyq9cvylnde9r5b.js" async></script>
<!-- Header Start -->
<div class="container-fluid header bg-white p-0">
<div class="row g-0 align-items-center flex-column-reverse flex-md-row">
<div class="col-md-6 p-5 mt-lg-5">
<h1 class="display-5 animated fadeIn mb-4">Find A <span class="text-primary">Perfect Home</span> To Live With Your Family</h1>
<p class="animated fadeIn mb-4 pb-2">Recommendations are based on your location and search activity, such as the homes you've viewed and saved and the filters you've used. We use this information to bring similar homes to your attention, so you don't miss out..</p>
<a href="for_rent.php" class="btn btn-primary py-3 px-5 me-3 animated fadeIn">Get Started</a>
</div>
<div class="col-md-6 animated fadeIn">
<div class="owl-carousel header-carousel">
<div class="owl-carousel-item">
<img class="img-fluid" src="img/carousel-1.jpg" alt="">
</div>
<div class="owl-carousel-item">
<img class="img-fluid" src="img/carousel-2.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
<!-- Header End -->
<?php include_once ("search.php"); ?>
<!-- Category Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h1 class="mb-3">Property Types</h1>
<p>Solix Properties helps you rent your home, your way. Easily explore your renting options below and get personalized market value estimates — we can even help you choose the best option when you’re ready..</p>
</div>
<div class="row g-4">
<div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="0.1s">
<a class="cat-item d-block bg-light text-center rounded p-3" href="">
<div class="rounded p-4" style="border: 1px solid green;">
<div class="icon mb-3">
<img class="img-fluid" src="img/icon-apartment.png" alt="Icon">
</div>
<h4>Buy a House</h4>
<small>Find your place with an immersive photo experience and the most listings, including things you won’t find anywhere else.</small>
<div style="text-align: center;">
<a href="for_rent.php" class="btn btn-success my-5">Browse Homes</a>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="0.3s">
<a class="cat-item d-block bg-light text-center rounded p-3" href="">
<div class="rounded p-4" style="border: 1px solid green;">
<div class="icon mb-3">
<img class="img-fluid" src="img/icon-villa.png" alt="Icon">
</div>
<h4>Finance a Home</h4>
<small>Solix Properties Loans can get you pre-approved so you’re ready to make an offer quickly when you find the right home.</small>
<div style="text-align: center;">
<a href="finance.php" class="btn btn-success my-5">Start Now</a>
</div>
</div>
</a>
</div>
<div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="0.5s">
<a class="cat-item d-block bg-light text-center rounded p-3" href="for_rent.php">
<div class="rounded p-4" style="border: 1px solid green;">
<div class="icon mb-3">
<img class="img-fluid" src="img/icon-house.png" alt="Icon">
</div>
<h4>View Apartments</h4>
<small>No matter what path you take to sell your home, we can help you navigate a successful sale.</small>
<div style="text-align: center;">
<a href="for_rent.php" class="btn btn-success my-5">See your options</a>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- Category End -->
<!-- About Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="row g-5 align-items-center">
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
<div class="about-img position-relative overflow-hidden p-5 pe-0">
<img class="img-fluid w-100" src="img/about.jpg">
</div>
</div>
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s">
<h1 class="mb-4">#1 Place To Find The Perfect Property</h1>
<p class="mb-4">Recommendations are based on your location and search activity, such as the homes you've viewed and saved and the filters you've used. We use this information to bring similar homes to your attention, so you don't miss out.</p>
<p><i class="fa fa-check text-primary me-3"></i></p>
<p><i class="fa fa-check text-primary me-3"></i></p>
<p><i class="fa fa-check text-primary me-3"></i></p>
<a class="btn btn-primary py-3 px-5 mt-3" href="for_rent.php">Read More</a>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Property List Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="row g-0 gx-5 align-items-end">
<div class="col-lg-6">
<div class="text-start mx-auto mb-5 wow slideInLeft" data-wow-delay="0.1s">
<h1 class="mb-3">Property Listing</h1>
<p>Explore what we have availabe.</p>
</div>
</div>
<div class="col-lg-6 text-start text-lg-end wow slideInRight" data-wow-delay="0.1s">
<ul class="nav nav-pills d-inline-flex justify-content-end mb-5">
<li class="nav-item me-2">
<a class="btn btn-outline-primary" id="tab-1-link" data-bs-toggle="pill" href="#tab-1">Featured</a>
</li>
<li class="nav-item me-2">
<a class="btn btn-outline-primary" id="tab-2-link" data-bs-toggle="pill" href="#tab-2">Apartments</a>
</li>
<li class="nav-item me-0">
<a class="btn btn-outline-primary" id="tab-3-link" data-bs-toggle="pill" href="#tab-3">For Sale</a>
</li>
</ul>
</div>
</div>
<div class="tab-content">
<div id="tab-1" class="tab-pane fade show active">
<div class="row g-4">
<?php
$select_rentals = mysqli_query($conn, "SELECT DISTINCT rental_id, bedroom_category, location, baths, heights, description, price, state, type, country FROM `rentals` ORDER BY created_at DESC");
if (mysqli_num_rows($select_rentals) > 0) {
while ($row = mysqli_fetch_assoc($select_rentals)){
// Retrieve all images associated with the current rental_id, ordered by the last added
$rental_id = $row['rental_id'];
$select_images_query = "SELECT nft_img FROM rentals WHERE rental_id = '$rental_id'";
$result_images = mysqli_query($conn, $select_images_query);
$images = array();
while ($image_row = mysqli_fetch_assoc($result_images)) {
$images[] = $image_row['nft_img'];
}
$type = $row['type'];
?>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<a href="apartment_details.php?rental_id=<?php echo $rental_id; ?>" class="text-decoration-none">
<div class="property-item rounded overflow-hidden">
<div id="carousel_<?php echo $rental_id; ?>" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<!-- Generate indicators dynamically based on number of images -->
<?php
foreach ($images as $key => $image) {
?>
<button type="button" data-bs-target="#carousel_<?php echo $rental_id; ?>" data-bs-slide-to="<?= $key ?>" <?= $key === 0 ? 'class="active"' : '' ?> aria-current="true" aria-label="Slide <?= $key ?>"></button>
<?php
}
?>
</div>
<div class="carousel-inner">
<!-- Generate carousel items dynamically -->
<?php
foreach ($images as $key => $image) {
?>
<div class="carousel-item <?= $key === 0 ? 'active' : '' ?>">
<img src="rental/<?php echo $image; ?>" class="d-block w-100" alt="" style="max-height: 300px;">
</div>
<?php
}
?>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carousel_<?php echo $rental_id; ?>" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carousel_<?php echo $rental_id; ?>" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div class="p-4 pb-0">
<h5 class="text-primary mb-3">$<?php echo number_format($row['price']); ?>/mo</h5>
<a class="d-block h5 mb-2" href="apartment_details.php?rental_id=<?php echo $rental_id; ?>"><?php echo htmlspecialchars($type); ?></a>
<p><i class="fa fa-map-marker-alt text-primary me-2"></i><?php echo $row['location']; ?></p>
</div>
<div class="d-flex border-top">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-ruler-combined text-primary me-2"></i><?php echo $row['heights']; ?> Sqft</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-bed text-primary me-2"></i><?php echo $row['bedroom_category']; ?> Bed</small>
<small class="flex-fill text-center py-2"><i class="fa fa-bath text-primary me-2"></i><?php echo $row['baths']; ?> Bath</small>
</div>
</div>
</a>
</div>
<?php
} // End of while loop
} // End of if condition
?>
</div>
<div class="col-12 text-center">
<a class="btn btn-primary py-3 px-5" href="">Browse More Property</a>
</div>
</div>
</div>
</div>
</div>
<!-- Property List End -->
<!-- Call to Action Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="bg-light rounded p-3">
<div class="bg-white rounded p-4" style="border: 1px dashed rgba(0, 185, 142, .3)">
<div class="row g-5 align-items-center">
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
<img class="img-fluid rounded w-100" src="img/call-to-action.jpg" alt="">
</div>
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s">
<div class="mb-4">
<h1 class="mb-3">Contact With Our Certified Agent</h1>
<p>For any inquiries or assistance, please get in touch with our certified agent. We're here to help!</p>
</div>
<a href="" class="btn btn-primary py-3 px-4 me-2"><i class="fa fa-phone-alt me-2"></i>Make A Call</a>
<a href="" class="btn btn-dark py-3 px-4"><i class="fa fa-calendar-alt me-2"></i>Get Appoinment</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Call to Action End -->
<!-- Team Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h1 class="mb-3">Property Agents</h1>
<p>Connect with our experienced property agents for expert guidance and personalized assistance..</p>
</div>
<div class="row g-4">
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="team-item rounded overflow-hidden">
<div class="position-relative">
<img class="img-fluid" src="img/team-1.jpg" alt="">
<div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
<a class="btn btn-square mx-1" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-square mx-1" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-square mx-1" href=""><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="text-center p-4 mt-3">
<h5 class="fw-bold mb-0">Salisha Mohammed Ali</h5>
<small>Agent</small>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="team-item rounded overflow-hidden">
<div class="position-relative">
<img class="img-fluid" src="img/team-2.jpg" alt="">
<div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
<a class="btn btn-square mx-1" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-square mx-1" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-square mx-1" href=""><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="text-center p-4 mt-3">
<h5 class="fw-bold mb-0">Nazim K Mohammed </h5>
<small>Agent</small>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="team-item rounded overflow-hidden">
<div class="position-relative">
<img class="img-fluid" src="img/team-3.jpg" alt="">
<div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
<a class="btn btn-square mx-1" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-square mx-1" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-square mx-1" href=""><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="text-center p-4 mt-3">
<h5 class="fw-bold mb-0">Anis S Sharif</h5>
<small>Agent</small>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.7s">
<div class="team-item rounded overflow-hidden">
<div class="position-relative">
<img class="img-fluid" src="img/team-4.jpg" alt="">
<div class="position-absolute start-50 top-100 translate-middle d-flex align-items-center">
<a class="btn btn-square mx-1" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-square mx-1" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-square mx-1" href=""><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="text-center p-4 mt-3">
<h5 class="fw-bold mb-0">Shameer K Mohammed</h5>
<small>Agent</small>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Team End -->
<!-- Testimonial Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h1 class="mb-3">Our Clients Say!</h1>
<p>Discover what our clients have to say about their experiences with us!</p>
</div>
<div class="owl-carousel testimonial-carousel wow fadeInUp" data-wow-delay="0.1s">
<div class="testimonial-item bg-light rounded p-3">
<div class="bg-white border rounded p-4">
<p>Working with the property agents at Solix Properties was a game-changer! Their expertise and dedication helped me find the perfect rental property in no time. Highly recommend their services!</p>
<div class="d-flex align-items-center">
<img class="img-fluid flex-shrink-0 rounded" src="img/testimonial-1.jpg" style="width: 45px; height: 45px;">
<div class="ps-3">
<h6 class="fw-bold mb-1">Sarah Job</h6>
<small>Barrister</small>
</div>
</div>
</div>
</div>
<div class="testimonial-item bg-light rounded p-3">
<div class="bg-white border rounded p-4">
<p>I can't thank the team at Solix Properties enough for their outstanding support. From start to finish, they listened to my needs and found me a rental that exceeded my expectations. Truly impressed!</p>
<div class="d-flex align-items-center">
<img class="img-fluid flex-shrink-0 rounded" src="img/testimonial-2.jpg" style="width: 45px; height: 45px;">
<div class="ps-3">
<h6 class="fw-bold mb-1">Aaron Amir</h6>
<small>Doctor</small>
</div>
</div>
</div>
</div>
<div class="testimonial-item bg-light rounded p-3">
<div class="bg-white border rounded p-4">
<p>I had heard great things about Solix Properties, and now I understand why! Their agents were attentive, knowledgeable, and went above and beyond to ensure I found a rental that suited my lifestyle and budget. Thank you for the excellent service!</p>
<div class="d-flex align-items-center">
<img class="img-fluid flex-shrink-0 rounded" src="img/testimonial-3.jpg" style="width: 45px; height: 45px;">
<div class="ps-3">
<h6 class="fw-bold mb-1">Gilbert Keit</h6>
<small>Mariner</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Testimonial End -->
<?php include_once("include/footer.php") ?>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
// Listen for click event on tab-2 and tab-3
$('#tab-2-link, #tab-3-link').click(function(){
// Trigger click event on tab-1
$('#tab-1-link').click();
});
});
</script>
Back to Directory
File Manager
<