| Server IP : 172.67.201.108 / Your IP : 216.73.216.11 Web Server : Apache/2.4.68 (Amazon Linux) OpenSSL/3.5.5 System : Linux ip-172-31-69-123.ec2.internal 6.1.176-223.369.amzn2023.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Jul 24 13:34:27 UTC 2026 x86_64 User : ec2-user ( 1000) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/home2/domains/nycyouth/Package-HTML/Canvas 7 Files/ |
Upload File : |
<!DOCTYPE html> <html dir="ltr" lang="en-US"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="author" content="SemiColonWeb"> <meta name="description" content="Get Canvas to build powerful websites easily with the Highly Customizable & Best Selling Bootstrap Template, today."> <!-- Font Imports --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Lato:wght@400;500;600;700&display=swap" rel="stylesheet"> <!-- Core Style --> <link rel="stylesheet" href="style.css"> <!-- Font Icons --> <link rel="stylesheet" href="css/font-icons.css"> <!-- Plugins/Components CSS --> <link rel="stylesheet" href="css/swiper.css"> <!-- Custom CSS --> <link rel="stylesheet" href="css/custom.css"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Document Title ============================================= --> <title>Mega Menu - Navigation | Canvas</title> </head> <body class="stretched"> <!-- Document Wrapper ============================================= --> <div id="wrapper"> <!-- Header ============================================= --> <header id="header"> <div id="header-wrap"> <div class="container"> <div class="header-row justify-content-center"> <!-- Primary Navigation icon in mobile ============================================= --> <div class="primary-menu-trigger"> <svg class="svg-trigger" viewBox="0 0 100 100"> <path d="m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20"> </path> <path d="m 30,50 h 40"></path> <path d="m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20"> </path> </svg> </div> <!-- Primary Navigation ============================================= --> <nav class="primary-menu with-arrows border-0"> <ul class="menu-container justify-content-center"> <!-- justify-content-center class for center menu--> <li class="menu-item current"> <a class="menu-link" href="#"> <div>Home</div> </a> </li> <li class="menu-item mega-menu"> <a class="menu-link" href="#"> <div>Mega Menu</div> </a> <div class="mega-menu-content"> <div class="container"> <div class="row"> <ul class="sub-menu-container mega-menu-column col"> <li class="menu-item mega-menu-title"> <a class="menu-link bg-color" href="#"> <div class="mb-0 fw-bold text-white">Headers</div> </a> <ul class="sub-menu-container"> <li class="menu-item"> <a class="menu-link" href="header-light.html"> <div><i class="bi-three-dots"></i>Default</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="header-transparent.html"> <div><i class="bi-three-dots"></i>Transparent</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="header-semi-transparent.html"> <div><i class="bi-three-dots"></i>Semi-Transparent</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="header-floating.html"> <div><i class="bi-three-dots"></i>Flotaing</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="static-sticky.html"> <div><i class="bi-three-dots"></i>Static Sticky</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="header-side-left.html"> <div><i class="bi-three-dots"></i>Left Side Header</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="header-side-right.html"> <div><i class="bi-three-dots"></i>Right Side Header</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="logo-changer.html"> <div><i class="bi-three-dots"></i>Alternative Logos</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="split-menu.html"> <div><i class="bi-three-dots"></i>Split Menu</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="alternate-mobile-menu.html"> <div><i class="bi-three-dots"></i>Alternative Responsive Menu</div> </a> </li> </ul> </li> </ul> <ul class="sub-menu-container mega-menu-column col"> <li class="menu-item mega-menu-title"> <a class="menu-link bg-color" href="#"> <div class="mb-0 fw-bold text-white">Menu Styles</div> </a> <ul class="sub-menu-container"> <li class="menu-item"> <a class="menu-link" href="menu-2.html"> <div><i class="bi-list"></i>Alternate Layout</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="menu-3.html"> <div><i class="bi-list"></i>Pill Style</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="menu-4.html"> <div><i class="bi-list"></i>Border Style</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="menu-5.html"> <div><i class="bi-list"></i>Large Icon Menu</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="split-menu-2.html"> <div><i class="bi-list"></i>Split Layout</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="menu-subtitle.html"> <div><i class="bi-list"></i>Sub-Title Menu</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="menu-7.html"> <div><i class="bi-list"></i>Extended Menu 1</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="menu-8.html"> <div><i class="bi-list"></i>Extended Menu 2</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="menu-9.html"> <div><i class="bi-list"></i>Extended Menu 3</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="menu-10.html"> <div><i class="bi-list"></i>Overlay Menu</div> </a> </li> </ul> </li> </ul> <ul class="sub-menu-container mega-menu-column col"> <li class="menu-item mega-menu-title"> <a class="menu-link bg-color" href="#"> <div class="mb-0 fw-bold text-white">Shop</div> </a> <ul class="sub-menu-container"> <li class="menu-item"> <a class="menu-link" href="shop.html"> <div><i class="bi-cart"></i>4 Columns</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="shop-3-right-sidebar.html"> <div><i class="bi-cart"></i>3 Columns</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="shop-2-right-sidebar.html"> <div><i class="bi-cart"></i>2 Columns</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="shop-1.html"> <div><i class="bi-cart"></i>1 Column</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="shop-single.html"> <div><i class="bi-cart"></i>Single - Full Width</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="shop-single-right-sidebar.html"> <div><i class="bi-cart"></i>Single - Sidebar</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="shop-category-parallax.html"> <div><i class="bi-cart"></i>Categories - Parallax</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="shop-combination-filter.html"> <div><i class="bi-cart"></i>Combination Filter</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="cart.html"> <div><i class="bi-cart"></i>Cart</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="checkout.html"> <div><i class="bi-cart"></i>Checkout</div> </a> </li> </ul> </li> </ul> <ul class="sub-menu-container mega-menu-column col"> <li class="menu-item mega-menu-title"> <a class="menu-link bg-color" href="#"> <div class="mb-0 fw-bold text-white">Modal</div> </a> <ul class="sub-menu-container"> <li class="menu-item"> <a class="menu-link" href="modal-onload.html"> <div><i class="bi-fullscreen"></i> Layout</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="modal-onload-iframe.html"> <div><i class="bi-fullscreen"></i>Video iFrame</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="modal-onload-subscribe.html"> <div><i class="bi-fullscreen"></i>Subscription Form</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="modal-onload-common-height.html"> <div><i class="bi-fullscreen"></i>Common Height</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="modal-onload-cookie.html"> <div><i class="bi-fullscreen"></i>Cookies Enabled</div> </a> </li> </ul> </li> <li class="menu-item mega-menu-title"> <a class="menu-link bg-color" href="#"> <div class="mb-0 fw-bold text-white">Pages</div> </a> <ul class="sub-menu-container"> <li class="menu-item"> <a class="menu-link" href="about.html"> <div><i class="bi-file-earmark-richtext"></i>About Us</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="profile.html"> <div><i class="bi-file-earmark-richtext"></i>User Profile</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="contact.html"> <div><i class="bi-file-earmark-richtext"></i>Contact Us</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="login-register.html"> <div><i class="bi-file-earmark-richtext"></i>Login/Register</div> </a> </li> </ul> </li> </ul> <ul class="sub-menu-container mega-menu-column col"> <li class="menu-item mega-menu-title"> <a class="menu-link bg-color" href="#"> <div class="mb-0 fw-bold text-white">Shortcodes</div> </a> <ul class="sub-menu-container"> <li class="menu-item"> <a class="menu-link" href="style-boxes.html"> <div><i class="bi-exclamation-circle"></i>Alert Boxes</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="styled-icons.html"> <div><i class="bi-flower2"></i>Styled Icons</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="tables.html"> <div><i class="bi-table"></i>Tables</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="tabs.html"> <div><i class="bi-segmented-nav"></i>Tabs</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="testimonials-twitter.html"> <div><i class="bi-chat-left-quote"></i>Testimonials</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="thumbnails-slider.html"> <div><i class="bi-image"></i>Thumbnails</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="toggles-accordions.html"> <div><i class="bi-caret-down-square"></i>Toggles</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="lazy-loading.html"> <div><i class="fa-solid fa-spinner"></i>Lazy Loading</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="component-radios-switches.html"> <div><i class="bi-toggle-off"></i>Radios & Switches</div> </a> </li> <li class="menu-item"> <a class="menu-link" href="flip-cards.html"> <div><i class="bi-arrow-repeat"></i>Flip Cards</div> </a> </li> </ul> </li> </ul> </div> </div> </div> </li> <li class="menu-item"> <a class="menu-link" href="#"> <div>Pages</div> </a> </li> <li class="menu-item mega-menu"> <a class="menu-link" href="#"> <div>Shortcodes</div> </a> </li> </ul> </nav><!-- #primary-menu end --> </div> </div> </div> <div class="header-wrap-clone"></div> </header><!-- #header end --> <!-- Content ============================================= --> <section id="content" class="include-header"> <div class="content-wrap py-0"> <div class="section m-0 min-vh-100"> </div> </div> </section><!-- #content end --> </div><!-- #wrapper end --> <!-- Go To Top ============================================= --> <div id="gotoTop" class="uil uil-angle-up"></div> <!-- JavaScripts ============================================= --> <script src="js/functions.js"></script> </body> </html>