| Linux in-mum-web1499.main-hosting.eu 5.14.0-503.40.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Mon May 5 06:06:04 EDT 2025 x86_64 Path : /home/u901718425/domains/kalpataruprimera.in/public_html/ |
| Current File : /home/u901718425/domains/kalpataruprimera.in/public_html/index.php |
<?php
function isMobileDevice() {
return preg_match("/(android|avantgo|blackberry|bolt|boost|cricket|docomo
|fone|hiptop|mini|mobi|palm|phone|pie|tablet|up\.browser|up\.link|webos|wos)/i"
, $_SERVER["HTTP_USER_AGENT"]);
}
ini_set('memory_limit', '512M'); // Set to 256MB, adjust as needed
function convert_img_to_webp($sourceDir){
// Get a list of all image files in the source directory
$sourceDir = $sourceDir.'/';
$files = glob($sourceDir . '*.{jpg,png,jpeg}', GLOB_BRACE);
foreach ($files as $file) {
$sourceFile = pathinfo($file, PATHINFO_FILENAME);
$outputFile = $sourceDir . $sourceFile . '.webp';
// Load the image using GD library
$image = @imagecreatefromstring(file_get_contents($file));
// Save the image as WebP
if($outputFile){
unlink($file);
}
imagewebp($image, $outputFile);
// Free up memory
imagedestroy($image);
}
}
function image_aspect_r_height($imagePath, $desiredHeight){
// Get the image dimensions
list($width, $height) = getimagesize($imagePath);
// Calculate the aspect ratio
$aspectRatio = $width / $height;
// Calculate the width to fit the desired aspect ratio based on the height
$desiredWidth = $desiredHeight * $aspectRatio;
echo "width: ".$desiredWidth."px; height: ".$desiredHeight."px;";
}
function image_aspect_r($imagePath,$desiredWidth){
// Get the image dimensions
list($width, $height) = getimagesize($imagePath);
// Calculate the aspect ratio
$aspectRatio = $width / $height;
// Calculate the width and height to fit the desired aspect ratio // Desired width
$desiredHeight = $desiredWidth / $aspectRatio;
echo "width: ".$desiredWidth."px; height: ".$desiredHeight."px;";
}
$isHttps = isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on';
// Get the HTTP or HTTPS protocol
$protocol = $isHttps ? 'https' : 'http';
// Get the host (domain)
$host = $_SERVER['HTTP_HOST'];
// Combine protocol and host to create the base URL
$baseUrl = $protocol . '://' . $host. "/";
function find_image($file){
return (glob("files/$file.*") ? '/'.glob("files/$file.*")[0] : null) ?? "https://dummyimage.com/800x300/222/fff&text=$file";
}
$directory = 'files'; // Specify the path to the file you want to read
$files = [];
function directoryToArray($directory) {
$result = array();
$items = scandir($directory);
convert_img_to_webp($directory);
foreach ($items as $item) {
if ($item != '.' && $item != '..') {
$itemPath = $directory . '/' . $item;
if (is_dir($itemPath)) {
convert_img_to_webp($itemPath);
$result[$item] = directoryToArray($itemPath);
} else {
$result[] = $itemPath;
}
}
}
return $result;
}
$files = directoryToArray('files');
if(isset($files['floorPlan']) && !empty($files['floorPlan'])){
if(!empty($files['floorPlan'])){
foreach ($files['floorPlan'] as $key => $value) {
$floor[$key]['bhk'] = '';
$floor[$key]['price'] = '';
$floor[$key]['sqft'] = '';
}
}
}
if(isset($files['amenities']) && !empty($files['amenities'])){
if(!empty($files['amenities'])){
foreach ($files['amenities'] as $key => $value) {
$name = pathinfo($value);
$amenities[$key]['description'] = '';
$amenities[$key]['name'] = $name['filename'];
}
}
}
if(isset($files['projects']) && !empty($files['projects'])){
if(!empty($files['projects'])){
foreach ($files['projects'] as $key => $value) {
$name = pathinfo($value);
$projects[$key]['url'] = '';
$projects[$key]['name'] = $name['filename'];
}
}
}
// Projects Url
$projects[0]['url'] = 'https://invictus.raymondrealtythane.net/';
$projects[1]['url'] = 'https://tenxera.raymondrealtythane.net';
$projects[2]['url'] = 'https://tenxhabitat.raymondrealtythane.net';
$projects[4]['url'] = 'https://gs-bandra.raymondrealtythane.net';
$projects[5]['url'] = 'https://gs.raymondrealtythane.net';
// 'https://tenxera.raymondrealtythane.net',
// 'https://tenxhabitat.raymondrealtythane.net',
// 'https://gs.raymondrealtythane.net',
// 'https://gs2.raymondrealtythane.net',
// 'https://invictus.raymondrealtythane.net',
// Project Name and Area
$title = 'Primera Kalpataru Parkcity';
$area = 'Thane';
// Whats app Contact no
$contact = '+918542881558';
$floor[0]['bhk'] = '2 BHK';
$floor[0]['sub'] = 'Optima';
$floor[0]['price'] = array('89 lakhs'=>'1 to 10',);
$floor[0]['specs'] = [''];
$floor[0]['sqft'] = '473 Sq.Ft.';
$floor[1]['bhk'] = '2 BHK';
$floor[1]['sub'] = 'Premia';
$floor[1]['price'] = array('1.39 Cr'=>'1 to 10',);
$floor[1]['specs'] = [''];
$floor[1]['sqft'] = '695 Sq.Ft.';
$floor[2]['bhk'] = '3 BHK';
$floor[2]['sub'] = 'Jodi';
$floor[2]['price'] = array('1.78 Cr'=>'1 to 10',);
$floor[2]['specs'] = [''];
$floor[2]['sqft'] = '946 Sq.Ft.';
$floor[3]['bhk'] = '4 BHK';
$floor[3]['sub'] = 'Jodi';
$floor[3]['price'] = array('2.70 Cr'=>'1 to 10',);
$floor[3]['specs'] = [''];
$floor[3]['sqft'] = '1390 Sq.Ft.';
// Amenities Details
// $amenities[0]['description'] = '';
?>
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="<?=find_image('logo')?>" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="New Launch-Primera at Kalpataru Parkcity. Pay 10% Now & Nothing Till June 2025. 2BHK Optima- 473sqft - 89 Lac All-in*. 2 BHK Premia+Deck- 695sqft -1.39 Cr All-in. Jodi Options also Available 3BHK (473+473) 946: 1.78cr. 4BHK (695+695) 1390 : 2.70cr. Land Parcel - 2.44 Acres only 2 Towers. Structure - 2 Basement+ Ground + 7 Podium+ 1 Eco Dec+ 40 Floors. Namo Grand Central Park Facing Tower. 50+ Luxury Amenities Gym Clubhouse , Swimming pool ,Indoor game ,Outdoor game etc. Possession - Mid-2028. Kalpataru Parkcity is an iconic project in Thane spread over 100+ Acres of land with over 400+ township amenities, upcoming ICSE Board School and commercial/retail development. Project USP - Dual connectivity Kolshet & Balkum. Apartments with 20 Acres Grand Central Park View, Efficient Layouts with balcony and cross ventilation, Excellent connectivity to the Highway, Railway Station and the upcoming Metro Stations, Magnificent Retail facade, 55% open space at Ground Level, Interior Layouts with optimum space utilization.">
<meta name="keywords" content="New Launch, Primera, Kalpataru Parkcity, Thane, 2BHK, 3BHK, 4BHK, Luxury Amenities, Gym, Clubhouse, Swimming pool, Indoor game, Outdoor game, Possession, Mid-2028, Dual connectivity, Kolshet, Balkum, Grand Central Park View, Highway, Railway Station, Metro Stations, Retail facade, Open space, Interior Layouts">
<title>Kalpataru Parkcity New Launch</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet" media="print" onload="this.media='all'">
<!-- Bootstrap CSS v5.2.1 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-11256468794"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-11256468794');
</script>
<style>
:root{
--theme-color: #037664; /* #64328A #7D893B; #DC7934*/;
--theme-color-dark: #036253;
--btn-color: #fff;
}
.amenity-list {
list-style-type: decimal;
display: flex;
flex-wrap: wrap;
padding-inline-start: 0;
}
.amenity-list li {
display: list-item;
text-align: left;
font-size: 13px;
margin: 10px 25px;
}
.amenity-list li::marker{
font-size: 14px !important;
}
.map-div {
height: 400px;
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.image-frame {
height: 300px;
overflow: hidden;
position: relative;
border-radius: 10px;
}
.image-frame .blur {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover;
background-position: center;
}
.image-frame img {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
/* blurring */
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
}
.tabbed-floor-plans{
padding-bottom: 20px !important;
}
@media screen and (max-width: 580px) {
.amenity-list li{
width: 100%;
}
.navbar-brand.me-5 img {
height: 65px !important;
width: auto !important;
}
}
</style>
<link rel="stylesheet" href="/theme.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<div class="navbar onscroll-fiex navbar-expand-lg navbar-light bg-white px-5 shadow-lg" style=" height:78px;" >
<div class="navbar-brand me-5">
<a aria-label=" Home" href="/">
<img loading="lazy" src="<?=find_image('logo')?>" alt="<?=$title?> Logo" width="auto" height="50px">
</a>
</div>
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" aria-label="nav-btns" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse z-3 py-3 py-md-0 py-lg-0" id="navbarCollapse">
<div class="navbar-nav">
<button type="button" url="<?=$baseUrl?>thankyou.html" id="" class=" btn main-bg-color popup-form"><i class="fa-solid fa-download fa-bounce me-2"></i>Download Brochure</button>
</div>
<div class="navbar-nav ms-auto">
<a aria-label="home" href="https://kalpatarurealty.in/" class="nav-item nav-link active">Home</a>
<a aria-label=" about" href="#hero-sec" class="nav-item nav-link active">About</a>
<a aria-label=" amenities" href="#amenities" class="nav-item nav-link">Amenities</a>
<a aria-label=" plan" href="#floorplan" class="nav-item nav-link">Floor Plan</a>
<?php
if(isset($files['gallery']) && !empty($files['gallery'])){
if(!empty($files['gallery'])){
echo '<a aria-label="gallery" href="#gallery" class="nav-item nav-link">Gallery</a>';
}}
?>
<a aria-label=" map" href="#maps" class="nav-item nav-link" >Map</a>
<a aria-label=" contact" href="#contact" class="nav-item nav-link" >Contact Us</a>
</div>
</div>
</div>
</div>
<div id="carouselExampleIndicators" class="carousel slide d-none d-sm-none d-md-block d-lg-block" data-bs-ride="carousel">
<div class="carousel-indicators">
<?php
if(isset($files['slider']) && !empty($files['slider'])){
if(!empty($files['slider']['pc'])){
foreach ($files['slider']['pc'] as $key => $value) {
echo ' <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="'.$key.'" class="'.($key == 0? 'active' : '' ).'" aria-current="true" aria-label="Slide '.$key.'"></button>';
}
}
}
?>
</div>
<div class="carousel-inner">
<?php
if(isset($files['slider']) && !empty($files['slider'])){
if(!empty($files['slider']['pc'])){
foreach ($files['slider']['pc'] as $key => $value) {
echo '<div class="carousel-item '.($key == 0 ? 'active':'').'">
<img loading="lazy" src="'.$baseUrl.$value.'" class="w-100" alt="'.$title.' slider images " />
</div>';
}
}
}
?>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" 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="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div id="carouselExampleIndicators2" class="carousel slide d-md-none d-lg-none d-sm-block" data-bs-ride="carousel">
<div class="carousel-indicators">
<?php
if(isset($files['slider']) && !empty($files['slider'])){
if(!empty($files['slider']['mobile'])){
foreach ($files['slider']['mobile'] as $key => $value) {
echo ' <button type="button" data-bs-target="#carouselExampleIndicators2" data-bs-slide-to="'.$key.'" class="'.($key == 0? 'active' : '' ).'" aria-current="true" aria-label="Slide '.$key.'"></button>';
}
}
}
?>
</div>
<div class="carousel-inner">
<?php
if(isset($files['slider']) && !empty($files['slider'])){
if(!empty($files['slider']['mobile'])){
foreach ($files['slider']['mobile'] as $key => $value) {
echo '<div class="carousel-item '.($key == 0 ? 'active':'').'">
<img loading="eager" src="'.$baseUrl.$value.'" class="w-100" alt="'.$title.'slider images " />
</div>';
}
}
}
?>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators2" 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="#carouselExampleIndicators2" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div class="hero-container" id="hero-sec" >
<div class="container-fluid w-auto p-5 mx-md-5">
<div class="row d-flex about-column justify-content-center">
<!--<div class="col-4 d-lg-flex d-md-flex align-items-start py-5 d-sm-none d-none ">-->
<!-- <div class="px-2 py-2">-->
<!-- <img loading="lazy" src="<?=find_image('about')?>" class="img-fluid" alt="<?=$title?> about">-->
<!-- </div>-->
<!--</div>-->
<div class="col ">
<div class="ps-md-5 py-md-5">
<div class="px-2 py-2 align-center">
<h1 class="main-color text-center text-capitalize">Kalpataru Parkcity | Primera </h1>
<div class="mb-4 text-center fs-5">Kolshet Rd, Thane</div>
<p class="text-center">
<strong>THE HOMES YOU WANT.</br>
THE KALPATARU PARKCITY LIFESTYLE YOU DESERVE.
</strong><br>
</br>
Urban lifestyles are becoming increasingly chaotic. And stressful. Our next generation is
hardly spending time in nature like we did. Let’s bring them the simple joys that we
enjoyed. Running around in a park full of birds, butterflies and flowers. Or skipping a stone
across a lake. Or even simply lying around in the shade of a tree. Your kids can now enjoy
these little episodes of happiness. All that’s needed is that you give them the lifestyle</p>
</div>
<div class="d-flex flex-wrap px-2 py-2 justify-content-center">
<button type="button" url="<?=$baseUrl?>thankyou.html" class="my-2 btn main-bg-color popup-form me-2"><i class="fa-solid fa-download fa-bounce me-2"></i>Rera Certificate</button>
<button type="button" url="<?=$baseUrl?>thankyou.html" id="" class="my-2 btn main-bg-color popup-form"><i class="fa-solid fa-download fa-bounce me-2"></i>Download Brochure</button>
</div>
</div>
</div>
</div>
</div>
<!-- main container -->
<section class=" bg-white pb-5" >
<div class="auto-container">
<!--Section Title-->
<div class="site-heading text-center mb-4">
<h2>Why Kalpataru Parkcity Primera</h2>
<p>CITY OF Infinite EXPERIENCES Everything residents want from life, Kalpataru Parkcity puts first.</p>
</div>
<div class="container ">
<ul class="row col-12 mx-auto">
<li class="col-12 col-md-4">A 100+ Acre Integrated township project</li>
<li class="col-12 col-md-4">405+ Township amenities</li>
<li class="col-12 col-md-4">Proximity to 20+ acres Namo Grand Central Park</li>
<li class="col-12 col-md-4">4 entry exit to the township</li>
<li class="col-12 col-md-4">Place of worship</li>
<li class="col-12 col-md-4">Grand entrance for a royal welcome</li>
<li class="col-12 col-md-4">Township with 4500+ trees</li>
<li class="col-12 col-md-4">Upcoming ICSE school</li>
<li class="col-12 col-md-4">Upcoming High street retail</li>
</ul>
</div>
</div>
</section>
<!-- Amenities -->
<?php
if(isset($files['amenities']) && !empty($files['amenities'])){
if(!empty($files['amenities'])){
?>
<section class="we-offer-area text-center p-5 bg-gray " id="amenities">
<div class="container py-5">
<div class="row">
<div class="col-md-12">
<div class="site-heading text-center">
<h2>Amenities</h2>
<p>Exceptional property amenities</p>
</div>
</div>
</div>
<div class="row our-offer-items less-carousel justify-content-center">
<div class="row ">
<div class="col-12 col-md-6 mb-3">
<img src="/files/amenities2.webp" class="img-fluid">
</div>
<div class="col-12 col-md-6 mb-3">
<ul class="amenity-list">
<li>INTERACTIVE LOUNGE</li>
<li>INDOOR GAMES ROOM</li>
<li>CELEBRATION LOUNGE WITH PANTRY</li>
<li>OUTDOOR SPILLOVER AREA</li>
<li>MEN'S SPA & CHANGING ROOM</li>
<li>WOMEN'S SPA & CHANGING ROOM</li>
<li>TODDLER ACTIVITY ROOM</li>
<li>KIDS PLAY AREA</li>
<li>SWIMMING POOL WITH POOL DECK</li>
<li>KIDS POOL</li>
<li>CENTRAL LAWN</li>
<li>AMPHITHEATRE</li>
<li>VIEWING DECK</li>
<li>HERB GARDEN</li>
<li>FEATURE PAVILION</li>
<li>BARBEQUE ZONE</li>
<li>DECKED SEATING</li>
<li>GYMNASIUM</li>
<li>PARTY HALL WITH PANTRY</li>
<li>MINI THEATRE</li>
<li>YOGA ROOM</li>
<li>GUEST ROOMS</li>
</ul>
</div>
</div>
</div>
</section>
<?php
}
}
?>
<!-- FloorPlan -->
<section class="tabbed-floor-plans bg-white " id="floorplan">
<div class="auto-container">
<!--Section Title-->
<div class="site-heading text-center mb-4">
<h2>Floor Plans</h2>
<p>Discover our diverse floor plans for your dream space.</p>
</div>
<!--Floor Links-->
<div class="floor-links">
<ul class="links">
<?php
if(isset($files['floorPlan']) && !empty($files['floorPlan'])){
if(!empty($files['floorPlan'])){
foreach ($files['floorPlan'] as $key => $value) {
echo '<li><a aria-label="plans" class="floor-btn '.($key == 0 ? 'active': '' ).'" id="'.$key.'"> <span>'.$floor[$key]['bhk'].'</span> <small class="hover-display">'.(isset($floor[$key]['sub']) ? $floor[$key]['sub'] : '' ).'</small></a></li>';
}}}
?>
</ul>
</div>
<!--Floors Content-->
<div class="floors-content">
<?php
if(isset($files['floorPlan']) && !empty($files['floorPlan'])){
if(!empty($files['floorPlan'])){
foreach ($files['floorPlan'] as $key => $value) {
echo '<div class="floor-details '.($key == 0 ? 'collapsed': '' ).'" id="f'.$key.'">
<div class="row clearfix">
<!--Image Column-->
<div class="image-column col-md-6 col-sm-12 col-xs-12">
<figure class="image"><img src="'.$value.'" alt="'.$title.' Floor Plans" height="300px"></figure>
</div>
<div class="content-column col-md-6 col-sm-12 col-xs-12">
<div class="list-title">
<h2>Configuration</h2>
</div>
<ul class="styled-list mb-2">
<li>'.$floor[$key]['sqft'].' </li>
<li>'.(isset($floor[$key]['price']) && is_array($floor[$key]['price']) && !empty($floor[$key]['price']) && !empty(array_keys($floor[$key]['price'])) ? array_keys($floor[$key]['price'])[0] : $floor[$key]['price']).'</li>
</ul>
<ul class="mt-0">';
if(isset($floor[$key]['specs']) && is_array($floor[$key]['specs']) && !empty($floor[$key]['specs']) ){
foreach ($floor[$key]['specs'] as $k => $val) {
if($val != ""){
echo '
<li class="row d-flex align-items-center ">
<i class="fa-solid fa-check col-1 text-success "></i>
<div class="fs-6 col-auto ">'.$val.'</div>
</li>';
}
}
}
echo '</ul>
<buttton class="btn btn-custom popup-form" url="'.$baseUrl.'thankyou.html" ><i class="fa-solid fa-download fa-bounce me-2"></i>Download Floor Plan</button>
</div>
</div>
</div>';
}
}
}
?>
</div>
</div>
</section>
<section class="px-4 py-5">
<div class="container py-5">
<div class="row">
<div class="col-md-12">
<div class="site-heading text-center">
<h2>Primera USP</h2>
<p></p>
</div>
</div>
</div>
<p>Dual connectivity to Kolshet as well as Old Agra Road
through internal township roads for better connectivity to
arterial roads of Thane.
Full stack of lifestyle amenities like Swimming Pool, Minitheatre,
Yoga space, Cricket practice pitch and many More
Magnificent Retail facade
55% open space at Ground Level
Interior Layouts with optimum space utilization
Balcony in Larger 2 bed homes</p>
</div>
</section>
<!-- Gallery -->
<?php
if(isset($files['gallery']) && !empty($files['gallery'])){
if(!empty($files['gallery'])){
?>
<section class="we-offer-area text-center bg-gray p-5" id="gallery">
<div class="container py-5">
<div class="row">
<div class="col-md-12">
<div class="site-heading text-center text-black">
<h2>Gallery</h2>
<p>Discover the beauty and elegance of our homes</p>
</div>
</div>
<div class="container pb-5">
<div class=" row justify-content-center">
<?php
foreach ($files['gallery'] as $key => $value) {
echo ' <div class="multi-carousel-item col-md-4 col-sm-6 p-3 hover-img ">
<div class="image-frame">
<div class="blur" style="background-image: url('."'".$value."'".')"></div>
<img loading="lazy"
src="'.$value.'"
data-mdb-img="'.$value.'"
alt="'.$title.' gallery"
class="image"
/>
</div>
</div>';
}
?>
</div>
</div>
</div>
</div>
</section>
<?php
}
}
?>
<!-- Map -->
<div class="container py-5 bg-white " id="maps" >
<div class="container py-5" id="map">
<div class="row">
<div class="col-md-12">
<div class="site-heading text-center text-black">
<h2>MAP</h2>
<p>Land Parcel GPS Coordinates</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6 position-relative map-div" style="background: url(<?=find_image('map')?>)">
<!--<img loading="lazy" src="<?=find_image('map')?>" class="img-fluid w-100 rounded-top popup-form" alt="<?=$title?> Map" style="height: 300px;">-->
<button type="button" class="btn main-bg-color popup-form position-absolute top-0 end-0 me-4 mt-4 shadow-lg" url="<?=$baseUrl?>thankyou.html"><i class="fa-solid fa-location-dot fa-bounce me-2"></i>Get Location</button>
</div>
<div class="accordion col-12 col-md-6" id="accordionExample" style="margin-top: 15px;">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
School
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul>
<li>St. Johns : 5.1 Km
<li>Vasant Vihar : 3.9 Km</li>
<li>Holy Cross : 3.4 Km</li>
<li>Billabong : 9.1 Km</li>
<li>Hiranandani Foundation : 4.6 Km</li>
<li>Smt. Sulochanadevi Singhania : 4.1 Km</li>
<li>CP Goenka International: 2.4 Km</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Connectivity
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul>
<li> Eastern Express Highway : 2.2 Km
<li> Ghodbunder Road : 1.5 Km</li>
<li> LBS Marg : 5.2 Km</li>
<li> Navi Mumbai : 13 Km</li>
<li> Bhiwandi-Kalyan Jn. : 16.6 Km</li>
<li> International Airport : 23 Km </li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Shopping
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul>
<li>Korum : 4.4 Km </li>
<li> R Mall (Thane) - 12min </li>
<li> Wonder - 13 min</li>
<li>Eternity- 5.5 Km </li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
Hospital
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul>
<li>Jupiter Hospital - 10 min</li>
<li>Hiranandani - 10 min</li>
<li> Bethany - 10 min</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer -->
<div class="px-5 shadow-lg" id="contact">
<footer class="pt-5">
<div class="row ">
<div class="col-md-5 offset-md-1 mb-3 m-auto d-flex justify-content-center py-5 flex-column ">
<div class="col-md-12">
<div class="site-heading text-center text-black">
<h2>Contact Us</h2>
<p>If you are looking for property, Let us help you in your informed buying decision.</p>
</div>
</div>
<form id="form-contact row" method="post" action="https://cdn.urbanpillar.info/actiont.php">
<input type="hidden" class="form-control col-6" name="project" value="<?=$title?>">
<input type="hidden" class="form-control col-6" name="area" value="<?=$area?>">
<input type="hidden" class="form-control col-6" name="return" value="<?= $baseUrl ?>thankyou.html">
<div class="col-12">
<input type="text" class="form-control mb-3 col-6" name="name" required="" placeholder="Name">
<input type="number" class="form-control mb-3 col-6" name="phone" placeholder="Contact" pattern="[0-9]{10}" required="">
</div>
<select class="form-select form-select mb-3" name="requirement" aria-label="Select BHK">
<?php
if(isset($files['floorPlan']) && !empty($files['floorPlan'])){
if(!empty($files['floorPlan'])){
foreach ($files['floorPlan'] as $key => $value) {
echo '<option value="'.$floor[$key]['bhk']." ".$floor[$key]['sub'].'">'.$floor[$key]['bhk']." ".$floor[$key]['sub'].'</option>';
}
}
}
?>
</select>
<button type="submit" class="btn main-bg-color col-12">Submit</button>
</form>
</div>
</div>
<div class="d-flex row py-4 my-0 border-top">
<div class="col-12 col-md-3 mb-3 row">
<div class="col">
<img loading="lazy" src="<?=find_image('logo')?>" class="rounded-top w-auto mb-3" alt="<?=$title?> logo" height="60px" width="auto">
</div>
<div class="col">
<img loading="lazy" src="<?=$baseUrl?><?=find_image('qrcode')?>" class="img-fluid rounded-top w-auto me-2" alt="<?=$title?> maha rera qr code" style="height:80px;">
</div>
</div>
<div class="col-12 col-md-9 mb-9">
<small class=" text-secondary ">KAYCOMM REALTY LLP Agent RERA No : A52100022646. MAHA RERA:– P51700055574. Details available at:
https://maharera.mahaonline.gov.in. This project is secured with Vistra ITCL (India) Limited.
The information provided on this website is for general informational purposes only. While we strive to keep the information up-to-date and accurate, we make no representations or warranties of any kind, express or implied, about the completeness, accuracy, reliability, suitability, or availability with respect to the website or the information, products, services, or related graphics contained on the website for any purpose. Any reliance you place on such information is strictly at your own risk.
</small>
</div>
</div>
</footer>
</div>
</div>
<div class="py-2 px-5 my-0 border-top main-bg-color w-100 end-0 text-center">
<small class="mb-0">© <?=date("Y")?> <?=$title?>,<?=$area?>. All rights reserved.</small>
</div>
<div id="popup-form" class="position-fixed top-0 start-0 h-100 w-100 d-none justify-content-center align-items-center" style="background:#000000cf;z-index: 5;">
<i class="fa-solid fa-xmark position-absolute mt-3 me-3 top-0 text-white " style="z-index: 18;right: 5px;" id="popup-form-close"></i>
<form id="form-contact" method="post" action="https://cdn.urbanpillar.info/actiont.php" class=" bg-white p-5">
<div class=" d-flex justify-content-center align-items-center mb-3 flex-column ">
<img loading="lazy" src="<?=find_image('logo')?>" alt="<?=$title?> Logo" style="height: 50px;<?=image_aspect_r($baseUrl.find_image('logo'),85)?>">
<span class="mt-2 fs-5 fw-bold">Request a callback!</span>
</div>
<input type="hidden" class="form-control" name="project" value="<?=$title?>">
<input type="hidden" class="form-control" name="area" value="<?=$area?>">
<input type="hidden" class="form-control" name="return" value="<?= $baseUrl ?>thankyou.html">
<input type="text" class="form-control mb-3" name="name" required="" placeholder="Name">
<input type="number" class="form-control mb-3" name="phone" placeholder="Contact" pattern="[0-9]{10}" required="">
<select class="form-select form-select mb-3" name="requirement" aria-label="Select BHK">
<?php
if(isset($files['floorPlan']) && !empty($files['floorPlan'])){
if(!empty($files['floorPlan'])){
foreach ($files['floorPlan'] as $key => $value) {
echo '<option value="'.$floor[$key]['bhk']." ".$floor[$key]['sub'].'">'.$floor[$key]['bhk']." ".$floor[$key]['sub'].'</option>';
}
}
}
?>
</select>
<button type="submit" class="btn main-bg-color col-12 ">Submit</button>
</form>
</div>
<a aria-label=" whatsapp" href="https://api.whatsapp.com/send?phone=<?=$contact?>&text=Hi! I'm Interested In <?=$title?>. Please Share Details." target="_blank" aria-label="send message on whatsapp" rel="noopener noreferrer">
<i class="d-none d-md-block fa-brands fa-whatsapp position-fixed text-white p-2 border-0 rounded-3 " style="
bottom: 20px;
right: 15px;
font-size: 40px !important;
background: #25d366;
z-index: 4;
"></i>
</a>
<a aria-label=" contactus" href="tel:+91<?=$contact?>" class="d-none d-md-block bg-primary shadow-sm position-fixed text-white p-3 border-0 rounded-3 " style="
bottom: 90px;
right: 15px;
z-index: 4;
">
<i class="fa-solid fa-phone-volume text-white" style="font-size: 20px !important;"></i>
</a>
<button type="button" name="" id="" class= " px-4 btn main-bg-color popup-form position-fixed bottom-50 end-0 " style="transform: rotate(270deg);right: -50px !important;z-index: 4;">Book Your Site Visit</button>
<div class="row position-fixed bottom-0 p-3 bg-light d-sm-block d-md-none start-0 end-0" style="z-index:5;">
<a aria-label=" contact" href="tel:+91<?=$contact?>" class="col-5 d-flex justify-content-center align-items-center border-black border-end-1 px-0">
<i class="fa-solid fa-phone-volume"></i> <span class="text-black"><?=$contact?></span>
</a>
<div class="d-flex col-2 px-0 justify-content-center align-items-center" style="height: 30px;">
<div class="vr"></div>
</div>
<div class="col-5 d-flex justify-content-start align-items-center px-0 ">
<a aria-label=" whatsapp" href="https://api.whatsapp.com/send?phone=<?=$contact?>&text=Hi! I'm Interested In <?=$title?>. Please Share Details." target="_blank" aria-label="send message on whatsapp" rel="noopener noreferrer">
<i class="fa-brands fa-whatsapp text-white p-2 border-0 rounded-3 " style="background: #25d366;"></i> <span class="text-black">Enquire Now</span>
</a>
</div>
</div>
<!-- Bootstrap JavaScript Libraries -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"
integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.min.js"
integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous">
</script>
<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
<script src="https://cdn.urbanpillar.info/js/validation.js?<?=rand()?>" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="/script.js"></script>
</body>
</html>