#### HTML and CSS Code for Portfolio Item "Darkness into Light Walk Bray 2018"
html
Darkness into Light Walk Bray 2018
Welcome to Darkness into Light Walk Bray 2018
Join us for the annual walk to support mental health awareness.
About the Event
The Darkness into Light Walk Bray 2018 is a community event aimed at raising awareness and funds for mental health support.
Event Highlights
Contact Us
If you have any questions or would like to get involved, feel free to reach out to us.
#### CSS (styles.css)
css
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 10px 0;
text-align: center;
}
nav ul {
list-style: none;
padding: 0;
margin: 0;
}
nav ul li {
display: inline;
margin: 0 10px;
}
a {
text-decoration: none;
color: #fff;
}
section {
padding: 20px;
}
.gallery {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.gallery .image {
margin: 10px;
}
form {
display: flex;
flex-direction: column;
max-width: 300px;
margin: 0 auto;
}
input[type="text"],
input[type="email"],
textarea {
margin-bottom: 10px;
padding: 5px;
}
input[type="submit"] {
background-color: #333;
color: #fff;
border: none;
padding: 10px;
cursor: pointer;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px 0;
position: absolute;
bottom: 0;
width: 100%;
}
In the provided HTML and CSS code, I've created a simple webpage for the "Darkness into Light Walk Bray 2018" portfolio item. The HTML includes sections for home, about, portfolio, and contact, along with a navigation bar. The CSS file styles the various sections, the navigation bar, the gallery, and the form. This code provides a basic structure for showcasing the event and allows for further customization and interactivity using JavaScript as mentioned in the search results.
