privdayz.com

<!-- ======= Top Bar ======= -->
<section id="topbar" class="d-flex align-items-center">
    <div class="container d-flex justify-content-center justify-content-md-between">
        <div class="contact-info d-flex align-items-center">
            <i class="bi bi-envelope d-flex align-items-center"><a href="mailto:[email protected]">[email protected]</a></i>
            <i class="bi bi-phone d-flex align-items-center ms-4"><a href="tel:+91-7839315372">+91-7839315372</a></i>
        </div>
        <div class="social-links d-none d-md-flex align-items-center">
            <a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
            <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
            <a href="https://www.instagram.com/amberpublishers/" class="instagram"><i class="bi bi-instagram"></i></a>
            <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></i></a>
        </div>
    </div>
</section><!-- End Top Bar-->

<!-- ======= Header ======= -->
<header id="header" class="d-flex align-items-center">
    <div class="container d-flex justify-content-between">
        <!-- <div class="img-fluid">
        <img src="photos/img/AP-LOGO.jpg" alt="">
       </div>  -->
        <div id="logo">
    <!-- <img src="assets/img/logo/banner.jpg" alt="" srcset=""> -->
    <img src="assets/img/logo/favicon.png" alt="" srcset="">
            <span><a href="./"> Amber<span> Publishers</span></a></span>
            <!-- Uncomment below if you prefer to use an image logo -->
            <!-- <a href="index.html"><img src="assets/img/logo.png" alt=""></a>-->
        </div>
        <nav id="navbar" class="navbar">
            <ul>
                <li><a class="nav-link scrollto active" href="./#hero">Home</a></li>
                <li><a class="nav-link scrollto" href="about">About US</a></li>
                <li><a class="nav-link scrollto" href="https://amberpublishers.in/#services">Services</a></li>
                <!-- <li><a class="nav-link scrollto " href="instruction_to_author" id="inst-author">Instruction to Authors</a></li> -->
                <li class="dropdown"><a href="#"><span>For Author</span> <i class="bi bi-chevron-down"></i></a>
                    <ul>
                        <!-- <a href="editorial">Editorial Board</a></li> -->
                        <li><a class="nav-link scrollto" href="instruction_to_author">Instruction to Authors</a></li>
                        <li><a href="publication_feedetails">Publication Fee Details</a></li>
                    </ul>
                </li>
                <li><a class="nav-link scrollto" href="https://amberpublishers.in/#contact">Contact Us</a></li>
                <li><a href="https://ijsri.amberpublishers.in/"><button type="button" class="btn  btn-dark corner glowing-button">IJSRI Journal</button></a>
                </li>
            </ul>
            <i id="hal" class="bi bi-list mobile-nav-toggle hamburger"></i>
            
        </nav><!-- .navbar -->
        <script>
            document.querySelector("#hal").addEventListener("click", function(e) {
                document.querySelector  ('#navbar').classList.toggle('navbar-mobile')
                this.classList.toggle('bi-list')
                this.classList.toggle('bi-x')
                // console.log(this,e,"ham")
            });
            document.querySelector(".navbar .dropdown > a").addEventListener("click", function(e) {
                if (document.querySelector('#navbar').classList.contains('navbar-mobile')) {
                e.preventDefault()
                this.nextElementSibling.classList.toggle('dropdown-active')
                }
            }, true);
        </script>
    </div>
</header><!-- End Header -->