#### HTML and CSS Code for Project Sports School Tour
HTML:
html
Project Sports School Tour
Welcome to the Project Sports School Tour
Explore our state-of-the-art facilities and learn about our sports programs.
About Project Sports School
Project Sports School is dedicated to providing a comprehensive sports education for students, combining academic excellence with athletic development.
Upcoming Tours
Join us for an upcoming tour to experience our campus and facilities firsthand.
CSS (styles.css):
css
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
text-align: center;
padding: 2rem 0;
}
section {
padding: 2rem;
}
button.tour-btn {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
border-radius: 8px;
}
JavaScript (script.js):
javascript
document.querySelector('.tour-btn').addEventListener('click', function() {
alert('Thank you for booking a tour! We look forward to welcoming you to Project Sports School.');
});
This code provides a simple HTML structure for a web page about the "Project Sports School Tour." It includes interactive CSS for styling and JavaScript for a button click event. This code can be further enhanced with additional features and content.