<header id="header">

<!-- Top Navbar -->
<nav class="navbar navbar-expand top">
    <div class="container header">

        <!-- Navbar Items [left] -->
        <ul class="navbar-nav">
            <li class="nav-item">
                <a href="#" class="nav-link pl-0"><i class="fas fa-clock mr-2"></i>Open Hours: Mon - Sat - 9:00 - 18:00</a>
            </li>
        </ul>

        <!-- Nav holder -->
        <div class="ml-auto"></div>

        <!-- Navbar Items [right] -->
        <ul class="navbar-nav">
            <li class="nav-item">
                <a href="tel:9212695704" class="nav-link"><i class="fas fa-phone-alt mr-2"></i>9212695704</a>
            </li>
            <li class="nav-item">
                <a href="mailto:acriprez@gmail.com" class="nav-link"><i class="fas fa-envelope mr-2"></i>acriprez@gmail.com</a>
            </li>
        </ul>

        <!-- Navbar Icons -->
        <ul class="navbar-nav icons">
            <!-- <li class="nav-item social">
                <a href="#" class="nav-link"><i class="fab fa-facebook-f"></i></a>
            </li> -->
            <li class="nav-item social">
                <a href="https://www.youtube.com/@associationofcertifiedreal9449" class="nav-link"><i class="fab fa-youtube"></i></a>
            </li>
            <li class="nav-item social">
                <a href="https://www.linkedin.com/company/acriofficial/" class="nav-link pr-0"><i class="fab fa-linkedin-in"></i></a>
            </li>
        </ul>

    </div>
</nav>

<!-- Navbar -->
<nav class="navbar navbar-expand navbar-fixed sub">
    <div class="container header">

        <!-- Navbar Brand-->
        <a class="navbar-brand light" href="/">
            <!-- <span class="brand">
                <span class="featured">
                    <span class="first">NEX</span>
                </span>
                <span class="last">GEN</span>
            </span>
             -->
            
                <!-- Custom Logo -->
                <!-- <img src="assets/images/logo.jpg" alt="NEXGEN"> -->
                <img src="assets/images/logo.jpg" alt="NEXGEN" height="70px">
           
        </a>

        <!-- Nav holder -->
        <div class="ml-auto"></div>

        <!-- Navbar Items -->
        <ul class="navbar-nav items">
            <li class="nav-item dropdown"><a href="index.php" class="nav-link">HOME </a></li>
            <li class="nav-item dropdown"><a href="about-us.php" class="nav-link">ABOUT US</a></li>
            <li class="nav-item dropdown"><a href="team.php" class="nav-link">TEAM</a></li>
            <li class="nav-item dropdown"><a href="gallery.php" class="nav-link">GALLERY</a></li>
            <li class="nav-item dropdown"><a href="contact.php" class="nav-link">CONTACT US </a></li>
            <li class="nav-item dropdown">
        <a href="#" class="nav-link dropdown-toggle" id="documentsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">DOCUMENTS</a>
        <ul class="dropdown-menu" aria-labelledby="documentsDropdown">
            <li><a class="dropdown-item" href="assets/images/team/certificate.jpeg" target="_blank">CERTIFICATE OF REGISTRATION</a></li>
            <li><a class="dropdown-item" href="assets/images/team/regi.jpeg" target="_blank" >REGISTRATION FORM</a></li>
        </ul>
    </li>
       
        
        </ul>
<!-- 
        <li class="nav-item dropdown"><a href="assets/images/team/certificate.jpeg" class="nav-link" target="_blank">CERTIFICATE OF REGISTRATION</a</li> -->

        <!-- Navbar Icons -->
        <!-- <ul class="navbar-nav icons">
            <li class="nav-item">
                <a href="#" class="nav-link" data-toggle="modal" data-target="#search">
                    <i class="icon-magnifier"></i>
                </a>
            </li>
        </ul> -->

        <!-- Navbar Toggle -->
        <ul class="navbar-nav toggle">
            <li class="nav-item">
                <a href="#" class="nav-link" data-toggle="modal" data-target="#menu">
                    <i class="icon-menu m-0"></i>
                </a>
            </li>
        </ul>

        <!-- Navbar Action -->
        <ul class="navbar-nav action">
            <li class="nav-item ml-3">
                <a href="tel:9212695704" target="_blank" class="btn ml-lg-auto primary-button">Reach Us</a>
                <!-- 
                    Suggestion: Replace the purchase button above with a contact button.
                    
                    <a href="#contact" class="smooth-anchor btn ml-lg-auto primary-button">CONTACT US</a>
                -->
            </li>
        </ul>
    </div>
</nav>

</header>