| 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=Inter:wght@300;400;500;600;700&family=PT+Serif:ital@0;1&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>Mega Menu Tab | Canvas</title>
<style>
.menu-container #tab-shop {
padding: 0 30px;
background-color: #F9F9F9;
border-bottom: 1px solid #EEE;
}
.menu-container #tab-shop .nav-link {
color: #333;
padding: 18px 25px;
font-weight: 700;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
}
.menu-container #tab-shop .nav-link.active {
border-bottom: 2px solid var(--cnvs-themecolor);
color: var(--cnvs-themecolor);
}
@media (max-width: 991.98px) {
.menu-container #tab-shop .nav-link { padding: 15px; }
}
</style>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Header
============================================= -->
<header id="header" class="full-header">
<div id="header-wrap">
<div class="container">
<div class="header-row">
<!-- Logo
============================================= -->
<div id="logo">
<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 d-none d-sm-block">
<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">
<button class="cnvs-hamburger" type="button" title="Open Mobile Menu">
<span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span>
</button>
</div>
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu with-arrows">
<ul class="menu-container">
<li class="menu-item"><a class="menu-link" href="index.html"><div>Home</div></a></li>
<li class="mega-menu menu-item"><a class="menu-link" href="#"><div>Shop Categories</div></a>
<div class="mega-menu-content mega-menu-style-2 px-0">
<div class="container">
<div class="row">
<ul class="mega-menu-column border-start-0 p-0 sub-menu-container col-lg-12">
<div id="tab-shop" class="nav d-flex justify-content-center" role="tablist">
<a class="nav-link d-inline-block active" href="#mega-menu-tab-men" data-bs-toggle="tab">Men</a>
<a class="nav-link d-inline-block" href="#mega-menu-tab-women" data-bs-toggle="tab">Women</a>
<a class="nav-link d-inline-block" href="#mega-menu-tab-accessories" data-bs-toggle="tab">Accessories</a>
</div>
</ul>
<div class="mega-menu-column col-lg-12 tab-content">
<div class="tab-pane fade show active" id="mega-menu-tab-men">
<div class="row">
<ul class="mega-menu-column sub-menu-container col-lg-3 border-start-0">
<li class="card p-0 bg-transparent border-0 my-4 my-lg-0 mx-3">
<img class="card-img-top" src="demos/store/images/others/menu.jpg" alt="image cap">
<a href="#" class="btn btn-link text-start fw-medium ps-0 bg-transparent"><u>Editor's Pick</u></a>
</li>
</ul>
<ul class="mega-menu-column sub-menu-container border-start-0 col-lg-3">
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Footwear</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="#"><div>Casual Shoes</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Formal Shoes</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Sports shoes</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Flip Flops</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Slippers</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Sandals</div></a></li>
</ul>
</li>
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Clothing</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="#"><div>Casual Shirts</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>T-Shirts</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Collared Tees</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Pants / Trousers</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column sub-menu-container border-start-0 col-lg-3">
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Sportswear</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="#"><div>Sports Casual Shirts</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Sports T-Shirts</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Sports Collared Tees</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Sports Shoes</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Jackets</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Swimwears</div></a></li>
</ul>
</li>
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Innerwears</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="#"><div>Boxers</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Vests</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Sleepwears</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column sub-menu-container border-start-0 col-lg-3">
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Innerwears</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="#"><div>Boxers</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Vests</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Sleepwears</div></a></li>
</ul>
</li>
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Sunglasses</div></a></li>
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Watches</div></a></li>
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Bags</div></a></li>
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Headphones</div></a></li>
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Accessories</div></a></li>
</ul>
</div>
</div>
<div class="tab-pane fade" id="mega-menu-tab-women">
<div class="row">
<ul class="mega-menu-column sub-menu-container border-start-0 col-lg-3">
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Footwear</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="#"><div>Casual Shoes</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Formal Shoes</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Sports shoes</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Flip Flops</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Slippers</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Sandals</div></a></li>
</ul>
</li>
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Clothing</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="#"><div>Casual Shirts</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>T-Shirts</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Collared Tees</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Pants / Trousers</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column sub-menu-container border-start-0 col-lg-3">
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Sportswear</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="#"><div>Sports Casual Shirts</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Sports T-Shirts</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Sports Collared Tees</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Sports Shoes</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Jackets</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Swimwears</div></a></li>
</ul>
</li>
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Innerwears</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="#"><div>Boxers</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Vests</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Sleepwears</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column sub-menu-container border-start-0 col-lg-3">
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Innerwears</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="#"><div>Boxers</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Vests</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Sleepwears</div></a></li>
</ul>
</li>
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Sunglasses</div></a></li>
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Watches</div></a></li>
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Bags</div></a></li>
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Headphones</div></a></li>
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Accessories</div></a></li>
</ul>
<ul class="mega-menu-column sub-menu-container col-lg-3 border-start-0">
<li class="card p-0 bg-transparent border-0 my-3 my-lg-0 me-3">
<img class="card-img-top" src="demos/store/images/cat/workout.jpg" alt="image cap">
<a href="#" class="btn btn-link text-start fw-medium ps-0 bg-transparent"><u>Editor's Pick</u></a>
</li>
</ul>
</div>
</div>
<div class="tab-pane fade py-4 py-lg-0" id="mega-menu-tab-accessories">
<div class="row col-mb-30 mx-0">
<div class="col-6 col-lg-3">
<div class="product">
<div class="product-image">
<a href="#"><img src="demos/store/images/product/4-1.jpg" alt="Blue Round-Neck Tshirt"></a>
<a href="#"><img src="demos/store/images/product/4-2.jpg" alt="Blue Round-Neck Tshirt"></a>
<div class="sale-flash badge bg-secondary p-2">Out of Stock</div>
<div class="bg-overlay">
<div class="bg-overlay-content align-items-center justify-content-center dark">
<h4 class="mb-0">Product Title</h4>
</div>
<div class="bg-overlay-bg dark op-07"></div>
</div>
</div>
</div>
</div>
<div class="col-6 col-lg-3">
<div class="product">
<div class="product-image">
<a href="#"><img src="demos/store/images/product/5-1.jpg" alt="Blue Round-Neck Tshirt"></a>
<a href="#"><img src="demos/store/images/product/5-2.jpg" alt="Blue Round-Neck Tshirt"></a>
<div class="bg-overlay">
<div class="bg-overlay-content align-items-center justify-content-center flex-column dark">
<h4 class="mb-0">Product Title</h4>
<div class="product-price">$39.99</div>
<div class="product-rating">
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-half"></i>
<i class="bi-star"></i>
</div>
</div>
<div class="bg-overlay-bg dark op-07"></div>
</div>
</div>
</div>
</div>
<div class="col-6 col-lg-3">
<div class="product">
<div class="product-image">
<a href="#"><img src="demos/store/images/product/9-1.jpg" alt="Blue Round-Neck Tshirt"></a>
<a href="#"><img src="demos/store/images/product/9-2.jpg" alt="Blue Round-Neck Tshirt"></a>
<div class="sale-flash badge bg-success p-2">Sale</div>
<div class="bg-overlay">
<div class="bg-overlay-content align-items-center justify-content-center flex-column dark">
<h4 class="mb-0">Product Title</h4>
<div class="product-price"><del>$24.99</del> <ins>$12.49</ins></div>
<div class="product-rating">
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-half"></i>
<i class="bi-star"></i>
</div>
</div>
<div class="bg-overlay-bg dark op-07"></div>
</div>
</div>
</div>
</div>
<div class="col-6 col-lg-3">
<div class="product">
<div class="product-image">
<a href="#"><img src="demos/store/images/product/2-2.jpg" alt="Blue Round-Neck Tshirt"></a>
<a href="#"><img src="demos/store/images/product/2-1.jpg" alt="Blue Round-Neck Tshirt"></a>
<div class="sale-flash badge bg-success p-2">Sale</div>
<div class="bg-overlay">
<div class="bg-overlay-content align-items-center justify-content-center flex-column dark">
<h4 class="mb-0">Product Title</h4>
<div class="product-price"><del>$24.99</del> <ins>$12.49</ins></div>
<div class="product-rating">
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-fill"></i>
<i class="bi-star-half"></i>
<i class="bi-star"></i>
</div>
</div>
<div class="bg-overlay-bg dark op-07"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</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 -->
<!-- Page Sub Menu
============================================= -->
<div id="page-menu" class="no-sticky">
<div id="page-menu-wrap">
<div class="container">
<div class="page-menu-row">
<div class="page-menu-title">Mega Menu <span>Variations</span></div>
<nav class="page-menu-nav">
<ul class="page-menu-container">
<li class="page-menu-item"><a href="mega-menu.html"><div>Default</div></a></li>
<li class="page-menu-item"><a href="mega-menu-full.html"><div>Full Width</div></a></li>
<li class="page-menu-item current"><a href="mega-menu-tab.html"><div>With Tab</div></a></li>
<li class="page-menu-item"><a href="mega-menu-side-tab.html"><div>Side Tab + Click</div></a></li>
</ul>
</nav>
<div id="page-menu-trigger"><i class="bi-list"></i></div>
</div>
</div>
</div>
</div><!-- #page-menu end -->
<!-- Page Title
============================================= -->
<section class="page-title bg-transparent">
<div class="container">
<div class="page-title-row">
<div class="page-title-content">
<h1>Mega Menu Tab</h1>
<span>Unleashing the Power of Mega Menus</span>
</div>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Templates</a></li>
<li class="breadcrumb-item active" aria-current="page">Mega Menu Tab</li>
</ol>
</nav>
</div>
</div>
</section><!-- .page-title end -->
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<div class="container">
<blockquote class="mb-5">
<p>Every Link in the Main Menu Above contains a Different Mega Menu.</p>
</blockquote>
<p><span class="dropcap">F</span>oster best practices effectiveness inspire breakthroughs solve immunize turmoil. Policy dialogue peaceful The Elders rural global support. Process inclusive innovate readiness, public sector complexity. Lifting people up cornerstone partner, technology working families civic engagement activist recognize potential global network. Countries tackling solution respond change-makers tackle. Assistance, giving; fight against malnutrition experience in the field lasting change scalable. Empowerment long-term, fairness policy community progress social responsibility; Cesar Chavez recognition. Expanding community ownership visionary indicator pursue these aspirations accessibility. Achieve; worldwide, life-saving initiative facilitate. New approaches, John Lennon humanitarian relief fundraise vaccine Jane Jacobs community health workers Oxfam. Our ambitions informal economies.</p>
<div class="row">
<div class="col-md-6">
<p>Provide, Aga Khan, interconnectivity governance fairness replicable, new approaches visionary implementation. End hunger evolution, future promising development youth. Public sector, small-scale farmers; harness facilitate gender. Contribution dedicated global change movements, prosperity accelerate progress citizens of change. Elevate; accelerate reduce child mortality; billionaire philanthropy fluctuation, plumpy'nut care opportunity catalyze. Partner deep.</p>
</div>
<div class="col-md-6">
<p>Frontline harness criteria governance freedom contribution. Campaign Angelina Jolie natural resources, Rockefeller peaceful philanthropy human potential. Justice; outcomes reduce carbon emissions nonviolent resistance human being. Solve innovate aid communities; benefit truth rural development UNICEF meaningful work. Generosity Action Against Hunger relief; many voices impact crisis situation poverty pride. Vaccine carbon.</p>
</div>
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="dark">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap">
<div class="row col-mb-50">
<div class="col-lg-8">
<div class="row col-mb-50">
<div class="col-md-4">
<div class="widget">
<img src="images/footer-widget-logo.png" alt="Image" class="footer-logo">
<p>We believe in <strong>Simple</strong>, <strong>Creative</strong> & <strong>Flexible</strong> Design Standards.</p>
<div style="background: url('images/world-map.png') no-repeat center center; background-size: 100%;">
<address>
<strong>Headquarters:</strong><br>
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
</address>
<abbr title="Phone Number"><strong>Phone:</strong></abbr> (1) 8547 632521<br>
<abbr title="Fax"><strong>Fax:</strong></abbr> (1) 11 4752 1433<br>
<abbr title="Email Address"><strong>Email:</strong></abbr> [email protected]
</div>
</div>
</div>
<div class="col-md-4">
<div class="widget widget_links">
<h4>Blogroll</h4>
<ul>
<li><a href="https://codex.wordpress.org/">Documentation</a></li>
<li><a href="https://wordpress.org/support/forum/requests-and-feedback">Feedback</a></li>
<li><a href="https://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="https://wordpress.org/support/">Support Forums</a></li>
<li><a href="https://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="https://wordpress.org/news/">Canvas Blog</a></li>
<li><a href="https://planet.wordpress.org/">Canvas Planet</a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="widget">
<h4>Recent Posts</h4>
<div class="posts-sm row col-mb-30" id="post-list-footer">
<div class="entry col-12">
<div class="grid-inner row">
<div class="col">
<div class="entry-title">
<h4><a href="#">Lorem ipsum dolor sit amet, consectetur</a></h4>
</div>
<div class="entry-meta">
<ul>
<li>10th July 2021</li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row">
<div class="col">
<div class="entry-title">
<h4><a href="#">Elit Assumenda vel amet dolorum quasi</a></h4>
</div>
<div class="entry-meta">
<ul>
<li>10th July 2021</li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row">
<div class="col">
<div class="entry-title">
<h4><a href="#">Debitis nihil placeat, illum est nisi</a></h4>
</div>
<div class="entry-meta">
<ul>
<li>10th July 2021</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="row col-mb-50">
<div class="col-md-4 col-lg-12">
<div class="widget">
<div class="row col-mb-30">
<div class="col-lg-6">
<div class="counter counter-small"><span data-from="50" data-to="15065421" data-refresh-interval="80" data-speed="3000" data-comma="true"></span></div>
<h5 class="mb-0">Total Downloads</h5>
</div>
<div class="col-lg-6">
<div class="counter counter-small"><span data-from="100" data-to="18465" data-refresh-interval="50" data-speed="2000" data-comma="true"></span></div>
<h5 class="mb-0">Clients</h5>
</div>
</div>
</div>
</div>
<div class="col-md-5 col-lg-12">
<div class="widget subscribe-widget">
<h5><strong>Subscribe</strong> to Our Newsletter to get Important News, Amazing Offers & Inside Scoops:</h5>
<div class="widget-subscribe-form-result"></div>
<form id="widget-subscribe-form" action="include/subscribe.php" method="post" class="mb-0">
<div class="input-group mx-auto">
<div class="input-group-text"><i class="bi-envelope-plus"></i></div>
<input type="email" id="widget-subscribe-form-email" name="widget-subscribe-form-email" class="form-control required email" placeholder="Enter your Email">
<button class="btn btn-success" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
<div class="col-md-3 col-lg-12">
<div class="widget">
<div class="row col-mb-30">
<div class="col-6 col-md-12 col-lg-6 d-flex align-items-center">
<a href="#" class="social-icon text-white border-transparent bg-facebook me-2 mb-0 float-none">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="#" class="ms-1"><small class="d-block"><strong>Like Us</strong><br>on Facebook</small></a>
</div>
<div class="col-6 col-md-12 col-lg-6 d-flex align-items-center">
<a href="#" class="social-icon text-white border-transparent bg-rss me-2 mb-0 float-none">
<i class="fa-solid fa-rss"></i>
<i class="fa-solid fa-rss"></i>
</a>
<a href="#" class="ms-1"><small class="d-block"><strong>Subscribe</strong><br>to RSS Feeds</small></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights">
<div class="container">
<div class="row col-mb-30">
<div class="col-md-6 text-center text-md-start">
Copyrights © 2023 All Rights Reserved by Canvas Inc.<br>
<div class="copyright-links"><a href="#">Terms of Use</a> / <a href="#">Privacy Policy</a></div>
</div>
<div class="col-md-6 text-center text-md-end">
<div class="d-flex justify-content-center justify-content-md-end mb-2">
<a href="#" class="social-icon border-transparent si-small h-bg-facebook">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="#" class="social-icon border-transparent si-small h-bg-twitter">
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-twitter"></i>
</a>
<a href="#" class="social-icon border-transparent si-small h-bg-google">
<i class="fa-brands fa-google"></i>
<i class="fa-brands fa-google"></i>
</a>
<a href="#" class="social-icon border-transparent si-small h-bg-pinterest">
<i class="fa-brands fa-pinterest-p"></i>
<i class="fa-brands fa-pinterest-p"></i>
</a>
<a href="#" class="social-icon border-transparent si-small h-bg-vimeo">
<i class="fa-brands fa-vimeo-v"></i>
<i class="fa-brands fa-vimeo-v"></i>
</a>
<a href="#" class="social-icon border-transparent si-small h-bg-github">
<i class="fa-brands fa-github"></i>
<i class="fa-brands fa-github"></i>
</a>
<a href="#" class="social-icon border-transparent si-small h-bg-yahoo">
<i class="fa-brands fa-yahoo"></i>
<i class="fa-brands fa-yahoo"></i>
</a>
<a href="#" class="social-icon border-transparent si-small me-0 h-bg-linkedin">
<i class="fa-brands fa-linkedin"></i>
<i class="fa-brands fa-linkedin"></i>
</a>
</div>
<i class="bi-envelope"></i> [email protected] <span class="middot">·</span> <i class="fa-solid fa-phone"></i> +1-11-6541-6369 <span class="middot">·</span> <i class="bi-skype"></i> CanvasOnSkype
</div>
</div>
</div>
</div><!-- #copyrights end -->
</footer><!-- #footer 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>