<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <title>UISTO - Federal Polytechnic, Nekede, Owerri</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />

    <!-- Favicons -->
    <link href="website-assets/img/favicon.png" rel="icon" />
    <link
      href="website-assets/img/apple-touch-icon.png"
      rel="apple-touch-icon"
    />

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com" rel="preconnect" />
    <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
      rel="stylesheet"
    />

    <!-- Vendor CSS Files -->
    <link
      href="website-assets/vendor/bootstrap/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <link
      href="website-assets/vendor/bootstrap-icons/bootstrap-icons.css"
      rel="stylesheet"
    />
    <link href="website-assets/vendor/aos/aos.css" rel="stylesheet" />
    <link
      href="website-assets/vendor/swiper/swiper-bundle.min.css"
      rel="stylesheet"
    />
    <link
      href="website-assets/vendor/glightbox/css/glightbox.min.css"
      rel="stylesheet"
    />

    <!-- Main CSS File -->
    <link href="website-assets/css/main.css" rel="stylesheet" />
  </head>

  <body class="index-page">
    <style>
      header {
        font-size: 15px;
      }

      @media (min-width: 1200px) {
        .navmenu a,
        .navmenu a:focus {
          padding: 18px 10px;
        }
      }

      @media (min-width: 1200px) {
        .navmenu .dropdown ul {
          left: 0px;
        }
      }
    </style>

    <header id="header" class="header d-flex align-items-center fixed-top">
      <div
        class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between"
      >
        <a href="/" class="logo d-flex align-items-center me-3">
          <img src="website-assets/img/logo.png" alt="UISTO" />
        </a>

        <nav id="navmenu" class="navmenu">
          <ul>
            <li><a href="/" class="active">Home</a></li>
            <li><a href="key-institutional-data">Key Institutional Data</a></li>

            <li class="dropdown">
              <a href="javascript:void(0)"
                ><span>Administration</span>
                <i class="bi bi-chevron-down toggle-dropdown"></i
              ></a>
              <ul>
                <li><a href="/governing-council">Governing Council</a></li>
                <li><a href="/rector">Rector</a></li>
                <li>
                  <a href="/deputy-rector-academics"
                    >Deputy Rector (Academics)</a
                  >
                </li>
                <li>
                  <a href="/deputy-rector-admin">Deputy Rector (Admin)</a>
                </li>
                <li><a href="/bursar">Bursar</a></li>
                <li><a href="/registrar">Registrar</a></li>
                <li><a href="/librarian">Librarian</a></li>
              </ul>
            </li>

            <li class="dropdown">
              <a href="javascript:void(0)"
                ><span>Academics</span>
                <i class="bi bi-chevron-down toggle-dropdown"></i
              ></a>
              <ul>
                <li class="dropdown">
                  <a href="javascript:void(0)"
                    ><span>Admissions</span>
                    <i class="bi bi-chevron-down toggle-dropdown"></i
                  ></a>
                  <ul>
                    <li>
                      <a href="/admission-requirements"
                        >Admission Requirements</a
                      >
                    </li>
                    <li>
                      <a
                        href="https://apqadjournals.UISTO.edu.ng/"
                        target="_blank"
                        >E-Journals</a
                      >
                    </li>
                  </ul>
                </li>
                <li><a href="/faculty-staff">Schools &amp; Staff</a></li>
                <li><a href="/students-life">Students Affairs</a></li>
                <li>
                  <a href="/key-institutional-data">Key Institutional Data</a>
                </li>
                <li>
                  <a href="https://journals.UISTO.edu.ng" target="_blank"
                    >Journals</a
                  >
                </li>
              </ul>
            </li>

            <li class="dropdown">
              <a href="javascript:void(0)"
                ><span>Directorate</span>
                <i class="bi bi-chevron-down toggle-dropdown"></i
              ></a>
              <ul>
                <li><a href="/ict-directorate">ICT Directorate</a></li>
                <li><a href="/sports-directorate">Sports Directorate</a></li>
                <li><a href="/gender-studies">Center for Gender Studies</a></li>
              </ul>
            </li>

            <li class="dropdown">
              <a href="javascript:void(0)"
                ><span>Students</span>
                <i class="bi bi-chevron-down toggle-dropdown"></i
              ></a>
              <ul>
                <li>
                  <a href="javascript:void(0)" class="show-apply-modal"
                    >Application Form</a
                  >
                </li>
                <li>
                  <a
                    href="javascript:void(0)"
                    class="show-admission-status-modal"
                    >Check Admission Status</a
                  >
                </li>
                <li>
                  <a href="https://fpn.netpro.software" target="_blank"
                    >E-Learning</a
                  >
                </li>
                <!-- <li><a href="https://fpn.netpro.software/elibrary" target="_blank">E-Library</a></li> -->
                <li>
                  <a href="javascript:void(0)" class="show-portal-modal"
                    >Portal Login</a
                  >
                </li>
                <li>
                  <a
                    href="https://ndapplication.UISTO.edu.ng/Home/Transcript"
                    target="_blank"
                    >Transcript Application</a
                  >
                </li>
              </ul>
            </li>

            <li class="dropdown">
              <a href="javascript:void(0)"
                ><span>Staff</span>
                <i class="bi bi-chevron-down toggle-dropdown"></i
              ></a>
              <ul>
                <li>
                  <a
                    href="https://erp.UISTO.edu.ng/index.php?login"
                    target="_blank"
                    >Portal Login</a
                  >
                </li>
                <li>
                  <a href="https://login.microsoftonline.com" target="_blank"
                    >EMAIL</a
                  >
                </li>
                <li>
                  <a href="https://aper.UISTO.edu.ng" target="_blank"
                    >APER FORM</a
                  >
                </li>
                <li class="dropdown">
                  <a href="https://fpnmfb.com/" target="_blank"
                    ><span>UISTO MicroFinance Bank</span>
                    <i class="bi bi-chevron-down toggle-dropdown"></i
                  ></a>
                  <ul>
                    <li>
                      <a
                        href="website-assets/img/school-images/GUIDE-ON-MOBILE-APP-BY-ICT-DEPT.pdf-MODIFIED.pdf"
                        target="_blank"
                        >Mobile App Guide</a
                      >
                    </li>
                  </ul>
                </li>
                <li><a href="/UISTO-tad">UISTO TAD Usage</a></li>
              </ul>
            </li>

            <li class="dropdown">
              <a href="javascript:void(0)"
                ><span>MORE</span>
                <i class="bi bi-chevron-down toggle-dropdown"></i
              ></a>
              <ul>
                <li><a href="javascript:void(0)">TETFund</a></li>
                <li class="dropdown">
                  <a href="javascript:void(0)"
                    ><span>About Us</span>
                    <i class="bi bi-chevron-down toggle-dropdown"></i
                  ></a>
                  <ul>
                    <li><a href="/rector-message">Rector's Message</a></li>
                    <li>
                      <a href="/mission-vision-objectives"
                        >Vision and Mission</a
                      >
                    </li>
                    <li><a href="/history">History</a></li>
                  </ul>
                </li>

                <li><a href="/contact">Contact</a></li>
                <li><a href="/news">News</a></li>
                <li><a href="/events">Events</a></li>
                <li><a href="/gallery">Gallery</a></li>
              </ul>
            </li>
          </ul>
          <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
        </nav>
      </div>

      <style>
        .modal-backdrop.show {
          background-color: rgba(0, 0, 0, 0.8);
          z-index: 10 !important;
          /* This is correct for the backdrop */
        }

        .modal.show {
          z-index: 1400 !important;
          /* Modal should be above the backdrop */
        }

        /* naming */
        .impact-stat {
          min-width: fit-content !important;
          flex-wrap: nowrap;
          display: flex;
        }

        .impact-stat .stat-text {
          text-wrap: nowrap;
        }
      </style>

      <!-- Modal for Application-->
      <div
        class="modal fade"
        id="applyChoiceModal"
        tabindex="-1"
        aria-labelledby="applyChoiceLabel"
        aria-hidden="true"
      >
        <div class="modal-dialog modal-dialog-centered">
          <div class="modal-content border-0 shadow">
            <div
              class="modal-header text-white"
              style="background-color: #002357"
            >
              <h5 class="modal-title" id="applyChoiceLabel">
                Choose Application Type
              </h5>
              <button
                type="button"
                class="btn-close btn-close-white"
                data-bs-dismiss="modal"
                aria-label="Close"
              ></button>
            </div>
            <div class="modal-body text-center">
              <p>Please select the type of application:</p>
              <div class="d-grid gap-2">
                <button id="applyND" class="btn btn-info">Apply for ND</button>
                <button id="applyHND" class="btn btn-dark">
                  Apply for HND
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Modal for login portal -->
      <div
        class="modal fade"
        id="portalChoiceModal"
        tabindex="-1"
        aria-labelledby="portalChoiceLabel"
        aria-hidden="true"
      >
        <div class="modal-dialog modal-dialog-centered">
          <div class="modal-content border-0 shadow">
            <div
              class="modal-header text-white"
              style="background-color: #002357"
            >
              <h5 class="modal-title" id="portalChoiceLabel">
                Choose Login Type
              </h5>
              <button
                type="button"
                class="btn-close btn-close-white"
                data-bs-dismiss="modal"
                aria-label="Close"
              ></button>
            </div>
            <div class="modal-body text-center">
              <p>Please select the area to Login</p>
              <div class="d-grid gap-2">
                <button id="portalND" class="btn btn-info">ND Login</button>
                <button id="portalHND" class="btn btn-dark">HND Login</button>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Modal for Check Admission Status -->
      <div
        class="modal fade"
        id="admissionStatusChoiceModal"
        tabindex="-1"
        aria-labelledby="admissionStatusChoiceModal"
        aria-hidden="true"
      >
        <div class="modal-dialog modal-dialog-centered">
          <div class="modal-content border-0 shadow">
            <div
              class="modal-header text-white"
              style="background-color: #002357"
            >
              <h5 class="modal-title" id="admissionStatusChoiceLabel">
                Choose Checker Type
              </h5>
              <button
                type="button"
                class="btn-close btn-close-white"
                data-bs-dismiss="modal"
                aria-label="Close"
              ></button>
            </div>
            <div class="modal-body text-center">
              <p>Choose ND or HND Admission Status Checker</p>
              <div class="d-grid gap-2">
                <button id="admissionStatusND" class="btn btn-info">
                  Check ND Admission Status
                </button>
                <button id="admissionStatusHND" class="btn btn-dark">
                  Check HND Admission Status
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Bootstrap 5 JS Bundle (includes Popper) -->
      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

      <!-- JavaScript to handle modal and actions -->

      <!-- APPLICATION TYPE JS -->
      <script>
        document.addEventListener("DOMContentLoaded", () => {
          document.querySelectorAll(".show-apply-modal").forEach((button) => {
            button.addEventListener("click", () => {
              const modal = new bootstrap.Modal(
                document.getElementById("applyChoiceModal")
              );
              modal.show();
            });
          });

          document.getElementById("applyND").addEventListener("click", () => {
            // alert("Application for ND is Coming Soon");
            window.open(
              "https://ndapplication.UISTO.edu.ng/Applicant/Form/PostJambFormInvoiceGeneration",
              "_blank"
            );
          });

          document.getElementById("applyHND").addEventListener("click", () => {
            // alert("You selected: Apply for HND");
            window.open(
              "https://hndportal.UISTO.edu.ng/students/getapplicationrrr",
              "_blank"
            );
          });
        });
      </script>

      <!-- PORTAL LOGIN JS -->
      <script>
        document.addEventListener("DOMContentLoaded", () => {
          document.querySelectorAll(".show-portal-modal").forEach((button) => {
            button.addEventListener("click", () => {
              const modal = new bootstrap.Modal(
                document.getElementById("portalChoiceModal")
              );
              modal.show();
            });
          });

          document.getElementById("portalND").addEventListener("click", () => {
            //alert("ND Portal Login is Coming Soon");
            window.open("https://erp.UISTO.edu.ng/index.php?login", "_blank");
          });

          document.getElementById("portalHND").addEventListener("click", () => {
            window.open("https://hndportal.UISTO.edu.ng", "_blank");
          });
        });
      </script>

      <!-- ADMISSION STATUS CHECKER JS -->
      <script>
        document.addEventListener("DOMContentLoaded", () => {
          document
            .querySelectorAll(".show-admission-status-modal")
            .forEach((button) => {
              button.addEventListener("click", () => {
                const modal = new bootstrap.Modal(
                  document.getElementById("admissionStatusChoiceModal")
                );
                modal.show();
              });
            });

          document
            .getElementById("admissionStatusND")
            .addEventListener("click", () => {
              //alert("ND Portal Login is Coming Soon");
              window.open(
                "https://ndapplication.UISTO.edu.ng/Applicant/Admission/CheckStatus",
                "_blank"
              );
            });

          document
            .getElementById("admissionStatusHND")
            .addEventListener("click", () => {
              window.open(
                "https://hndportal.UISTO.edu.ng/students/getapplicationrrr",
                "_blank"
              );
            });
        });
      </script>
    </header>
  </body>
</html>
