<!DOCTYPE html>
<html>
<head>
<title>About Us - Educational Website</title>
<style>
/* Reset some default styles */
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
/* Navigation Bar */
nav {
background-color: #333;
color: #fff;
padding: 10px;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 10px;
}
nav ul li a {
color: #fff;
text-decoration: none;
}
/* Main Content */
.container {
max-width: 800px;
margin: 40px auto;
padding: 20px;
}
h1 {
font-size: 32px;
margin-bottom: 20px;
}
p {
font-size: 18px;
line-height: 1.5;
}
/* Footer */
footer {
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
}
</style>
</head>
<body>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Courses</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<div class="container">
<h1>About Us</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec auctor ipsum a aliquam ullamcorper. Nam vitae felis vitae diam finibus finibus. Sed a ullamcorper felis. Nullam pellentesque rutrum elit id viverra.</p>
<p>Sed eleifend elit ut tellus consectetur, vitae viverra eros dignissim. Integer at aliquet metus. Sed laoreet erat sit amet erat efficitur tempor. Morbi ullamcorper turpis eget dui dictum, at fermentum nisl iaculis.</p>
<h2>Our Mission</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec auctor ipsum a aliquam ullamcorper. Nam vitae felis vitae diam finibus finibus. Sed a ullamcorper felis. Nullam pellentesque rutrum elit id viverra.</p>
<h2>Our Team</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec auctor ipsum a aliquam ullamcorper. Nam vitae felis vitae diam finibus finibus. Sed a ullamcorper felis. Nullam pellentesque rutrum elit id viverra.</p>
</div>
<footer>
<p>© 2023 Educational Web. All rights reserved.</p>
</footer>
</body>
</html>