ECC/header.php at main · jmprz/ECC · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<header id="header" class="header fixed-top shadow">
  <div class="branding d-flex align-items-center">
    <div class="container d-flex align-items-center justify-content-between mt-3">
      <!-- Logo on the left -->
      <a href="index.php" class="d-flex align-items-center mx-auto mx-lg-0">
        <img src="assets/img/earist.png" class="logo" alt="">
        <h1 class="fs-4 fw-bold mt-3 ms-2">EARIST - CAVITE CAMPUS</h1>
      </a>

      <!-- Transparency Seal and FOI -->
      <div class="d-flex justify-content-end align-items-center">
        <div class="d-flex flex-column align-items-center me-4 d-none d-md-none d-lg-flex">
          <a href="index.php" class="d-flex align-items-center">
            <img src="assets/img/transparency_seal.png" class="logo2" alt="">
            <h1 class="fs-6 mt-3 ms-2 hc">TRANSPARENCY SEAL</h1>
          </a>
        </div>
        <div class="d-flex flex-column align-items-center d-none d-md-none d-lg-flex">
          <a href="index.php" class="d-flex align-items-center">
            <img src="assets/img/FOI.png" class="logo2" alt="">
            <h1 class="fs-6 mt-3 ms-2 hc">FREEDOM OF INFORMATION</h1>
          </a>
        </div>
      </div>
    </div>
  </div>

  <nav id="navmenu" class="navmenu">
    <ul>
      <li class="dropdown"><a href="#"><span>ABOUT</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
        <ul>
          <li><a href="ecc_history.php">ECC HISTORY</a></li>
          <li><a href="ecc_officials.php">OFFICIALS AND CHIEF OF OFFICES</a></li>
        </ul>
      </li>
      <li><a href="#">ACCOMPLISHMENTS</a></li>
      <li class="dropdown"><a href="#"><span>EMPLOYEES</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
        <ul>
          <li><a href="ecc_faculty.php">FACULTY</a></li>
          <li><a href="ecc_non-teaching.php">NON - TEACHING</a></li>
        </ul>
      </li>
      <li><a href="ecc_program.php">PROGRAM OFFERINGS</a></li>
    <li class="dropdown"><a href="#"><span>ACTIVITIES</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
        <ul>
          <li><a href="ecc_events.php">EVENTS</a></li>
          <li><a href="ecc_news.php">NEWS</a></li>
        </ul>
    </li>
    <li><a href="ecc_faq.php">FAQ</a></li>
    </ul>
    <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
  </nav>
</header>