Real Estate Booking - Home

Find Your Dream Home

Explore our listings of beautiful properties.

View Properties

Featured Properties

Real Estate Booking - Properties

Our Properties

Browse our wide selection of properties.

Real Estate Booking - Property Detail

Property Title

Available

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Features

Feature 1
Feature 2
Feature 3

Real Estate Booking - About Us

About Us

Welcome to Real Estate Booking! We are dedicated to helping you find the perfect property. With years of experience in the real estate industry, our team is committed to providing exceptional service and a wide range of listings to meet your needs.

Our mission is to simplify the property search process and connect buyers and renters with their ideal homes. We believe in transparency, integrity, and putting our clients first. Whether you are looking to buy, rent, or invest, we are here to guide you every step of the way.

Our Team

John Doe

CEO & Founder

Jane Smith

Sales Manager

Real Estate Booking - Contact

Contact Us

Have questions? Reach out to us!

Contact Information

Address: 123 Main Street, Cityville, State, 12345

Phone: (123) 456-7890

Email: info@realestatebooking.com

Real Estate Booking - Services

Our Services

We offer a range of services to help you with all your real estate needs.

Property Sales

We assist you in buying and selling properties, ensuring a smooth and efficient process.

Property Rentals

Find the perfect rental property with our extensive listings and expert guidance.

Property Management

Let us manage your property, handling everything from tenant screening to maintenance.

Consultation

Get expert advice on real estate investments and market trends from our experienced consultants.

Real Estate Booking - Blog

Our Blog

Stay updated with the latest real estate news and tips.

Top 5 Tips for First-Time Home Buyers

Published on March 15, 2024

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

The Benefits of Investing in Real Estate

Published on February 28, 2024

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Real Estate Booking - Blog Post

Blog Post Title

Published on March 15, 2024

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Sub Heading

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

Admin Login - Real Estate Booking

Admin Login

Admin Dashboard - Real Estate Booking

Admin Dashboard

Properties

Add New Property

