/* Add some styles to the page */
body {
background-color: #f4f4f4;
font-family: Arial, sans-serif;
}
h1 {
color: #006699;
}
.container {
max-width: 800px;
margin: 0 auto;
text-align: center;
padding: 20px;
}
.form-container {
background-color: white;
border: 1px solid #ddd;
padding: 20px;
border-radius: 5px;
}
input[type=”text”], input[type=”email”], input[type=”tel”] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 4px;
}
input[type=”submit”] {
width: 100%;
background-color: #006699;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}
input[type=”submit”]:hover {
background-color: #005280;
}
.image-container {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
}
img {
max-width: 100%;
height: auto;
}
Welcome to the Belcourt project!
We are excited to introduce Belcourt, a new residential development in the heart of the city. With spacious apartments, luxurious amenities, and a prime location, Belcourt has something for everyone. If you would like to learn more or schedule a tour, please fill out the form below.
Name:
Email:
Phone Number:
// Add an event listener to the form submission
document.getElementById(‘contact-form’).addEventListener(‘submit’, function(event) {
event.preventDefault(); // Prevent the form from submitting
// Get the form values
var name
= document.getElementById(‘name’).value;
var email = document.getElementById(’email’).value;
var phone = document.getElementById(‘phone’).value;
// Display a message to the user
alert(‘Thank you for your interest in Belcourt! Someone will be in touch with you shortly.\n\nName: ‘ + name + ‘\nEmail: ‘ + email + ‘\nPhone: ‘ + phone);}
);
We are excited to introduce Belcourt, a new residential development in the heart of the city. With spacious apartments, luxurious amenities, and a prime location, Belcourt has something for everyone. If you would like to learn more or schedule a tour, please fill out the form below.
