<nav class="navbar navbar-expand-lg navbar-light sesp-nav fixed-top">
    <div class="container-fluid section-sesp">
        <a class="navbar-brand" href="index.php"><img src="images/logo.png" alt="" class="logo"></a>
        <a href="index-ar.php" class="arabic-btn btn sm-show-btn">العربية&ensp;<i class="fal fa-globe"></i></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="index.php">Home <span class="sr-only">(current)</span></a>
                </li>

                <li class="nav-item dropdown">
                    <a href="about.php" class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            About us
                        </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="about.php">Our vision & Mission</a>
                        <a class="dropdown-item" href="why-sesp.php">Why SESP</a>
                        <a class="dropdown-item" href="founding-partners.php">Founding partners</a>
                        <a class="dropdown-item" href="training-partners.php">Training partners</a>
                        <a class="dropdown-item" href="training-facilities.php">Training facilities</a>
                        <a class="dropdown-item" href="go-green.php">Go green</a>
                        <a class="dropdown-item" href="prospectus.php">SESP prospectus</a>
                        <a class="dropdown-item" href="locations.php">Locations</a>
                        <a class="dropdown-item" target="_blank" href="https://businessgateways.com/TvI4mdhLUdU5ldLLlWmcUeX0Pw75SWX9Qrp-TGHATizz?comid=TvI4mdhLUdU5ldLLlWmcUdqdlZif">SESP Portal in JSRS</a>

                    </div>
                </li>

                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Academic & Admission
                        </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="collaboration.php">Collaboration and Mutual association</a>
                        <a class="dropdown-item" href="academic-calendar.php">Academic calendar</a>
                        <a class="dropdown-item" href="programs.php">SESP programs</a>
                        <a class="dropdown-item" href="short-courses.php">Short courses</a>
                        <a class="dropdown-item" href="faculty.php">Faculty</a>
                        <a class="dropdown-item" href="#">SESP employee certificate</a>

                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            News & Media
                        </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="news.php">News & Events</a>
                        <a class="dropdown-item" href="gallery.php">Photo gallery</a>

                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="newsletter-year.php">Newsletters</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="contact.php?type=1">Contact us</a>
                </li>
            </ul>
            <form class="form-inline search-frm my-2 my-lg-0">
                <input id="search-box" type="text" class="search-box" name="q" />
                <label for="search-box"><i class="far fa-search search-icon"></i></label>
            </form>
            <a href="index-ar.php" class="arabic-btn btn">العربية&ensp;<i class="fal fa-globe"></i></a>
            <a href="#" class="lms-btn">LMS</a>
        </div>

    </div>
</nav>