Property Marketplace | Find Your Dream Home
Find Your Dream Property
Explore the best properties available, from luxury apartments to suburban homes.
View Listings
Featured Properties
Luxury Apartment in New York
Price: $800,000
Modern House in Los Angeles
Price: $1,200,000
Beach House in Miami
Price: $950,000
/* Reset CSS */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: Arial, sans-serif;
line-height: 1.6;
color: #333;
}
header {
background-color: #333;
color: #fff;
padding: 10px 0;
text-align: center;
}
header .logo h1 {
margin: 0;
}
header nav ul {
list-style: none;
padding: 0;
}
header nav ul li {
display: inline;
margin: 0 15px;
}
header nav ul li a {
color: #fff;
text-decoration: none;
}
.hero {
background-image: url('https://via.placeholder.com/1500x600');
background-size: cover;
background-position: center;
color: #fff;
height: 60vh;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.hero h2 {
font-size: 3rem;
margin-bottom: 20px;
}
.hero p {
font-size: 1.2rem;
margin-bottom: 30px;
}
.cta-button {
padding: 10px 20px;
background-color: #28a745;
color: white;
text-decoration: none;
border-radius: 5px;
}
.cta-button:hover {
background-color: #218838;
}
.property-listings {
padding: 50px;
text-align: center;
background-color: #f4f4f4;
}
.property-listings h2 {
margin-bottom: 30px;
}
.property-container {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.property {
background-color: white;
padding: 20px;
margin: 15px;
border-radius: 10px;
width: 300px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.property img {
width: 100%;
height: 200px;
border-radius: 5px;
}
.property h3 {
margin-top: 15px;
margin-bottom: 10px;
}
.contact-form {
padding: 50px;
text-align: center;
background-color: #fff;
}
.contact-form h2 {
margin-bottom: 30px;
}
.contact-form form {
max-width: 600px;
margin: 0 auto;
}
.contact-form label {
display: block;
text-align: left;
margin-bottom: 5px;
font-weight: bold;
}
.contact-form input, .contact-form textarea {
width: 100%;
padding: 10px;
margin-bottom: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
.contact-form button {
padding: 10px 20px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.contact-form button:hover {
background-color: #0056b3;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 20px;
}
footer p {
margin: 0;
}
document.getElementById('contactForm').addEventListener('submit', function(event) {
event.preventDefault();
const name = document.getElementById('name').value;
const email = document.getElementById('email').value;
const message = document.getElementById('message').value;
// Simulasi mengirim data ke server
document.getElementById('formResponse').innerHTML = `
Thank you, ${name}! Your message has been sent.
`;
// Reset form
document.getElementById('contactForm').reset();
});