html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Education Program</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<style>
.navbar {
background-color: #4CAF50;
}
.navbar a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.navbar a:hover {
background-color: #ddd;
color: black;
}
.navbar a.active {
background-color: #4CAF50;
color: white;
}
.content {
padding: 20px;
margin-top: 20px;
background-color: #f2f2f2;
}
.footer {
background-color: #4CAF50;
color: white;
text-align: center;
padding: 10px;
}
</style>
</head>
<body>
<div class="navbar">
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
</div>
<div class="content">
<h2>Welcome to Our Education Program</h2>
<p>We offer a wide range of courses to help you achieve your goals.</p>
<p>Our experienced instructors will guide you through the learning process.</p>
<p>Don't hesitate to contact us if you have any questions.</p>
</div>
<div class="footer">
<p>Contact Us</p>
<p>Phone: +123456789</p>
<p>Email: info@example.com</p>
</div>
</body>
</html>
