File Manager

Editing File: /home/ubuntu/apex-acrostrade-landing-ui/header.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Header</title>
</head>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav mb-2 ms-auto mb-lg-0">
                        <li class="nav-item">
                            <a class="nav-link active" href="/">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link active" href="contact">Contact Us</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
    </header>

<div class="mobile-nav-header">
        <nav class="navbar fixed-top">
            <div class="container-fluid">
                <a class="navbar-brand" href="/">
                    <picture>
                        <source class="lazyload blur-up logo" type="image/png" srcset="assets/img/logo.png">
                        <img data-src="assets/img/logo.png" type="image/png" class="lazyload blur-up logo" alt="logo">
                    </picture>
                </a>
                <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas"
                    data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
                    <svg fill="#fff" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24">
                        <path
                            d="M13 18H5c-.6 0-1-.4-1-1s.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1zM19 13H5c-.6 0-1-.4-1-1s.4-1 1-1h14c.6 0 1 .4 1 1s-.4 1-1 1zM19 8h-8c-.6 0-1-.4-1-1s.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1z">
                        </path>
                    </svg>
                </button>
                <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar"
                    aria-labelledby="offcanvasNavbarLabel">
                    <div class="offcanvas-header">
                        <h5 class="offcanvas-title" id="offcanvasNavbarLabel">
                            <picture>
                                <source class="lazyload blur-up logo" type="image/png" srcset="assets/img/logo.png">
                                <img data-src="assets/img/logo.png" type="image/png" class="lazyload blur-up logo" alt="logo">
                            </picture>
                        </h5>
                        <button type="button" class="offcanvas-close-btn" data-bs-dismiss="offcanvas" aria-label="Close">
                            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" x="0" y="0" viewBox="0 0 320.591 320.591" style="enable-background:new 0 0 512 512" xml:space="preserve" class="">
                                <g>
                                  <path d="M30.391 318.583a30.37 30.37 0 0 1-21.56-7.288c-11.774-11.844-11.774-30.973 0-42.817L266.643 10.665c12.246-11.459 31.462-10.822 42.921 1.424 10.362 11.074 10.966 28.095 1.414 39.875L51.647 311.295a30.366 30.366 0 0 1-21.256 7.288z" fill="#ffffff" opacity="1" data-original="#000000"></path>
                                  <path d="M287.9 318.583a30.37 30.37 0 0 1-21.257-8.806L8.83 51.963C-2.078 39.225-.595 20.055 12.143 9.146c11.369-9.736 28.136-9.736 39.504 0l259.331 257.813c12.243 11.462 12.876 30.679 1.414 42.922-.456.487-.927.958-1.414 1.414a30.368 30.368 0 0 1-23.078 7.288z" fill="#ffffff" opacity="1" data-original="#000000"></path>
                                </g>
                              </svg>
                        </button>
                    </div>
                    <div class="offcanvas-body">
                        <ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
                            <li class="nav-item">
                                <a class="nav-link active" href="/">Home</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link active" href="contact">Contact Us</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
    </div>
    <script>

(function ($) {
            $('.dropdown').mouseover(function () {
                if ($('.navbar-toggler').is(':hidden')) {
                    $(this).addClass('show').attr('aria-expanded', 'true');
                    $(this).find('.dropdown-menu').addClass('show');
                    // $('.dropdown-toggle').addClass('demoo');
                    $('.dropdown-toggle').attr('aria-expanded', 'true');
                    $('.dropdown-mega .dropdown-menu ').attr('data-bs-popper','static');
                    // data-bs-popper="static"
                }
            }).mouseout(function () {
                if ($('.navbar-toggler').is(':hidden')) {
                    $(this).removeClass('show').attr('aria-expanded', 'false');
                    $(this).find('.dropdown-menu').removeClass('show');
                    // $('.dropdown-toggle').removeClass('demoo');
                    $('.dropdown-toggle').attr('aria-expanded', 'false');
                    $('.dropdown-mega .dropdown-menu ').removeAttribute('data-bs-popper','static');

}
            });
        })(jQuery)
        
        </script>
</body>

</html>

Back to Directory File Manager