html

<header id="header" class="header-transparent header-with-borders header-effect-shrink" data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyStartAt': 1, 'stickyHeaderContainerHeight': 72, 'stickyChangeLogo': true}">
    <div class="header-body">
        <div class="header-container">
            <div class="header-row">
                <div class="header-column justify-content-start">
                    <div class="header-logo border-left-0 px-4">
                        <a href="index.html">
                            <img alt="EZ" width="75" height="50" data-change-src="img/logo-small.png" src="img/logo-small-light.png">
                        </a>
                    </div>
                    <div class="header-nav justify-content-lg-start ml-3">
                        <div class="header-nav-main header-nav-main-uppercase header-nav-main-effect-1 header-nav-main-sub-effect-1">
                            <nav class="collapse">
                                <ul class="nav flex-column flex-lg-row" id="mainNav">
                                    <li class="dropdown dropdown-mega">
                                        <a class="dropdown-item dropdown-toggle active" href="index.php">
                                            About
                                        </a>
                                    </li>
                                    <li class="dropdown dropdown-mega dropdown-mega-style-2">
                                        <a class="dropdown-item dropdown-toggle" href="#">
                                            Gallery
                                        </a>
                                    </li>
                                    <li class="dropdown dropdown-mega dropdown-mega-style-2">
                                        <a class="dropdown-item dropdown-toggle" href="#">
                                            Products
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <div class="dropdown-mega-content">
                                                    <div class="row">
                                                        <div class="col-lg-6">
                                                            <ul class="dropdown-mega-sub-nav">
                                                                <li class="fas fa-file-pdf"><a class="dropdown-item" href="ncfiles/NC2N.pdf">NC2N</a></li>
                                                                <li><a class="dropdown-item" href="ncfiles/NC3N.pdf">NC3N</a></li>
                                                                <li><a class="dropdown-item" href="ncfiles/NC4N.pdf">NC4N</a></li>
                                                                <li><a class="dropdown-item" href="ncfiles/NC5N.pdf">NC5N</a></li>
                                                                <li><a class="dropdown-item" href="ncfiles/NC6N.pdf">NC6N</a></li>
                                                                <li><a class="dropdown-item" href="ncfiles/NC7N.pdf">NC7N</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <ul class="dropdown-mega-sub-nav">
                                                                <li><a class="dropdown-item" href="ncfiles/NC8N.pdf">NC8N</a></li>
                                                                <li><a class="dropdown-item" href="ncfiles/NC9N.pdf">NC9N</a></li>
                                                                <li><a class="dropdown-item" href="ncfiles/NC100.pdf">NC100</a></li>
                                                                <li><a class="dropdown-item" href="ncfiles/NC3C.pdf">NC3C</a></li>
                                                                <li><a class="dropdown-item" href="ncfiles/NC5C.pdf">NC5C</a></li>
                                                                <li><a class="dropdown-item" href="ncfiles/NC150.pdf">NC150</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown dropdown-mega dropdown-mega-style-2">
                                        <a class="dropdown-item dropdown-toggle" href="#">
                                            News
                                        </a>
                                    </li>
                                    <li class="dropdown">
                                        <a class="dropdown-item dropdown-toggle" href="contact.php">
                                            Get in Touch
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li class="dropdown-submenu">
                                                <a class="dropdown-item dropdown-toggle" href="#">Product Detail</a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item" href="shop-product-detail.html">Default</a></li>
                                                    <li><a class="dropdown-item" href="shop-product-detail-right-sidebar.html">Right Sidebar</a></li>
                                                    <li><a class="dropdown-item" href="shop-product-detail-left-sidebar.html">Left Sidebar</a></li>
                                                    <li><a class="dropdown-item" href="shop-product-detail-both-sidebar.html">Both Sidebar</a></li>
                                                </ul>
                                            </li>
                                            <li class="dropdown-submenu">
                                                <a class="dropdown-item dropdown-toggle" href="#">4 Columns</a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item" href="shop-4-columns-default.html">Default</a></li>
                                                    <li><a class="dropdown-item" href="shop-4-columns-right-sidebar.html">Right Sidebar</a></li>
                                                    <li><a class="dropdown-item" href="shop-4-columns-left-sidebar.html">Left Sidebar</a></li>
                                                </ul>
                                            </li>
                                            <li class="dropdown-submenu">
                                                <a class="dropdown-item dropdown-toggle" href="#">3 Columns</a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item" href="shop-3-columns-default.html">Default</a></li>
                                                    <li><a class="dropdown-item" href="shop-3-columns-right-sidebar.html">Right Sidebar</a></li>
                                                    <li><a class="dropdown-item" href="shop-3-columns-left-sidebar.html">Left Sidebar</a></li>
                                                </ul>
                                            </li>
                                            <li class="dropdown-submenu">
                                                <a class="dropdown-item dropdown-toggle" href="#">2 Columns</a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item" href="shop-2-columns-right-sidebar.html">Right Sidebar</a></li>
                                                    <li><a class="dropdown-item" href="shop-2-columns-left-sidebar.html">Left Sidebar</a></li>
                                                    <li><a class="dropdown-item" href="shop-2-columns-both-sidebar.html">Both Sidebar</a></li>
                                                </ul>
                                            </li>
                                            <li class="dropdown-submenu">
                                                <a class="dropdown-item dropdown-toggle" href="#">1 Column</a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item" href="shop-1-column-default.html">Default</a></li>
                                                    <li><a class="dropdown-item" href="shop-1-column-right-sidebar.html">Right Sidebar</a></li>
                                                    <li><a class="dropdown-item" href="shop-1-column-left-sidebar.html">Left Sidebar</a></li>
                                                    <li><a class="dropdown-item" href="shop-1-column-both-sidebar.html">Both Sidebar</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="dropdown-item" href="shop-full-width.html">Full Width</a></li>
                                            <li><a class="dropdown-item" href="shop-cart.html">Cart</a></li>
                                            <li><a class="dropdown-item" href="shop-login.html">Login</a></li>
                                            <li><a class="dropdown-item" href="shop-checkout.html">Checkout</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
                <div class="header-column justify-content-end">
                    <ul class="header-social-icons social-icons border-right-0 d-none d-xl-flex px-4">
                        <li class="social-icons-facebook"><a href="http://www.facebook.com/" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
                        <li class="social-icons-twitter"><a href="http://www.twitter.com/" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a></li>
                        <li class="social-icons-instagram"><a href="http://www.instagram.com/" target="_blank" title="Instagram"><i class="fab fa-instagram"></i></a></li>

                    </ul>
                    <button class="header-btn-collapse-nav header-btn-collapse-nav-light on-sticky-dark mx-3" data-toggle="collapse" data-target=".header-nav-main nav">
                        <span class="hamburguer">
                            <span></span>
                            <span></span>
                            <span></span>
                        </span>
                        <span class="close">
                            <span></span>
                            <span></span>
                        </span>
                    </button>
                </div>
            </div>
        </div>
    </div>
</header>