#### CSS Code (styles.css):
css
/* Reset default margin and padding */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Style for the company name */
.company-name {
text-align: center;
padding: 20px;
}
/* Style for the gallery section */
.gallery {
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
padding: 20px;
}
.gallery img {
width: 30%;
margin: 10px;
}
/* Style for the contact details and button in the footer */
footer {
background-color: #f2f2f2;
padding: 20px;
text-align: center;
}
button {
padding: 10px 20px;
margin-top: 10px;
background-color: #007bff;
color: #fff;
border: none;
cursor: pointer;
}
button:hover {
background-color: #0056b3;
}
#### JavaScript Code (script.js):
javascript
function viewWork() {
// Add functionality to view the photographer's work
// This function can be further developed to showcase the photography work in a modal or a separate page
// For simplicity, it can just display an alert or log a message for now
alert('Viewing Lensmen Photography Work');
}
This HTML and CSS code creates a simple and responsive photography website for Lensmen Martin O'Malley. It includes a header with the company name and logo, a gallery section to showcase photography work, and contact details with a button to view the work. The CSS styles ensure a clean and visually appealing layout, while the JavaScript function adds interactivity to the "View Work" button.
The website is designed to be responsive using flexbox and media queries, making it suitable for various devices and screen sizes [[1]](https://www.geeksforgeeks.org/top-10-projects-for-beginners-to-practice-html-and-css-skills/).
