| Server IP : 104.21.21.239 / Your IP : 216.73.216.68 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/cgny/public_html/familyfun/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=Noto+Sans:wght@400;700&family=Noto+Serif:ital,wght@1,700&display=swap" rel="stylesheet">
<!-- Core Style -->
<link rel="stylesheet" href="style.css">
<!-- Font Icons -->
<link rel="stylesheet" href="css/font-icons.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>Header - Navigation | Canvas</title>
<style>
@media (min-width: 992px) {
.block-nav-header-2 #top-bar.transparent-topbar {
background: transparent !important;
z-index: 399;
border-bottom: 0;
}
.block-nav-header-2 .primary-menu {
border-top: 1px solid rgba(255,255,255,0.3);
}
.block-nav-header-2 .transparent-topbar + .transparent-header + #content {
margin-top: -163px; /* #header(height) + #top-bar(height) */
}
}
.block-nav-header-2 .dark .top-links li > a,
.block-nav-header-2 .dark #top-social li a { color: #f5f5f5; }
.block-nav-header-2 .dark #top-social li,
.block-nav-header-2 .top-links-item { border-left: 0; }
</style>
</head>
<body class="stretched block-nav-header-2">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Top Bar
============================================= -->
<div id="top-bar" class="transparent-topbar dark py-md-2">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-lg-3 col-md-2">
<div class="top-links d-flex justify-content-center justify-content-lg-start">
<ul class="top-links-container">
<li class="top-links-item"><a href="#">EN</a>
<ul class="top-links-sub-menu" style="width: 53px; left: 0;">
<li class="top-links-item"><a href="#">TH</a></li>
<li class="top-links-item"><a href="#">AR</a></li>
<li class="top-links-item"><a href="#">ES</a></li>
</ul>
</li>
</ul>
</div><!-- .top-links end -->
</div>
<div class="col-12 col-lg-6 col-md-8">
<!-- Top Links
============================================= -->
<div class="top-links">
<ul class="top-links-container">
<li class="top-links-item px-1 ls-2"><a href="demo-travel.html">Home</a></li>
<li class="top-links-item px-1 ls-2"><a href="faqs.html">FAQs</a></li>
<li class="top-links-item px-1 ls-2"><a href="contact.html">Contact</a></li>
</ul>
</div><!-- .top-links end -->
</div>
<div class="col-12 col-lg-3 col-md-2">
<!-- Top Social
============================================= -->
<ul id="top-social" class="justify-content-center justify-content-lg-end">
<li><a href="#" class="h-bg-facebook"><span class="ts-icon"><i class="fa-brands fa-facebook-f"></i></span><span
class="ts-text">Facebook</span></a></li>
<li><a href="#" class="h-bg-twitter"><span class="ts-icon"><i class="fa-brands fa-twitter"></i></span><span
class="ts-text">Twitter</span></a></li>
<li><a href="#" class="h-bg-pinterest"><span class="ts-icon"><i class="fa-brands fa-pinterest-p"></i></span><span
class="ts-text">Pinterest</span></a></li>
<li><a href="#" class="h-bg-instagram"><span class="ts-icon"><i class="fa-brands fa-instagram"></i></span><span
class="ts-text">Instagram</span></a></li>
</ul><!-- #top-social end -->
</div>
</div>
</div>
</div><!-- #top-bar end -->
<!-- Header
============================================= -->
<header id="header" class="transparent-header dark">
<div id="header-wrap">
<div class="container">
<div class="header-row justify-content-lg-between">
<!-- Logo
============================================= -->
<div id="logo" class="me-lg-0">
<a href="index.html">
<img class="logo-default" srcset="images/logo.png, images/[email protected] 2x" src="images/[email protected]" alt="Canvas Logo">
<img class="logo-dark" srcset="images/logo-dark.png, images/[email protected] 2x" src="images/[email protected]" alt="Canvas Logo">
</a>
</div><!-- #logo end -->
<div class="header-misc">
<!-- Top Search
============================================= -->
<div id="top-search" class="header-misc-icon">
<a href="#" id="top-search-trigger"><i class="uil uil-search"></i><i class="bi-x-lg"></i></a>
</div><!-- #top-search end -->
<!-- Top Cart
============================================= -->
<div id="top-cart" class="header-misc-icon">
<a href="#" id="top-cart-trigger"><i class="uil uil-shopping-bag"></i><span class="top-cart-number">5</span></a>
<div class="top-cart-content">
<div class="top-cart-title">
<h4>Shopping Cart</h4>
</div>
<div class="top-cart-items">
<div class="top-cart-item">
<div class="top-cart-item-image">
<a href="#"><img src="images/shop/small/1.jpg" alt="Blue Round-Neck Tshirt"></a>
</div>
<div class="top-cart-item-desc">
<div class="top-cart-item-desc-title">
<a href="#">Blue Round-Neck Tshirt with a Button</a>
<span class="top-cart-item-price d-block">$19.99</span>
</div>
<div class="top-cart-item-quantity">x 2</div>
</div>
</div>
<div class="top-cart-item">
<div class="top-cart-item-image">
<a href="#"><img src="images/shop/small/6.jpg" alt="Light Blue Denim Dress"></a>
</div>
<div class="top-cart-item-desc">
<div class="top-cart-item-desc-title">
<a href="#">Light Blue Denim Dress</a>
<span class="top-cart-item-price d-block">$24.99</span>
</div>
<div class="top-cart-item-quantity">x 3</div>
</div>
</div>
</div>
<div class="top-cart-action">
<span class="top-checkout-price">$114.95</span>
<a href="#" class="button button-3d button-small m-0">View Cart</a>
</div>
</div>
</div><!-- #top-cart end -->
</div>
<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">
<ul class="menu-container">
<li class="menu-item">
<a class="menu-link" href="index.html">
<div>Home</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="intro.html#section-niche">
<div>Niche Demos</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-corporate.html">
<div>Home - Corporate</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="index-corporate.html">
<div>Corporate - Layout 1</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-corporate-2.html">
<div>Corporate - Layout 2</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-corporate-3.html">
<div>Corporate - Layout 3</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-corporate-4.html">
<div>Corporate - Layout 4</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="index-portfolio.html">
<div>Home - Portfolio</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="index-portfolio.html">
<div>Portfolio - Layout 1</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-portfolio-2.html">
<div>Portfolio - Layout 2</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-portfolio-3.html">
<div>Portfolio - Masonry</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-portfolio-4.html">
<div>Portfolio - AJAX</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="index-blog.html">
<div>Home - Blog</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="index-blog.html">
<div>Blog - Layout 1</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-blog-2.html">
<div>Blog - Layout 2</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-blog-3.html">
<div>Blog - Layout 3</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="index-shop.html">
<div>Home - Shop</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="index-shop.html">
<div>Shop - Layout 1</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-shop-2.html">
<div>Shop - Layout 2</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="index-magazine.html">
<div>Home - Magazine</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="index-magazine.html">
<div>Magazine - Layout 1</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-magazine-2.html">
<div>Magazine - Layout 2</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-magazine-3.html">
<div>Magazine - Layout 3</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="landing.html">
<div>Home - Landing Page</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="landing.html">
<div>Landing Page - Layout 1</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="landing-2.html">
<div>Landing Page - Layout 2</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="landing-3.html">
<div>Landing Page - Layout 3</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="landing-4.html">
<div>Landing Page - Layout 4</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="landing-5.html">
<div>Landing Page - Layout 5</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="index-fullscreen-image.html">
<div>Home - Full Screen</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="index-fullscreen-image.html">
<div>Full Screen - Image</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-fullscreen-slider.html">
<div>Full Screen - Slider</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-fullscreen-video.html">
<div>Full Screen - Video</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="index-onepage.html">
<div>Home - One Page</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="index-onepage.html">
<div>One Page - Default</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-onepage-2.html">
<div>One Page - Submenu</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-onepage-3.html">
<div>One Page - Dots Style</div>
</a>
</li>
</ul>
</li>
<li class="menu-item mega-menu mega-menu-small">
<a class="menu-link" href="#">
<div>Extras</div>
</a>
<div class="mega-menu-content">
<div class="row mx-0">
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="index-wedding.html">
<div>Wedding</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-restaurant.html">
<div>Restaurant</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-events.html">
<div>Events</div>
</a>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="index-parallax.html">
<div>Parallax</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-app-showcase.html">
<div>App Showcase</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="index-boxed.html">
<div>Boxed Layout</div>
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="#">
<div>Features</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="#">
<div><i class="bi-hypnotize"></i>Sliders</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="slider-revolution.html">
<div>Revolution Slider</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="rs-demos.html">
<div>Premium Templates</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-revolution.html">
<div>Full Screen</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-revolution-fullwidth.html">
<div>Full Width</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-revolution-kenburns.html">
<div>Kenburns Effect</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-revolution-html5-videos.html">
<div>HTML5 Video</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-canvas.html">
<div>Canvas Slider</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="slider-canvas.html">
<div>Full Width</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-canvas-fade.html">
<div>Fade Transition</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-canvas-autoplay.html">
<div>Autoplay Feature</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-canvas-video-event.html">
<div>Custom Video Event</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-canvas-pagination.html">
<div>Pagination Navigation</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-canvas-3.html">
<div>3 Columns</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-canvas-4.html">
<div>4 Columns</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-canvas-5.html">
<div>5 Columns</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-flex.html">
<div>Flex Slider</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="slider-flex.html">
<div>Default Layout</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-flex-thumbs.html">
<div>with Thumbs</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-owl.html">
<div>Owl Slider</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="slider-owl-full.html">
<div>Full Width</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-owl.html">
<div>Boxed Width</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="slider-owl-videos.html">
<div>Video Slider</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="static-parallax.html">
<div>Static Media</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="static-parallax.html">
<div>Static - Parallax</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="static-image.html">
<div>Static - Image</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="static-thumbs-grid.html">
<div>Static - Thumb Gallery</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="static-html5-video.html">
<div>Static - HTML5 Video</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="static-embed-video.html">
<div>Static - Embedded Video</div>
</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="#">
<div><i class="bi-menu-button-wide-fill"></i>Headers</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="header-light.html">
<div>Light Version</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-dark.html">
<div>Dark Version</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-transparent.html">
<div>Transparent</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-semi-transparent.html">
<div>Semi Transparent</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="header-semi-transparent.html">
<div>Light Version</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-semi-transparent-dark.html">
<div>Dark Version</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="header-side-left.html">
<div>Left Side Header</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="header-side-left.html">
<div>Fixed Position</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-side-left-open.html">
<div>OnClick Open</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-side-left-open-push.html">
<div>Push Content</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="header-side-right.html">
<div>Right Side Header</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="header-side-right.html">
<div>Fixed Position</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-side-right-open.html">
<div>OnClick Open</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="header-side-right-open-push.html">
<div>Push Content</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="header-floating.html">
<div>Floating Version</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="static-sticky.html">
<div>Static Sticky</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="responsive-sticky.html">
<div>Responsive Sticky</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="logo-changer.html">
<div>Alternate Logos</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="alternate-mobile-menu.html">
<div>Alternate Mobile Menu</div>
</a>
</li>
</ul>
</li>
<li class="menu-item mega-menu mega-menu-small">
<a class="menu-link" href="#">
<div><i class="bi-border-style"></i>Menu Styles</div>
</a>
<div class="mega-menu-content">
<div class="row mx-0">
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="header-light.html">
<div>Default Layout</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-2.html">
<div>Alternate Layout</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-3.html">
<div>Pill Style</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-4.html">
<div>Border Style</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-5.html">
<div>Large Icon Menu</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="split-menu.html">
<div>Split Layout</div>
</a>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="menu-6.html">
<div>Scaling Border</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-subtitle.html">
<div>Sub-Title Menu</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-7.html">
<div>Extended Menu 1</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-8.html">
<div>Extended Menu 2</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-9.html">
<div>Extended Menu 3</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="menu-10.html">
<div>Overlay Menu</div>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="menu-item">
<a class="menu-link" href="mega-menu.html">
<div><i class="bi-layout-split"></i>Mega Menu</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="forms.html">
<div><i class="bi-postcard"></i>Forms</div>
</a>
</li>
<li class="menu-item mega-menu mega-menu-small">
<a class="menu-link" href="widgets.html">
<div><i class="bi-boxes"></i>Widgets</div>
</a>
<div class="mega-menu-content">
<div class="row mx-0">
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="widgets.html">
<div>Links</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html">
<div>Flickr Photostream</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html">
<div>Dribbble Shots</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html">
<div>Subscribers</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html">
<div>Posts List</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html">
<div>Twitter Feed</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html">
<div>Tabbed Widgets</div>
</a>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="widgets.html">
<div>Carousel</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html">
<div>Social Icons</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html">
<div>Testimonials</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html">
<div>Quick Contact</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html">
<div>Tags Cloud</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html">
<div>Video Embeds</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="widgets.html">
<div>Raw HTML</div>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="menu-item mega-menu mega-menu-small">
<a class="menu-link" href="#">
<div><i class="bi-textarea-t"></i>Page Titles</div>
</a>
<div class="mega-menu-content">
<div class="row mx-0">
<ul class="sub-menu-container mega-menu-column col-5">
<li class="menu-item">
<a class="menu-link" href="page.html">
<div>Left Align</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-right.html">
<div>Right Align</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-center.html">
<div>Center Align</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-titledark.html">
<div>Dark Style</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-pattern.html">
<div>BG Pattern</div>
</a>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col-7">
<li class="menu-item">
<a class="menu-link" href="page-title-parallax.html">
<div>Parallax - Default</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-parallax-header.html">
<div>Parallax - Transparent</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-video.html">
<div>HTML5 Video</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-nobg.html">
<div>No Background</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="page-title-mini.html">
<div>Mini Version</div>
</a>
</li>
</ul>
</div>
</div>
</li>
<li class="menu-item">
<a class="menu-link" href="side-panel.html">
<div><i class="bi-layout-sidebar-inset-reverse"></i>Side Panel</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="side-panel-left-overlay.html">
<div>Left Overlay</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="side-panel-left-push.html">
<div>Left Push</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="side-panel-right-overlay.html">
<div>Right Overlay</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="side-panel.html">
<div>Right Push</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="side-panel-light.html">
<div>Light Background</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="modal-onload.html">
<div><i class="bi-front"></i>Modal OnLoad</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="modal-onload.html">
<div>Default Layout</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="modal-onload-iframe.html">
<div>Video iFrame</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="modal-onload-subscribe.html">
<div>Subscription Form</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="modal-onload-common-height.html">
<div>Common Height</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="modal-onload-cookie.html">
<div>Cookies Enabled</div>
</a>
</li>
</ul>
</li>
<li class="menu-item mega-menu mega-menu-small">
<a class="menu-link" href="#footer" data-scrollto="#footer">
<div><i class="bi-layer-forward"></i>Footers</div>
</a>
<div class="mega-menu-content">
<div class="row mx-0">
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="sticky-footer.html">
<div>Sticky</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="#footer" data-scrollto="#footer">
<div>Layout 1</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="footer-2.html#footer">
<div>Layout 2</div>
</a>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="footer-3.html#footer">
<div>Layout 3</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="footer-4.html#footer">
<div>Layout 4</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="footer-5.html#footer">
<div>Layout 5</div>
</a>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="footer-6.html#footer">
<div>Layout 6</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="footer-7.html#footer">
<div>Layout 7</div>
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-item mega-menu">
<a class="menu-link" href="#">
<div>Pages</div>
</a>
<div class="mega-menu-content mega-menu-style-2">
<div class="container">
<div class="row">
<ul class="sub-menu-container mega-menu-column col-lg-3">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#">
<div>Introductory</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="about.html">
<div>About Us</div>
</a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="about.html">
<div>Main Layout</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="about-2.html">
<div>Alternate Layout</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="about-me.html">
<div>About Me</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="team.html">
<div>Team Members</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="gdpr.html">
<div>GDPR Compliance</div>
</a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="gdpr.html">
<div>Default</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="gdpr-small.html">
<div>Small</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="jobs.html">
<div>Careers</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="profile.html">
<div>User Profile</div>
</a>
</li>
</ul>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col-lg-3">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#">
<div>Utility & Specials</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="services.html">
<div><i class="bi-asterisk"></i>Services Pages</div>
</a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="services.html">
<div>Layout 1</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="services-2.html">
<div>Layout 2</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="services-3.html">
<div>Layout 3</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="#">
<div><i class="bi-calendar"></i>Events</div>
</a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="events-list.html">
<div>Events List</div>
</a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="events-list.html">
<div>Right Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="events-list-left-sidebar.html">
<div>Left Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="events-list-both-sidebar.html">
<div>Both Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="events-list-fullwidth.html">
<div>Full Width</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="events-list-parallax.html">
<div>Parallax List</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="event-single.html">
<div>Single Event</div>
</a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="event-single-right-sidebar.html">
<div>Right Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="event-single-left-sidebar.html">
<div>Left Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="event-single-both-sidebar.html">
<div>Both Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="event-single.html">
<div>Full Width</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="event-single-full-width-image.html">
<div>Single Event - Full</div>
</a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="event-single-full-width-image.html">
<div>Parallax Image</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="event-single-full-width-map.html">
<div>Google Map</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="event-single-full-width-slider.html">
<div>Slider Gallery</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="event-single-full-width-video.html">
<div>HTML5 Video</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="events-calendar.html">
<div>Full Width Calendar</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="contact.html">
<div><i class="bi-envelope-at"></i>Contact Pages</div>
</a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="contact.html">Main Layout</a>
</li>
<li class="menu-item">
<a class="menu-link" href="contact-2.html">Grid Layout</a>
</li>
<li class="menu-item">
<a class="menu-link" href="contact-3.html">Right Sidebar</a>
</li>
<li class="menu-item">
<a class="menu-link" href="contact-4.html">Both Sidebars</a>
</li>
<li class="menu-item">
<a class="menu-link" href="contact-5.html">Modal Form</a>
</li>
<li class="menu-item">
<a class="menu-link" href="contact-6.html">Form Overlay</a>
</li>
<li class="menu-item">
<a class="menu-link" href="contact-7.html">Form Overlay Mini</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="faqs.html">
<div><i class="bi-question-circle"></i>FAQs Pages</div>
</a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="faqs.html">
<div>Layout 1</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="faqs-2.html">
<div>Layout 2</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="faqs-3.html">
<div>Layout 3</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="faqs-4.html">
<div>Layout 4</div>
</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col-lg-3">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#">
<div>Layouts & PageNavs</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="full-width.html">
<div>Full Width</div>
</a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="full-width.html">
<div>Default Width</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="full-width-wide.html">
<div>Wide Width</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="#">
<div>Sidebars</div>
</a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="right-sidebar.html">
<div>Right Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="left-sidebar.html">
<div>Left Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="both-sidebar.html">
<div>Both Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="both-right-sidebar.html">
<div>Both Right Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="both-left-sidebar.html">
<div>Both Left Sidebar</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="page-submenu.html">
<div>Page Submenu</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="side-navigation.html">
<div>Side Navigation</div>
</a>
</li>
</ul>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col-lg-3">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#">
<div>Miscellaneous</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="login-register.html">
<div>Login/Register</div>
</a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="login-register.html">
<div>Default Layout</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="login-register-2.html">
<div>Tabbed Login</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="login-register-3.html">
<div>Login Accordion</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="login-1.html">
<div>Dark BG Login</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="login-2.html">
<div>Image BG Login</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="coming-soon.html">
<div>Coming Soon</div>
</a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="coming-soon.html">
<div>Default Layout</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="coming-soon-2.html">
<div>Parallax Image</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="coming-soon-3.html">
<div>HTML5 Video</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="404.html">
<div>404 Pages</div>
</a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="404.html">
<div>Default Layout</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="404-2.html">
<div>Parallax Image</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="404-3.html">
<div>HTML5 Video</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="#">
<div>Extras</div>
</a>
<ul class="sub-menu-container mega-menu-dropdown">
<li class="menu-item">
<a class="menu-link" href="blank-page.html">
<div>Blank Page</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="maintenance.html">
<div>Maintenance Page</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="sitemap.html">
<div>Sitemap</div>
</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="menu-item mega-menu">
<a class="menu-link" href="#">
<div>Portfolio</div>
</a>
<div class="mega-menu-content mega-menu-style-2">
<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" href="#">
<div>Grids</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="portfolio-1.html">
<div>1 Column</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-2.html">
<div>2 Columns</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-3.html">
<div>3 Columns</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio.html">
<div>4 Columns</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-5.html">
<div>5 Columns</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-6.html">
<div>6 Columns</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" href="#">
<div>Masonry</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="portfolio-mixed-masonry.html">
<div>Mixed Columns</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-2-masonry.html">
<div>2 Columns</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-3-masonry.html">
<div>3 Columns</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-masonry.html">
<div>4 Columns</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-5-masonry.html">
<div>5 Columns</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-6-masonry.html">
<div>6 Columns</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" href="#">
<div>Loading Styles</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="portfolio.html">
<div>jQuery Filter</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-jpagination.html">
<div>jQuery Pagination</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-infinity-scroll.html">
<div>Infinity Scroll</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-ajax.html">
<div>AJAX In Page</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-ajax-in-modal.html">
<div>AJAX In Modal</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-filter-styles.html">
<div>Filter Styles</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" href="#">
<div>Single Project</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="portfolio-single-extended.html">
<div>Extended Item</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-single-fullwidth.html">
<div>Parallax Image</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-single-gallery-full.html">
<div>Slider Gallery</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-single-video-fullwidth-left-sidebar.html">
<div>HTML5 Video</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-single-thumbs-right-sidebar.html">
<div>Masonry Thumbs</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-single-video-both-sidebar.html">
<div>Embed Video</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" href="#">
<div>Layouts</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="portfolio-nomargin.html">
<div>Default</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-1-alt-right-sidebar.html">
<div>Right Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-3-left-sidebar.html">
<div>Left Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-2-both-sidebar.html">
<div>Both Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-fullwidth-notitle.html">
<div>100% Width</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="portfolio-parallax.html">
<div>Parallax</div>
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="menu-item mega-menu">
<a class="menu-link" href="#">
<div>Blog</div>
</a>
<div class="mega-menu-content mega-menu-style-2">
<div class="container">
<div class="row">
<ul class="sub-menu-container mega-menu-column col-lg-3">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#">
<div>Default</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="blog.html">
<div>Right Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-left-sidebar.html">
<div>Left Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-both-sidebar.html">
<div>Both Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-full-width.html">
<div>Full Width</div>
</a>
</li>
</ul>
</li>
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#">
<div>Timeline</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="blog-timeline-right-sidebar.html">
<div>Right Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-timeline-left-sidebar.html">
<div>Left Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-timeline.html">
<div>Full Width</div>
</a>
</li>
</ul>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col-lg-3">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#">
<div>Masonry</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="blog-masonry.html">
<div>4 Columns</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-masonry-3.html">
<div>3 Columns</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-masonry-2.html">
<div>2 Columns</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-masonry-full.html">
<div>100% Width</div>
</a>
</li>
</ul>
</li>
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#">
<div>Grid</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="blog-grid.html">
<div>4 Columns</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-grid-3.html">
<div>3 Columns</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-grid-2.html">
<div>2 Columns</div>
</a>
</li>
</ul>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col-lg-3">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#">
<div>Small Thumbs</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="blog-small-left-sidebar.html">
<div>Left Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-small.html">
<div>Right Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-small-both-sidebar.html">
<div>Both Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-small-full-width.html">
<div>Full Width</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-small-alt.html">
<div>Alternate Layout</div>
</a>
</li>
</ul>
</li>
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#">
<div>Item Splitting</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="blog-grid.html">
<div>Pagination</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-masonry.html">
<div>Infinite Scroll</div>
</a>
</li>
</ul>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col-lg-3">
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#">
<div>Single</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="blog-single.html">
<div>Default Layout</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-single-left-sidebar.html">
<div>Left Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-single-full.html">
<div>Full Width</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-single-small.html">
<div>Small Image</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-single-split-right-sidebar.html">
<div>Split Layout</div>
</a>
</li>
</ul>
</li>
<li class="menu-item mega-menu-title">
<a class="menu-link" href="#">
<div>Comments Module</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="blog-single-left-sidebar.html#comments">
<div>Facebook Comments</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="blog-single-small.html#comments">
<div>Disqus Comments</div>
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="menu-item">
<a class="menu-link" href="shop.html">
<div>Shop</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="shop.html">
<div>4 Columns</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-3.html">
<div>3 Columns</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="shop-3.html">
<div>Full Width</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-3-right-sidebar.html">
<div>Right Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-3-left-sidebar.html">
<div>Left Sidebar</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-2.html">
<div>2 Columns</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="shop-2-right-sidebar.html">
<div>Right Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-2-left-sidebar.html">
<div>Left Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-2-both-sidebar.html">
<div>Both Sidebar</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-1.html">
<div>1 Columns</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="shop-1.html">
<div>Full Width</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-1-right-sidebar.html">
<div>Right Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-1-left-sidebar.html">
<div>Left Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-1-both-sidebar.html">
<div>Both Sidebar</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-category-parallax.html">
<div>Categories - Parallax</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-combination-filter.html">
<div>Combination Filter</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-single.html">
<div>Single Product</div>
</a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="shop-single.html">
<div>Full Width</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-single-right-sidebar.html">
<div>Right Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-single-left-sidebar.html">
<div>Left Sidebar</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="shop-single-both-sidebar.html">
<div>Both Sidebar</div>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="cart.html">
<div>Cart</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="checkout.html">
<div>Checkout</div>
</a>
</li>
</ul>
</li>
<li class="menu-item mega-menu">
<a class="menu-link" href="#">
<div>Shortcodes</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">
<a class="menu-link" href="animations.html">
<div><i class="bi-magic"></i>Animations</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="buttons.html">
<div><i class="bi-square"></i>Buttons</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="carousel.html">
<div><i class="bi-arrow-left-right"></i>Carousel</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="charts.html">
<div><i class="bi-graph-up-arrow"></i>Charts</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="clients.html">
<div><i class="bi-grip-horizontal"></i>Clients</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="columns-grids.html">
<div><i class="bi-grid-1x2"></i>Columns</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="counters.html">
<div><i class="bi-clock-history"></i>Counters</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="read-more.html">
<div><i class="bi-three-dots"></i>Read More</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="component-datatable.html">
<div><i class="bi-table"></i>Data Tables</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="component-datepicker.html">
<div><i class="bi-calendar-plus"></i>Date & Time Pickers</div>
</a>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="dividers.html">
<div><i class="bi-hr"></i>Dividers</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="featured-boxes.html">
<div><i class="bi-lightbulb"></i>Icon Boxes</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="gallery.html">
<div><i class="bi-images"></i>Galleries</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="headings-dropcaps.html">
<div><i class="bi-type-h1"></i>Heading Styles</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="icon-lists.html">
<div><i class="bi-list-stars"></i>Icon Lists</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="gradients.html">
<div><i class="bi-droplet-half"></i>Gradients</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="lightbox.html">
<div><i class="bi-pip"></i>Lightbox</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="item-overlays.html">
<div><i class="bi-border-outer"></i>Item Overlays</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="form-elements.html">
<div><i class="bi-input-cursor-text"></i>Form Elements</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="component-uploads.html">
<div><i class="bi-upload"></i>File Uploads</div>
</a>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="lists-cards.html">
<div><i class="bi-card-list"></i>Lists & Cards</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="maps.html">
<div><i class="bi-geo-fill"></i>Maps</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="media-embeds.html">
<div><i class="bi-collection-play"></i>Media Embeds</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="modal-popovers.html">
<div><i class="bi-subtract"></i>Modal Boxes</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="navigation.html">
<div><i class="bi-list"></i>Navigations</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="pagination-progress.html">
<div><i class="bi-123"></i>Pagination</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="pie-skills.html">
<div><i class="bi-pie-chart"></i>Pies & Skills</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="shape-dividers.html">
<div><i class="bi-circle-square"></i>Shape Dividers</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="component-range-slider.html">
<div><i class="bi-sliders"></i>Range Slider</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="component-ratings.html">
<div><i class="bi-star-half"></i>Star Ratings</div>
</a>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<li class="menu-item">
<a class="menu-link" href="pricing.html">
<div><i class="bi-currency-dollar"></i>Pricing Boxes</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="process-steps.html">
<div><i class="bi-bar-chart-steps"></i>Process Steps</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="promo-boxes.html">
<div><i class="bi-card-heading"></i>Promo Boxes</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="quotes-blockquotes.html">
<div><i class="bi-blockquote-left"></i>Blockquotes</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="responsive.html">
<div><i class="bi-display"></i>Responsive</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="sections.html">
<div><i class="bi-window-desktop"></i>Sections</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="social-icons.html">
<div><i class="bi-instagram"></i>Social Icons</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="hover-animations.html">
<div><i class="bi-hand-index-thumb"></i>Hover Animations</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="component-select-picker.html">
<div><i class="bi-menu-button"></i>Select Picker</div>
</a>
</li>
<li class="menu-item">
<a class="menu-link" href="component-select-box.html">
<div><i class="bi-layout-three-columns"></i>Select Boxes</div>
</a>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col">
<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>
</div>
</div>
</div>
</li>
</ul>
</nav><!-- #primary-menu end -->
<form class="top-search-form" action="search.html" method="get">
<input type="text" name="q" class="form-control" value="" placeholder="Type & Hit Enter.." autocomplete="off">
</form>
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<!-- Content
============================================= -->
<section id="content" style="background: linear-gradient(to bottom, rgba(0,0,0,.95), rgba(0,0,0,.6)), url('images/blocks/preview/hero-10/main.jpg') no-repeat center / cover">
<div class="content-wrap dark py-0">
<div class="row justify-content-center align-items-center text-center min-vh-100">
<h1 class="col-12 display-3 mb-0 mt-5">Content<br>...</h1>
</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>