#### HTML and CSS Code for Dublin Christ Church Drone Video
html
Dublin Christ Church Drone Video
Welcome to the Dublin Christ Church Drone Video Page
Overview
Learn about the history and significance of Christ Church in Dublin.
Video
Location
Find out where Christ Church is located in Dublin and how to visit.
css
/* styles.css */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
}
header {
background-color: #333;
color: #fff;
text-align: center;
padding: 1rem 0;
}
nav {
background-color: #444;
padding: 0.5rem;
}
nav ul {
list-style: none;
display: flex;
justify-content: space-around;
}
nav a {
text-decoration: none;
color: #fff;
}
main {
padding: 2rem;
}
section {
margin-bottom: 2rem;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 1rem 0;
}
In this HTML and CSS code, I've created a simple page for the "Dublin Christ Church Drone Video" with sections for overview, video, and location. The navigation bar allows users to jump to different sections of the page. The CSS file styles the page with a clean and modern look, using a dark color scheme for the header, navigation, and footer, and a light background for the main content. The video section includes an embedded iframe for displaying the drone video of Christ Church in Dublin.
This code provides a basic structure for a web page dedicated to the Dublin Christ Church drone video, with interactive navigation and styling to enhance the user experience.