<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Education Blog</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
.footer {
background-color: #343a40;
color: white;
padding: 40px 0;
}
.footer a {
color: #f8f9fa;
}
.footer a:hover {
color: #adb5bd;
}
.footer h5 {
border-bottom: 1px solid #adb5bd;
padding-bottom: 10px;
margin-bottom: 20px;
}
</style>
</head>
<body>
<!-- Footer -->
<footer class="footer mt-auto py-3">
<div class="container">
<div class="row">
<!-- Archive and Links Column -->
<div class="col-md-6">
<h5>Archive</h5>
<ul class="list-unstyled">
<li><a href="#">January 2024</a></li>
<li><a href="#">December 2023</a></li>
<li><a href="#">November 2023</a></li>
<li><a href="#">October 2023</a></li>
</ul>
<h5>Links</h5>
<ul class="list-unstyled">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Courses</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<!-- Form Column -->
<div class="col-md-6">
<h5>Subscribe to our Newsletter</h5>
<form>
<div class="mb-3">
<label for="email" class="form-label">Email address</label>
<input type="email" class="form-control" id="email" placeholder="Enter your email">
</div>
<button type="submit" class="btn btn-primary">Subscribe</button>
</form>
<h5 class="mt-4">Follow Us</h5>
<a href="#" class="btn btn-outline-light btn-sm">Facebook</a>
<a href="#" class="btn btn-outline-light btn-sm">Twitter</a>
<a href="#" class="btn btn-outline-light btn-sm">Instagram</a>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>