1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / nc6d095 / nisan.space / fmsti / inc /
Filename : header.php
back
<header class="wrapper bg-light">
    <div class="bg-primary text-white fw-bold fs-15 d-none d-md-block">
        <div class="container-fluid py-2 d-md-flex flex-md-row">
            <div class="d-flex flex-row align-items-center">
                    <nav class="nav social social-white justify-content-end text-end">
                        <a href="#"><i class="uil uil-twitter"></i></a>
                        <a href="#"><i class="uil uil-facebook-f"></i></a>
                        <a href="#"><i class="uil uil-instagram"></i></a>
                        <a href="#"><i class="uil uil-linkedin"></i></a>
                        <a href="#"><i class="uil uil-youtube"></i></a>
                    </nav>
                    <!-- /.social -->
            </div>
            <div class="d-flex flex-row align-items-center me-6 ms-auto">
                <div class="icon text-white fs-22 me-2"> <i class="uil uil-phone"></i></div>
                <p class="mb-0"><a href="" class="link-white hover">+234 803 700 9142</a></p>
            </div>
            <div class="d-flex flex-row align-items-center">
                <div class="icon text-white fs-22 me-2"> <i class="uil uil-message"></i></div>
                <p class="mb-0"><a href="" class="link-white hover">info@scienceandtech.gov.ng</a></p>
            </div>
        </div>
        <!-- /.container -->
    </div>
    <nav class="navbar navbar-expand-lg classic transparent navbar-light">
        <div class="container-fluid flex-lg-row flex-nowrap align-items-center">
            <div class="navbar-brand w-100">
                <div class="d-inline-flex">
                    <div><a href="<?= $mainRoot ?>home" class="d-inline-block"><img src="<?= $mainRoot ?>assets/img/main/brand/logo.png" srcset="<?= $mainRoot ?>assets/img/main/brand/logo.png 2x" alt="" width="350" /></a></div>
                </div>


            </div>
            <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">
                <div class="offcanvas-header d-lg-none">
                    <h3 class="text-white fs-30 mb-0"><img class="rounded" src="<?= $mainRoot ?>assets/img/main/brand/icon.png" alt="" width="40" /></h3>
                    <button type="button" class="btn-close-white rounded bg-red border-red" data-bs-dismiss="offcanvas" aria-label="Close"><i class="uil uil-times"></i></button>
                </div>
                <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">
                    <ul class="navbar-nav">
                        <li class="nav-item"><a class="nav-link" href="<?= $mainRoot ?>home">Home</a></li>
                        <li class="nav-item"><a class="nav-link" href="<?= $mainRoot ?>about-us">About Us</a></li>
                        <li class="nav-item dropdown">
                            <a class="nav-link" href="#" data-bs-toggle="dropdown">Our Structure</a>
                            <ul class="dropdown-menu">
                                <li class="nav-item"><a class="dropdown-item" href="<?= $mainRoot ?>top-management">Top Management</a></li>
                                <li class="nav-item"><a class="dropdown-item" href="<?= $mainRoot ?>departments">Departments</a></li>
                                <li class="nav-item"><a class="dropdown-item" href="<?= $mainRoot ?>parastatals">Parastatals</a></li>
                            </ul>
                        </li>
                        <li class="nav-item"><a class="nav-link" href="<?= $mainRoot ?>programs">Programs</a></li>
                        <li class="nav-item"><a class="nav-link" href="<?= $mainRoot ?>services">Services</a></li>
                        <li class="nav-item dropdown">
                            <a class="nav-link" href="#" data-bs-toggle="dropdown">News &amp; Events</a>
                            <ul class="dropdown-menu">
                                <li class="nav-item"><a class="dropdown-item" href="<?= $mainRoot ?>news">FMSTI News</a></li>
                                <li class="nav-item"><a class="dropdown-item" href="<?= $mainRoot ?>gallery">Gallery</a></li>
                            </ul>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link" href="#" data-bs-toggle="dropdown">Resources</a>
                            <ul class="dropdown-menu">
                                <li class="nav-item"><a class="dropdown-item" href="<?= $mainRoot ?>policies">Policies</a></li>
                                <li class="nav-item"><a class="dropdown-item" href="<?= $mainRoot ?>publications">Other Publications</a></li>
                            </ul>
                        </li>
                        <li class="nav-item"><a class="nav-link" href="<?= $mainRoot ?>contact-us">Contact Us</a></li>
                        <li class="nav-item dropdown language-select">
                            <a class="nav-link dropdown-item" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Staff <i class="uil uil-user-plus"></i></a>
                            <ul class="dropdown-menu">
                                <li class="nav-item"><a class="dropdown-item" href="https://mail.fedcs.gov.ng/owa" target="_blank"><i class="uil uil-envelope-bookmark text-primary"></i> Webmail</a></li>
                            </ul>
                        </li>
                    </ul>
                    <!-- /.navbar-nav -->
                    <div class="offcanvas-footer d-lg-none">
                        <div>
                            <a href="" class="link-inverse">info@scienceandtech.gov.ng</a>
                            <br /> +234 803 700 9142 <br />
                            <nav class="nav social social-white mt-4">
                                <a href="#"><i class="uil uil-twitter"></i></a>
                                <a href="#"><i class="uil uil-facebook-f"></i></a>
                                <a href="#"><i class="uil uil-dribbble"></i></a>
                                <a href="#"><i class="uil uil-instagram"></i></a>
                                <a href="#"><i class="uil uil-youtube"></i></a>
                            </nav>
                            <!-- /.social -->
                        </div>
                    </div>
                    <!-- /.offcanvas-footer -->
                </div>
                <!-- /.offcanvas-body -->
            </div>
            <!-- /.navbar-collapse -->
            <div class="navbar-other w-100 d-flex ms-auto">
                <ul class="navbar-nav flex-row align-items-center ms-auto">
                    <li class="nav-item"><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-search"><i class="uil uil-search"></i></a></li>
                    <li class="nav-item d-lg-none">
                        <button class="hamburger offcanvas-nav-btn"><span></span></button>
                    </li>
                </ul>
                <!-- /.navbar-nav -->
            </div>
            <!-- /.navbar-other -->
        </div>
        <!-- /.container -->
    </nav>
    <!-- /.navbar -->
    <div class="offcanvas offcanvas-top bg-light" id="offcanvas-search" data-bs-scroll="true">
        <div class="container d-flex flex-row py-6">
            <form class="w-100">
                <input id="search-form" type="text" class="form-control text-primary border-primary" placeholder="Type keyword and hit enter">
            </form>
            <!-- /.search-form -->
            <button type="button" class="bg-transparent text-primary fs-30 border-0" data-bs-dismiss="offcanvas" aria-label="Close"><i class="uil uil-times-circle"></i></button>
        </div>
        <!-- /.container -->
    </div>
    <!-- /.offcanvas -->
</header>