/* Global Styles */ body { font-family: 'Arial', sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; color: #333; line-height: 1.6; } header { background-color: #0056b3; color: white; padding: 1rem 0; text-align: center; } nav ul { padding: 0; list-style: none; margin: 0; } nav ul li { display: inline; margin: 0 1rem; } nav ul li a { color: white; text-decoration: none; } main { padding: 20px; margin-bottom: 60px; /* Space for footer */ } footer { background-color: #0056b3; color: white; text-align: center; padding: 1rem 0; position: fixed; bottom: 0; width: 100%; } footer nav ul li a { color: white; } h1, h2, h3 { color: #0056b3; } .cta-button { display: inline-block; padding: 10px 20px; background-color: #0056b3; color: white; text-decoration: none; border-radius: 5px; margin-top: 1rem; } .cta-button:hover { background-color: #00448f; } /* Home Page Styles */ .hero { text-align: center; padding: 5rem 0; background-color: #e9ecef; } #featured-properties .property-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 20px; } /* Property Listings Page Styles */ .property-listings-page .properties-header { text-align: center; padding: 2rem 0; } .property-listings-page .property-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 20px; } /* Property Card Styles (reused) */ .property-card { background-color: white; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .property-image { width: 100%; height: 200px; object-fit: cover; } .property-details { padding: 1rem; } .property-details h3 { margin-top: 0; margin-bottom: 0.5rem; } .property-status { margin-bottom: 0.5rem; font-weight: bold; } .status-available { color: green; } .status-occupied { color: red; } /* Property Detail Page Styles */ .property-detail-page .property-detail { display: flex; max-width: 1200px; margin: 0 auto; padding: 2rem; } .property-detail-page .property-image-gallery { flex: 1; margin-right: 2rem; } .property-detail-page .detail-image { width: 100%; border-radius: 8px; } .property-detail-page .property-info { flex: 1; } .property-detail-page .property-description { margin-bottom: 1rem; } .property-detail-page .property-features ul { padding-left: 20px; } .property-detail-page .book-button { padding: 10px 20px; background-color: #0056b3; color: white; border: none; border-radius: 5px; cursor: pointer; } /* About Us Page Styles */ .about-us-page .about-content { max-width: 800px; margin: 0 auto; padding: 2rem; } .about-us-page .team-members { display: flex; justify-content: space-around; margin-top: 2rem; } .about-us-page .team-member { text-align: center; } .about-us-page .team-member img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin-bottom: 1rem; } /* Contact Page Styles */ .contact-page { display: flex; justify-content: center; padding: 2rem; } .contact-page .contact-form-section, .contact-page .contact-info-section { flex: 1; padding: 20px; } .contact-page .contact-form { display: flex; flex-direction: column; } .contact-page .form-group { margin-bottom: 1rem; } .contact-page .form-group label { display: block; margin-bottom: 0.5rem; } .contact-page .form-group input, .contact-page .form-group textarea { width: 100%; padding: 0.7rem; border: 1px solid #ccc; border-radius: 5px; } .contact-page .submit-button { padding: 10px 20px; background-color: #0056b3; color: white; border: none; border-radius: 5px; cursor: pointer; } /* Services Page Styles */ .services-page .services-content { max-width: 1000px; margin: 0 auto; padding: 2rem; } .services-page .service-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 2rem; } .services-page .service-item { background-color: white; border-radius: 8px; padding: 1rem; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); text-align: center; } .services-page .service-item img { width: 100%; max-height: 150px; object-fit: cover; border-radius: 8px 8px 0 0; margin-bottom: 1rem; } /* Blog Page Styles */ .blog-page .blog-header { text-align: center; padding: 2rem 0; } .blog-page .blog-posts { max-width: 900px; margin: 0 auto; padding: 2rem; } .blog-page .blog-post-item { margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px solid #eee; } .blog-page .blog-post-item img { width: 100%; max-height: 200px; object-fit: cover; border-radius: 8px; margin-bottom: 1rem; } .blog-page .blog-post-item h3 a { color: #0056b3; text-decoration: none; } .blog-page .blog-post-item .post-meta { color: #777; font-size: 0.9em; margin-bottom: 0.5rem; } .blog-page .read-more-button { display: inline-block; padding: 8px 15px; background-color: #0056b3; color: white; text-decoration: none; border-radius: 5px; margin-top: 0.5rem; } /* Blog Post Page Styles */ .blog-post-page .blog-post-content { max-width: 800px; margin: 0 auto; padding: 2rem; } .blog-post-page .blog-post-content .post-image { width: 100%; border-radius: 8px; margin-bottom: 1rem; } .blog-post-page .blog-post-content .post-meta { color: #777; font-size: 0.9em; margin-bottom: 1rem; } /* Admin Login Page Styles */ .admin-login-page { display: flex; justify-content: center; align-items: center; min-height: calc(100vh - 120px); /* Adjust based on header and footer height */ } .admin-login-page .login-form-section { padding: 2rem; background-color: white; border-radius: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .admin-login-page .login-form { display: flex; flex-direction: column; } .admin-login-page .login-form .form-group { margin-bottom: 1rem; } .admin-login-page .login-form .form-group label { display: block; margin-bottom: 0.5rem; } .admin-login-page .login-form .form-group input { width: 100%; padding: 0.7rem; border: 1px solid #ccc; border-radius: 5px; } .admin-login-page .login-form .login-button { padding: 10px 20px; background-color: #0056b3; color: white; border: none; border-radius: 5px; cursor: pointer; } /* Admin Dashboard Page Styles */ .admin-dashboard-page { padding: 2rem; } .admin-dashboard-page #admin-properties, .admin-dashboard-page #add-property { margin-bottom: 2rem; padding: 1rem; background-color: white; border-radius: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .admin-dashboard-page #admin-property-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; } .admin-dashboard-page .admin-property-item { padding: 1rem; border: 1px solid #eee; border-radius: 8px; text-align: center; } .admin-dashboard-page .admin-property-item img { max-width: 100%; height: auto; margin-bottom: 1rem; } .admin-dashboard-page #add-property-form .form-group { margin-bottom: 1rem; } .admin-dashboard-page #add-property-form .form-group label { display: block; margin-bottom: 0.5rem; } .admin-dashboard-page #add-property-form .form-group input { width: 100%; padding: 0.7rem; border: 1px solid #ccc; border-radius: 5px; } .admin-dashboard-page #add-property-form button[type="submit"] { padding: 10px 20px; background-color: #0056b3; color: white; border: none; border-radius: 5px; cursor: pointer; } document.addEventListener('DOMContentLoaded', () => { const propertyListingsHomepage = document.getElementById('property-listings'); const propertyListingsAllProperties = document.getElementById('all-properties')?.querySelector('#property-listings'); // Optional chaining for properties.html let properties = [ { id: 1, name: 'Luxury Villa in Miami', imageUrl: 'https://placehold.co/600x400/png', status: 'available' }, { id: 2, name: 'Cozy Apartment in New York', imageUrl: 'https://placehold.co/600x400/png', status: 'occupied' }, { id: 3, name: 'Beach House in Malibu', imageUrl: 'https://placehold.co/600x400/png', status: 'available' }, { id: 4, name: 'Mountain Cabin in Aspen', imageUrl: 'https://placehold.co/600x400/png', status: 'available' }, { id: 5, name: 'Lakefront Cottage in Seattle', imageUrl: 'https://placehold.co/600x400/png', status: 'occupied' }, { id: 6, name: 'Downtown Loft in Chicago', imageUrl: 'https://placehold.co/600x400/png', status: 'available' } ]; function renderProperties(listingsContainer, propertyList, featured = false) { if (!listingsContainer) return; // Exit if container is not found listingsContainer.innerHTML = ''; const propertiesToRender = featured ? propertyList.slice(0, 3) : propertyList; // Show first 3 as featured propertiesToRender.forEach(property => { const propertyCard = document.createElement('div'); propertyCard.classList.add('property-card'); propertyCard.innerHTML = `

${property.name}

${property.status.toUpperCase()}

View Detail

`; listingsContainer.appendChild(propertyCard); }); } renderProperties(propertyListingsHomepage, properties, true); // Featured properties on homepage if (propertyListingsAllProperties) { renderProperties(propertyListingsAllProperties, properties); // All properties on properties page } // Make properties globally accessible if needed for other scripts window.properties = properties; window.renderWebsiteProperties = function() { if (propertyListingsHomepage) { renderProperties(propertyListingsHomepage, properties, true); } if (propertyListingsAllProperties) { renderProperties(propertyListingsAllProperties, properties); } }; }); document.addEventListener('DOMContentLoaded', () => { const adminPropertyList = document.getElementById('admin-property-list'); const addPropertyForm = document.getElementById('add-property-form'); // Assuming properties array is defined in script.js and accessible globally // If not, you would need to redefine it here or fetch it from a more persistent storage in a real app function renderAdminProperties() { if (!adminPropertyList) return; adminPropertyList.innerHTML = ''; window.properties.forEach((property, index) => { // Accessing global properties const propertyDiv = document.createElement('div'); propertyDiv.classList.add('admin-property-item'); propertyDiv.innerHTML = `

${property.name}

Status: ${property.status.toUpperCase()}

`; adminPropertyList.appendChild(propertyDiv); }); } renderAdminProperties(); addPropertyForm.addEventListener('submit', function(event) { event.preventDefault(); const propertyName = document.getElementById('propertyName').value; const propertyImageUrl = document.getElementById('propertyImageUrl').value; const newProperty = { id: window.properties.length + 1, // Accessing and updating global properties name: propertyName, imageUrl: propertyImageUrl, status: 'available' }; window.properties.push(newProperty); // Update global properties renderAdminProperties(); window.renderWebsiteProperties(); // Update website view - using global function from script.js addPropertyForm.reset(); }); window.changeStatus = function(propertyId, propertyIndex) { const newStatus = window.properties[propertyIndex].status === 'available' ? 'occupied' : 'available'; // Accessing global properties window.properties[propertyIndex].status = newStatus; // Updating global properties document.getElementById(`status-${propertyId}`).textContent = newStatus.toUpperCase(); window.renderWebsiteProperties(); // Update website view - using global function from script.js renderAdminProperties(); // Update admin view to reflect changes immediately }; window.deleteProperty = function(propertyId, propertyIndex) { window.properties.splice(propertyIndex, 1); // Updating global properties renderAdminProperties(); window.renderWebsiteProperties(); // Update website view - using global function from script.js }; });