<div id="preloader">
    <div class="row loader">
        <div class="loader-icon"></div>
    </div>
</div>
<!--- <div id="top-bar" class="hidden-md-down">
<div class="container">
<div class="row">
<div class="col-md-9 col-12">
<ul class="top-bar-info">
<li><i class="fas fa-map-marker-alt"></i>address</li>
<li><i class="fas fa-phone-square"></i> Phone: + 999999999</li>
<li><i class="fa fa-envelope"></i>Email: <a href="#" class="text-white">contact@gmail.com</a></li>
</ul>
</div>
<div class="col-md-3 col-12">
<ul class="social-icons hidden-sm">
<li><a href="#"  target="_blank"><i class="fab fa-facebook"></i></a></li>
<li><a href="#"  target="_blank"><i class="fab fa-twitter"></i></a></li>
</ul>
</div>
</div>
</div>
</div>--->
<header>
    <nav id="navigation4" class="container navigation">
        <div class="nav-header"> <a class="nav-brand" href="index.php"><img src="resources/front-end/img/logo.png" alt="logo" id="main_logo" class="img-fluid"></a>
            <div class="nav-toggle"></div>
        </div>
        
        <div class="nav-menus-wrapper">
            <ul class="nav-menu align-to-right" >
                <li><a href="index.php" target="_self" class="">Home</a></li>
                <li class=""><a href="about-us.php">About Us</a>
                    <ul class="nav-dropdown nav-submenu">
                        <li><a href="about-us.php" target="_self" class="">THE COLLEGE</a></li>
                        <li><a href="vision.php" target="_self" class="">VISION</a></li>
                        <li><a href="mision.php" target="_self" class="">MISSION</a></li>
                        <li><a href="objective.php" t.arget="_self" class="">OBJECTIVE</a></li>
                        <li><a href="our-logo.php" t.arget="_self" class="">OUR LOGO</a></li>
                    </ul>
                </li>
                <li><a href="our-team.php" target="_self" class="">PEOPLE </a></li>
                <li><a href="events.php" target="_self" class="">EVENTS </a></li>
                <li><a href="international-conference.php" target="_self" class="">International Conference</a></li>
                <li><a href="#" target="_self" class="">MEDIA </a>
                    <ul class="nav-dropdown nav-submenu">
                        <li><a href="photo-gallery.php" target="_self" class="">PHOTO GALLERY</a></li>
                        <li><a href="videos-gallery.php" target="_self" class="">VIDEOS GALLERY</a></li>
                        <li><a href="press-release.php" target="_self" class="">PRESS RELEASE</a></li>
                    </ul>
                </li>
                <li><a href="contact-us.php" target="_self" class="">Contact Us</a></li>
            </ul>
        </div>
    </nav>
</header>