Here's a simple HTML code with CSS to display information about service locations:
HTML:
html
Service Locations
Welcome to Our Service Locations
Explore our network of service locations across various regions and find the one nearest to you.
New York City
Address: 123 Main Street, New York, NY
Los Angeles
Address: 456 Elm Street, Los Angeles, CA
London
Address: 789 Oak Street, London, UK
CSS (styles.css):
css
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
padding: 20px;
}
h1 {
color: #333;
}
.location {
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
margin: 10px 0;
background-color: #fff;
}
JS (script.js):
javascript
// Interactive functionality can be added using JavaScript to enhance user experience.
// For example, a click event to show/hide additional information about each location.
document.querySelectorAll('.location').forEach(location => {
location.addEventListener('click', () => {
location.classList.toggle('expanded');
});
});
This code provides a simple webpage with information about service locations in different cities, and includes interactive CSS and JS to enhance the user experience.