      </section>

      <aside class="col-lg-3">
        <div class="card tim-card">
          <div class="card-body">
            <h2 class="h6 text-uppercase text-secondary mb-3">Organizers</h2>
            <div class="text-center mb-3">
              <a href="http://www.physics.uvt.ro" target="_blank" rel="noopener">
                <img src="images/FIZICA-03.png" alt="Faculty of Physics" class="img-fluid" style="max-width:150px" loading="lazy">
              </a>
            </div>
            <div class="text-center mb-4">
              <a href="http://www.uvt.ro" target="_blank" rel="noopener">
                <img src="images/logo_uvt_ro.png" alt="West University of Timișoara" class="img-fluid" style="max-width:210px" loading="lazy">
              </a>
            </div>

            <h2 class="h6 text-uppercase text-secondary mb-3">Partners</h2>
            <div class="text-center">
              <a href="http://www.srfizica.ro" target="_blank" rel="noopener">
                <img src="images/srf.png" alt="Romanian Society of Physics" class="img-fluid" style="max-width:150px" loading="lazy">
              </a>
            </div>
          </div>
        </div>

        <div class="tim-card card mt-4">
          <div class="card-body">
            <h2 class="h6 text-uppercase text-secondary mb-2">Need help?</h2>
            <p class="mb-2 small text-secondary">If something looks off or a link is missing, please tell us via the Contact page.</p>
            <a class="btn btn-sm btn-outline-primary w-100" href="contact.php"><i class="bi bi-envelope me-1"></i>Contact</a>
          </div>
        </div>
      </aside>

    </div>
  </main>

  <footer class="tim-footer">
    <div class="container-xxl py-3 d-flex flex-wrap justify-content-between gap-2">
      <div class="small">Copyright &copy; 2026 Faculty of Physics, West University of Timișoara, Romania</div>
      <div class="small text-white-50">Built with Bootstrap 5 • Updated for 2026</div>
    </div>
  </footer>

  <!-- Bootstrap (JS bundle) -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
          integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
          crossorigin="anonymous"></script>

  <!-- Alpine.js (lightweight framework for small interactivity) -->
  <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>

  <!-- Tiny enhancements -->
  <script>
    // Add a subtle scroll shadow to the header
    (function () {
      const header = document.querySelector('.tim-header');
      const onScroll = () => header.classList.toggle('tim-header-scrolled', window.scrollY > 8);
      window.addEventListener('scroll', onScroll, { passive: true });
      onScroll();
    })();
  </script>
</body>
</html>
