<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>The September 11th Attacks, The Story.</title>
<meta name="author" content="Malachy Ogilvy">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="container">
<header>
<h1>The September 11th Attacks, The Story.</h1>
</header>
<div id="content">
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="index.html">What Is 9/11?</a>
<a href="cause.html">How Did This Happen?</a>
<a href="longterm.html">Impacts On The World Today?</a>
<a href="gallery.html">Gallery</a>
</div>
<span class="openbtn" onclick="openNav()">☰</span>
<section id="main">
<h2>What Is 9/11?</h2>
<p>The September 11 attacks (9/11) were four coordinated suicide terrorist attacks by al-Qaeda against the U.S. in 2001. Nineteen hijackers crashed planes into the World Trade Center, the Pentagon, and a field in Pennsylvania after passengers fought back. A total of 2,977 people were killed, making it the deadliest terrorist attack in history. In response, the U.S. launched the global war on terror to target terrorist groups and their supporting governments.</p>
<img src="images/nine11.jpg" alt="9/11 Image">
<h2>9/11, As Events Unfold:</h2>
<video src="media/Events.mp4" controls width="600" height="400"></video>
<h3>Links to Further Information</h3>
<ul>
<li><a href="https://en.wikipedia.org/wiki/September_11_attacks" target="_blank">Wikipedia</a></li>
<li><a href="https://www.911memorial.org/" target="_blank">9/11 Memorial</a></li>
</ul>
</section>
</div>
<footer>
© Page Design And Layout By Malachy Ogilvy 2025
</footer>
</div>
<script>
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
}
</script>
</body>
</html>