Current Date & Time Navbar

<!-- Header Top Section -->
<header class="bg-dark text-white py-2 border-bottom border-secondary">
  <div class="container d-flex flex-column flex-md-row justify-content-between align-items-center">
    <div class="d-flex gap-3 small">
      <span><i class="bi bi-envelope-fill text-primary me-1"></i> info@ttc-edu.gov.bd</span>
      <span><i class="bi bi-telephone-fill text-primary me-1"></i> +880 01758484392</span>
    </div>
    <div class="d-flex align-items-center gap-3 mt-2 mt-md-0">
      <span id="currentDateTime" class="small border-end pe-3 me-2"></span>
      <a href="login.html" class="text-white text-decoration-none small"><i class="bi bi-person-circle me-1"></i> Login</a>
    </div>
  </div>
</header>

<!-- Navigation Section -->
<nav class="navbar navbar-expand-lg navbar-light bg-white sticky-top shadow-sm py-3">
  <div class="container">
    <a class="navbar-brand fw-bold text-primary fs-3" href="index.html">
      <i class="bi bi-mortarboard-fill me-2"></i>Edu
    </a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarMain">
      <ul class="navbar-nav ms-auto mb-2 mb-lg-0 fw-semibold">
        <li class="nav-item"><a class="nav-link active" href="home.html">Home</a></li>
        <li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
        <li class="nav-item"><a class="nav-link" href="courses.html">Courses</a></li>
        <li class="nav-item"><a class="nav-link" href="teacher.html">Teacher</a></li>
        <li class="nav-item"><a class="nav-link" href="notice.html">Notice</a></li>
        <li class="nav-item"><a class="nav-link" href="admission.html">Admission</a></li>
        <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
        <li class="nav-item ms-lg-3"><a class="btn btn-primary rounded-pill px-4" href="login.html">Login</a></li>
      </ul>
    </div>
  </div>
</nav>
<!-- //------------------------------------------------------------------------------------------------------------------------------// -->
<!-- Breadcrumb Section -->
<section class="bg-light py-4 border-bottom">
  <div class="container">
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb mb-0">
        <li class="breadcrumb-item"><a href="home.html" class="text-decoration-none">Home</a></li>
        <li class="breadcrumb-item active" aria-current="page">About Us</li>
      </ol>
    </nav>
  </div>
</section>