user/footer.html

<link rel="stylesheet" href="./style/footer.css" />
<head>
  <style></style>
</head>

<footer>
  <div class="wrapper">
    <div class="container">
      <h3>Airline</h3>
      <a href="./about.html">About</a>
      <a href="./feedback.php">Feedback</a>
      <a href="#">Newsroom</a>

      <!-- portal -->
      <div class="portal" onclick="onClick()">
        <a>Portal <i id="i" class="fa-solid fa-angle-down"></i></a>
        <div id="sub-links" class="sub-links">
          <a href="../drivers/index.php" target="_blank">Drivers</a>
          <a href="../admin/index.php" target="_blank">Admin</a>
        </div>
      </div>
      <!-- portal end -->
    </div>

    <div class="container">
      <h3>Global citizenship</h3>
      <a href="http://www.mohfw.gov.bd/" target="_blank">Ministry of Health and Family Welfare</a>
      <a href="#">Investors</a>
      <a href="#">Careers</a>
      <a href="https://caab.portal.gov.bd/" target="_blank">Civil Aviation Authority, Bangladesh - CAAB</a>
    </div>

    <div class="container">
      <h3>Info</h3>
      <div id="locationInfo"></div>
    </div>
  </div>

  <div class="bottom_line">
    <div class="social">
      <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
      <a href="#"><i class="fa-brands fa-twitter"></i></a>
      <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
      <a href="#"><i class="fa-brands fa-youtube"></i></a>
      <a href="#"><i class="fa-brands fa-pinterest"></i></a>
    </div>
    <div class="marker">
      <a href="#">DSA ii Project</a>
      <a href="#">siMobin<span> · </span>Rahul</a>
    </div>
  </div>
</footer>

<script src="./footer.js"></script>
<script src="./info.js"></script>