Capital Paradise
Your personal retreat
Located in: Beautiful Rajpur Road
What makes it special:
If you've ever dreamed of living in a resort, this is it! Capital Paradise brings you luxury
living with amazing amenities that make every day feel special.
Virtual Tour
/* --- STYLES (Updated for Footer Details) --- */
.floor-plan-container {
max-width: 1100px;
margin: 0 auto;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #fff;
padding: 20px;
box-sizing: border-box;
}
/* Tab Navigation */
.floor-plan-nav {
display: flex;
margin-bottom: 20px;
border-bottom: 2px solid #ddd;
}
.nav-tab {
padding: 10px 15px;
font-size: 14px;
color: #007bff;
text-decoration: none;
cursor: pointer;
border-bottom: 3px solid transparent;
transition: border-bottom 0.2s, color 0.2s;
font-weight: 500;
}
.nav-tab.active {
color: #fff;
font-weight: bold;
border-bottom: 3px solid #007bff;
}
/* Content Layout */
.plan-tab-content {
display: none;
}
.plan-tab-content.active {
display: block;
}
.floor-plan-content {
display: flex;
flex-direction: column; /* Changed to column to stack image wrapper and footer details */
align-items: center; /* Center content horizontally */
gap: 20px; /* Space between image wrapper and footer details */
}
.plan-images-wrapper {
display: flex;
gap: 15px;
/* Removed flex: 2; because it's now a column, and flex: auto will do */
max-width: 650px;
min-width: 300px;
justify-content: center;
align-items: flex-start;
filter: none !important;
mix-blend-mode: normal !important;
}
.plan-image {
max-width: 100%;
width: 100%;
height: auto;
display: block;
border-radius: 4px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
object-fit: contain;
filter: none !important;
opacity: 1 !important;
}
/* NEW STYLE for the details section when it's in the footer position */
.plan-details-footer {
width: 100%; /* Take full width of its parent (.floor-plan-content) */
text-align: center; /* Center the text */
padding-top: 20px; /* Add some space above it */
box-sizing: border-box;
max-width: 650px; /* Align max width with image wrapper for clean look */
}
.plan-details-footer h2 {
font-size: 26px;
font-weight: 300;
margin-top: 0;
letter-spacing: 0.5px;
color: #fff;
}
.plan-details-footer p {
font-size: 16px;
line-height: 1.6;
margin: 5px auto; /* Center paragraphs and adjust margin */
color: #fff;
max-width: 600px; /* Limit width for readability of detail lines */
}
.abbreviations {
text-align: center;
padding: 20px 0;
font-size: 14px;
color: #ccc;
border-top: 1px solid #444;
margin-top: 40px;
}
/* Mobile Adjustments */
@media (max-width: 768px) {
.floor-plan-nav {
flex-wrap: wrap;
justify-content: center;
}
.nav-tab {
flex-grow: 1;
text-align: center;
border-bottom: none;
margin-bottom: 5px;
}
.nav-tab.active {
border-bottom: 3px solid #007bff;
}
.floor-plan-content {
gap: 20px; /* Adjust gap for vertical stacking */
}
.plan-images-wrapper {
min-width: unset;
max-width: 100%;
flex-direction: column;
gap: 10px;
}
.plan-details-footer { /* Apply mobile adjustments to the new class */
min-width: unset;
max-width: 100%;
text-align: center;
padding: 0 10px;
}
}
3 BHK APARTMENT
3 BHK APARTMENT
2 BHK APARTMENT
function switchPlan(planType) {
const tabs = document.querySelectorAll('.nav-tab');
const contents = document.querySelectorAll('.plan-tab-content');
tabs.forEach(tab => tab.classList.remove('active'));
contents.forEach(content => content.classList.remove('active'));
document.getElementById('tab-' + planType).classList.add('active');
document.getElementById('content-' + planType).classList.add('active');
}
3 BHK APARTMENT
Type-1 floor plan
Total Super Area: **2260 sqft.**
3B + 1DD + 1K + 3T + 3Bal
3 BHK APARTMENT
Type-2 floor plan
Total Super Area: **2050 sqft.**
3B + 1DD + 1K + 3T + 3Bal
<i
2 BHK APARTMENT
Type-3 floor plan
Total Super Area: **1485 sqft.**
2B + 1DD + 1K + 3T + 3Bal + 1S
/* --- CSS STYLING SECTION --- */
.amenities-section-container {
background-color: #2c313a;
color: #f0f0f0;
padding: 20px 10px;
font-family: Arial, sans-serif;
border-radius: 5px;
}
.amenities-section-container h2 {
color: #f0f0f0;
font-size: 1.8em;
font-weight: 300;
margin-bottom: 20px;
text-align: center;
}
.amenities-nav-row {
display: flex;
justify-content: space-around;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
overflow-x: auto;
}
.amenity-item {
flex: 1 1 14%;
min-width: 100px;
text-align: center;
padding: 10px 0;
cursor: pointer;
border-left: 1px solid rgba(255, 255, 255, 0.1);
transition: background-color 0.3s;
}
.amenity-item:first-child {
border-left: none;
}
/* REMOVED: Old .amenity-item .icon styling */
.amenity-item p {
font-size: 0.65em;
margin: 0;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.5px;
line-height: 1.2;
}
/* NEW: Styling for the Image Icon */
.amenity-img {
display: block;
margin: 0 auto 3px auto; /* Centers the image and adds margin below */
max-width: 100%;
height: 1.8em; /* Defines the height of the image icons */
opacity: 0.6; /* Default opacity for non-active icons */
transition: opacity 0.3s;
}
/* Active State Styling */
.amenity-item.active {
background-color: #3b8e9b;
border-bottom: none;
}
/* UPDATED: Active state for image icons */
.amenity-item.active .amenity-img {
opacity: 1; /* Full opacity when tab is active */
}
.amenities-details {
padding: 20px 15px;
}
.detail-row {
display: flex;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
padding: 10px 0;
}
.detail-row:last-child {
border-bottom: none;
}
.detail-row .label {
width: 150px;
min-width: 120px;
font-weight: bold;
color: #b0b0b0;
padding-right: 20px;
}
.detail-row .value {
flex-grow: 1;
}
/* Mobile adjustments */
@media (max-width: 600px) {
.detail-row {
flex-direction: column;
padding: 8px 0;
}
.detail-row .label {
width: 100%;
padding-right: 0;
margin-bottom: 2px;
}
.amenity-item p {
font-size: 0.6em;
}
}
jQuery(document).ready(function($) {
// --- DATA STORAGE ---
const amenityData = {
'LIVING': [
{ label: "Walls:", value: "POP Punning with Acrylic Emulsion Paint." },
{ label: "Ceiling:", value: "False Ceiling Acrylic Emulsion Paint." },
{ label: "Floors:", value: "Large Size Imported Vitrified Tiles." },
{ label: "Doors:", value: "Main Doors- Hard Wood/ Veneer with Teak Polish Frame." },
{ label: "Windows:", value: "UPVC/Wooden/Aluminum Powder Coated with Glass & Fly net." },
{ label: "Electrical:", value: "Concealed Copper Wiring, Modular Switches." }
],
'MASTER': [
{ label: "Walls:", value: "POP Punning with Acrylic Emulsion Paint/Wallpaper." },
{ label: "Ceiling:", value: "False Ceiling Acrylic Emulsion Paint." },
{ label: "Floors:", value: "Laminated Wooden Tiles." },
{ label: "Doors:", value: "Main Doors- Hard Wood/ Veneer with Teak Polish Frame." },
{ label: "Windows:", value: "UPVC/Wooden/Aluminum Powder Coated with Glass & Fly net." },
{ label: "Cupboard:", value: "Will be provided." },
{ label: "Electrical:", value: "Concealed Copper Wiring, Modular Switches and provision of AC Point with wiring." }
],
'OTHER': [
{ label: "Walls:", value: "POP Punning with Acrylic Emulsion Paint/Wallpaper." },
{ label: "Ceiling:", value: "False Ceiling with Acrylic Emulsion Paint." },
{ label: "Floors:", value: "Vitrified Tiles." },
{ label: "Doors:", value: "Laminated Flush Doors with Teak Polish Frame." },
{ label: "Windows:", value: "UPVC/Wooden/Aluminum Powder Coated with Glass & Fly net." },
{ label: "Cupboard:", value: "Will be provided." },
{ label: "Electrical:", value: "Concealed Copper Wiring, Modular Switches and provision of AC Point with wiring." }
],
'KITCHEN': [
{ label: "Walls:", value: "POP Punning with Acrylic Emulsion Paint." },
{ label: "Ceiling:", value: "False Ceiling with Acrylic Emulsion Paint." },
{ label: "Floors:", value: "Anti-Skid Tiles." },
{ label: "Windows:", value: "UPVC/Wooden/Aluminum Powder Coated with Glass & Fly net." },
{ label: "Cupboard:", value: "Modular Kitchen with Chimney." },
{ label: "Electrical:", value: "Concealed Copper Wiring, Modular Switches." },
{ label: "Sanitary:", value: "SS Sink with CP Fitting." }
],
'BALCONY': [
{ label: "Walls:", value: "POP Punning with Acrylic Emulsion Paint." },
{ label: "Ceiling:", value: "Acrylic Emulsion Paint." },
{ label: "Floors:", value: "Anti-Skid Tiles." },
{ label: "Railing:", value: "MS Railing." },
{ label: "Sanitary:", value: "Wet Point & Drain Point for Washing Machine." }
],
'TOILET': [
{ label: "Walls:", value: "Designer Glazed Tiles dado upto7'- 6\" Heights." },
{ label: "Ceiling:", value: "Acrylic Emulsion Paint." },
{ label: "Floors:", value: "Anti-Skid Tiles." },
{ label: "Doors:", value: "Flush Doors with Teak Polish Frame." },
{ label: "Windows:", value: "UPVC/Wooden." },
{ label: "Electrical:", value: "Concealed Copper Wiring, Modular Switches." },
{ label: "Sanitary:", value: "Branded Sanitary Fixtures & CP Fittings, Wall Hung Western W.C." }
]
};
// --- FUNCTIONS ---
// Function to render the details HTML
function renderDetails(dataArray) {
let html = '';
if (!dataArray || dataArray.length === 0) {
html = '';
} else {
dataArray.forEach(item => {
html += `
`;
});
}
$('#amenityDetailsContainer').html(html);
}
// Function to handle tab clicks
$('.amenity-item').on('click', function() {
const itemId = $(this).data('id');
const link = $(this).data('link');
// 1. Handle PRICE click (Redirection)
if (itemId === '' && link) {
window.open(link, '_blan');
$('.amenity-item').removeClass('active');
$(this).addClass('active');
$('#amenityDetailsContainer').html('');
return;
}
// 2. Handle standard amenity clicks (Details Display)
// Update Active Class
$('.amenity-item').removeClass('active');
$(this).addClass('active');
// Load and Render New Data
const dataToShow = amenityData[itemId];
if (dataToShow) {
renderDetails(dataToShow);
} else {
renderDetails(null);
}
});
// --- INITIALIZATION ---
// Set the default view to MASTER
const defaultId = 'MASTER';
const defaultData = amenityData[defaultId];
// Apply active class to default tab
$(`.amenity-item[data-id="${defaultId}"]`).addClass('active');
// Render default details
renderDetails(defaultData);
});
Amenities
LIVING ROOM/DINNING
MASTER BED ROOMS
OTHER BEDROOM
KITCHEN
BALCONIES
TOILETS
PRICE
Details not available for this section.
${item.label}
${item.value}
Opening price list PDF in a new window...
Financing Partners
