#### HTML Code for Architectural Interior Exterior Photography in Dublin, Ireland
html
Architectural Photography Dublin, Ireland
Welcome to Architectural Photography Dublin, Ireland
Explore Our Photography
About Us
We specialize in capturing the beauty of architectural interiors and exteriors in Dublin and throughout Ireland. Our team of professional photographers is dedicated to showcasing the unique elements of each building through stunning imagery.
#### CSS Code (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: 1rem 0;
}
.gallery {
text-align: center;
padding: 2rem 0;
}
.photo-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 10px;
}
.photo-grid img {
width: 100%;
height: auto;
}
.about {
background-color: #f9f9f9;
padding: 2rem;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 1rem 0;
}
#### JavaScript Code (script.js)
javascript
// Interactive features can be added using JavaScript to create image sliders, lightbox effects, and more.
// Example: Implement a lightbox gallery for the images in the photo-grid section.
// Example code for a simple lightbox:
const images = document.querySelectorAll('.photo-grid img');
images.forEach(image => {
image.addEventListener('click', () => {
const lightbox = document.createElement('div');
lightbox.id = 'lightbox';
lightbox.innerHTML = ``;
document.body.appendChild(lightbox);
lightbox.addEventListener('click', e => {
if (e.target !== e.currentTarget) return;
lightbox.remove();
});
});
});
This HTML code provides a basic structure for a website dedicated to architectural photography in Dublin, Ireland. The CSS file (styles.css) includes styling for the layout, and the JavaScript file (script.js) demonstrates how interactive features, such as a lightbox gallery, can be implemented to enhance the user experience.
