Viewing 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>
<body>
<header class="header-nav-center main-wrapped-header">
<div class="container">
<nav class="navbar navbar-expand-lg">
<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>
<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