| Server IP : 104.21.21.239 / 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>Home - Shop Layout 2 | Canvas</title>
</head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Top Bar
============================================= -->
<div id="top-bar">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-12 col-md-auto">
<p class="mb-0 py-2 text-center text-md-start"><strong>Call:</strong> 1800-547-2145 | <strong>Email:</strong> [email protected]</p>
</div>
<div class="col-12 col-md-auto">
<!-- Top Links
============================================= -->
<div class="top-links on-click">
<ul class="top-links-container">
<li class="top-links-item"><a href="#">USD</a>
<ul class="top-links-sub-menu">
<li class="top-links-item"><a href="#">EUR</a></li>
<li class="top-links-item"><a href="#">AUD</a></li>
<li class="top-links-item"><a href="#">GBP</a></li>
</ul>
</li>
<li class="top-links-item"><a href="#">EN</a>
<ul class="top-links-sub-menu">
<li class="top-links-item"><a href="#"><img src="images/icons/flags/french.png" alt="French"> FR</a></li>
<li class="top-links-item"><a href="#"><img src="images/icons/flags/italian.png" alt="Italian"> IT</a></li>
<li class="top-links-item"><a href="#"><img src="images/icons/flags/german.png" alt="German"> DE</a></li>
</ul>
</li>
<li class="top-links-item"><a href="#">Login</a>
<div class="top-links-section">
<form id="top-login" autocomplete="off">
<div class="form-group">
<label>Username</label>
<input type="email" class="form-control" placeholder="Email address">
</div>
<div class="form-group">
<label>Password</label>
<input type="password" class="form-control" placeholder="Password" required="">
</div>
<div class="form-group form-check">
<input class="form-check-input" type="checkbox" value="" id="top-login-checkbox">
<label class="form-check-label" for="top-login-checkbox">Remember Me</label>
</div>
<button class="btn btn-danger w-100" type="submit">Sign in</button>
</form>
</div>
</li>
</ul>
</div><!-- .top-links end -->
</div>
</div>
</div>
</div><!-- #top-bar end -->
<!-- Header
============================================= -->
<header id="header" class="header-size-sm">
<div class="container">
<div class="header-row flex-column flex-lg-row justify-content-center justify-content-lg-start">
<!-- Logo
============================================= -->
<div id="logo" class="me-0 me-lg-auto">
<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 mb-4 mb-lg-0 order-lg-last">
<ul class="header-extras me-0 me-lg-4">
<li>
<i class="i-plain bi-hand-thumbs-up m-0"></i>
<div class="he-text">
Original Brands
<span>100% Guaranteed</span>
</div>
</li>
<li>
<i class="i-plain bi-truck m-0"></i>
<div class="he-text">
Free Shipping
<span>for $20 or more</span>
</div>
</li>
<li>
<i class="i-plain bi-arrow-counterclockwise m-0"></i>
<div class="he-text">
30-Day Returns
<span>Completely Free</span>
</div>
</li>
</ul>
</div>
</div>
</div>
<div id="header-wrap" class="border-top border-f5">
<div class="container">
<div class="header-row justify-content-between">
<div class="header-misc">
<!-- 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">
<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="niche-demos.html"><div>Niche Demos</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="onepage-demos.html"><div>One-Page Demos</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="blocks.html"><div>Blocks</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 mega-menu"><a class="menu-link" href="#"><div>Men</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>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>Sports Sandals</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Party Shoes</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>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>
<li class="menu-item"><a class="menu-link" href="#"><div>Ethnic Wear</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Jeans</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Sweamwear</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>Accessories</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="#"><div>Bags & Backpacks</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Watches</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Sunglasses</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Wallets</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Caps & Hats</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Jewellery</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Belts, Ties</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>New Arrivals</div></a>
<ul class="sub-menu-container">
<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>Formal Shoes</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Accessories</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Watches</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Perfumes</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Belts, Ties</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Formal Shirts</div></a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="menu-item mega-menu mega-menu-small"><a class="menu-link" href="#"><div>Women</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-6">
<li class="menu-item mega-menu-title"><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>Sports Sandals</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Party Shoes</div></a></li>
</ul>
</li>
</ul>
<ul class="sub-menu-container mega-menu-column col-6">
<li class="menu-item mega-menu-title"><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>
<li class="menu-item"><a class="menu-link" href="#"><div>Ethnic Wear</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Jeans</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Sweamwear</div></a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li><!-- .mega-menu end -->
<li class="menu-item"><a class="menu-link" href="#"><div>Accessories</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Sale</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Blog</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Videos</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Contact</div></a></li>
</ul>
</nav><!-- #primary-menu end -->
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap">
<div class="container">
<div class="row align-items-stretch g-4 mb-5 min-vh-60">
<div class="col-xl-8 min-vh-50">
<div class="fslider h-100" data-arrows="false">
<div class="flexslider rounded">
<div class="slider-wrap">
<div class="slide">
<a href="#">
<img src="images/shop/slider/1.jpg" alt="Shop Image">
</a>
</div>
<div class="slide">
<a href="#">
<img src="images/shop/slider/2.jpg" alt="Shop Image">
</a>
</div>
<div class="slide">
<a href="#">
<img src="images/shop/slider/3.jpg" alt="Shop Image">
</a>
</div>
<div class="slide">
<a href="#">
<img src="images/shop/slider/4.jpg" alt="Shop Image">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4">
<div class="row g-4">
<div class="col-sm-6 col-xl-12">
<a href="#" class="grid-inner d-block">
<img src="images/shop/banners/7.jpg" alt="Image" class="w-100 h-100 object-cover rounded">
</a>
</div>
<div class="col-sm-6 col-xl-12">
<a href="#" class="grid-inner d-block">
<img src="images/shop/banners/3.jpg" alt="Image" class="w-100 h-100 object-cover rounded">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="promo parallax promo-full mb-6">
<img src="images/parallax/3.jpg" class="parallax-bg">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-lg">
<h3>Get <span>30%</span> off on orders of $29 or more. Use Coupon: <span>SHOP30</span></h3>
<span>Sale available on selected Designer Brands that include Apparels, Footwear, Fashion Accessories & Watches.</span>
</div>
<div class="col-12 col-lg-auto mt-4 mt-lg-0">
<a href="#" class="button button-large button-circle m-0">Start Shopping</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row justify-content-center col-mb-50 mb-0">
<div class="col-sm-6 col-lg-4">
<div class="feature-box text-center media-box fbox-bg">
<div class="fbox-media">
<img src="images/shop/banners/10.jpg" alt="Image">
</div>
<div class="fbox-content">
<h3>Men's Footwear<span class="subtitle">Flat 50% Off*</span></h3>
<p><a href="#" class="btn btn-secondary">Shop Now</a></p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="feature-box text-center media-box fbox-bg">
<div class="fbox-media">
<img src="images/shop/banners/11.jpg" alt="Image">
</div>
<div class="fbox-content">
<h3>Latest Product Arrivals<span class="subtitle">New Dress Designs Available</span></h3>
<p><a href="#" class="btn btn-secondary">Check New Arrivals</a></p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="feature-box text-center media-box fbox-bg">
<div class="fbox-media">
<img src="images/shop/banners/12.jpg" alt="Image">
</div>
<div class="fbox-content">
<h3>The Style Blog<span class="subtitle">Fashion Tips from Experts</span></h3>
<p><a href="#" class="btn btn-secondary">Browse Videos</a></p>
</div>
</div>
</div>
</div>
<div class="row justify-content-center col-mb-50">
<div class="col-sm-6 col-lg-4">
<div class="fancy-title title-border">
<h4>Recently Arrived</h4>
</div>
<div class="posts-sm row col-mb-30" id="recent-shop-list-sidebar">
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img src="images/shop/small/1.jpg" alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">Blue Round-Neck T-Shirt</a></h4>
</div>
<div class="entry-meta no-separator">
<ul>
<li class="color">$29.99</li>
<li><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-half"></i></li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img src="images/shop/small/6.jpg" alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">Checked Short Dress</a></h4>
</div>
<div class="entry-meta no-separator">
<ul>
<li class="color">$23.99</li>
<li><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></li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img src="images/shop/small/7.jpg" alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">Light Blue Denim Dress</a></h4>
</div>
<div class="entry-meta no-separator">
<ul>
<li class="color">$19.99</li>
<li><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star"></i><i class="bi-star"></i></li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img src="images/shop/small/9.jpg" alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">Slim Fat Chinos</a></h4>
</div>
<div class="entry-meta no-separator">
<ul>
<li class="color">$24.99</li>
<li><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star"></i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="fancy-title title-border">
<h4>Popular Products</h4>
</div>
<div class="posts-sm row col-mb-30" id="popular-shop-list-sidebar">
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img src="images/shop/small/3.jpg" alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">Round-Neck T-Shirt</a></h4>
</div>
<div class="entry-meta no-separator">
<ul>
<li class="color">$15</li>
<li><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-fill"></i></li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img src="images/shop/small/10.jpg" alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">Green Trousers</a></h4>
</div>
<div class="entry-meta no-separator">
<ul>
<li class="color">$19</li>
<li><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star"></i><i class="bi-star"></i><i class="bi-star"></i></li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img src="images/shop/small/11.jpg" alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">Silver Chrome Watch</a></h4>
</div>
<div class="entry-meta no-separator">
<ul>
<li class="color">$34.99</li>
<li><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></li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img src="images/shop/small/4.jpg" alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">Black Polo T-Shirt</a></h4>
</div>
<div class="entry-meta no-separator">
<ul>
<li class="color">$17.99</li>
<li><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-half"></i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="fancy-title title-border">
<h4>Recommended for You</h4>
</div>
<div class="posts-sm row col-mb-30" id="recommended-shop-list-sidebar">
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img src="images/shop/small/8.jpg" alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">Pink Printed Dress</a></h4>
</div>
<div class="entry-meta no-separator">
<ul>
<li class="color">$21</li>
<li><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-half"></i></li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img src="images/shop/small/5.jpg" alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">Blue Round-Neck T-Shirt</a></h4>
</div>
<div class="entry-meta no-separator">
<ul>
<li class="color">$19.99</li>
<li><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star"></i><i class="bi-star"></i></li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img src="images/shop/small/12.jpg" alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">Men Aviator Sunglasses</a></h4>
</div>
<div class="entry-meta no-separator">
<ul>
<li class="color">$14.99</li>
<li><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-half"></i><i class="bi-star"></i><i class="bi-star"></i></li>
</ul>
</div>
</div>
</div>
</div>
<div class="entry col-12">
<div class="grid-inner row g-0">
<div class="col-auto">
<div class="entry-image">
<a href="#"><img src="images/shop/small/2.jpg" alt="Image"></a>
</div>
</div>
<div class="col ps-3">
<div class="entry-title">
<h4><a href="#">Unisex Sunglasses</a></h4>
</div>
<div class="entry-meta no-separator">
<ul>
<li class="color">$17.99</li>
<li><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-fill"></i><i class="bi-star-half"></i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div><div class="line"></div>
<div id="oc-clients-full" class="owl-carousel image-carousel carousel-widget" data-margin="30" data-nav="false" data-autoplay="5000" data-pagi="false" data-items-xs="2" data-items-sm="3" data-items-md="4" data-items-lg="5" data-items-xl="7">
<div class="oc-item"><a href="#"><img src="images/clients/logo/1.png" alt="Clients"></a></div>
<div class="oc-item"><a href="#"><img src="images/clients/logo/2.png" alt="Clients"></a></div>
<div class="oc-item"><a href="#"><img src="images/clients/logo/3.png" alt="Clients"></a></div>
<div class="oc-item"><a href="#"><img src="images/clients/logo/4.png" alt="Clients"></a></div>
<div class="oc-item"><a href="#"><img src="images/clients/logo/5.png" alt="Clients"></a></div>
<div class="oc-item"><a href="#"><img src="images/clients/logo/6.png" alt="Clients"></a></div>
<div class="oc-item"><a href="#"><img src="images/clients/logo/7.png" alt="Clients"></a></div>
<div class="oc-item"><a href="#"><img src="images/clients/logo/8.png" alt="Clients"></a></div>
<div class="oc-item"><a href="#"><img src="images/clients/logo/9.png" alt="Clients"></a></div>
<div class="oc-item"><a href="#"><img src="images/clients/logo/10.png" alt="Clients"></a></div>
<div class="oc-item"><a href="#"><img src="images/clients/logo/11.png" alt="Clients"></a></div>
<div class="oc-item"><a href="#"><img src="images/clients/logo/12.png" alt="Clients"></a></div>
<div class="oc-item"><a href="#"><img src="images/clients/logo/13.png" alt="Clients"></a></div>
<div class="oc-item"><a href="#"><img src="images/clients/logo/14.png" alt="Clients"></a></div>
<div class="oc-item"><a href="#"><img src="images/clients/logo/15.png" alt="Clients"></a></div>
<div class="oc-item"><a href="#"><img src="images/clients/logo/18.png" alt="Clients"></a></div>
</div>
</div>
<div class="si-sticky si-sticky-right d-none d-lg-block" style="z-index: 399;">
<a href="#" class="social-icon text-white bg-facebook" data-animate="bounceInRight">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="#" class="social-icon text-white bg-twitter" data-animate="bounceInRight" data-delay="100">
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-twitter"></i>
</a>
<a href="#" class="social-icon text-white bg-pinterest" data-animate="bounceInRight" data-delay="200">
<i class="fa-brands fa-pinterest-p"></i>
<i class="fa-brands fa-pinterest-p"></i>
</a>
<a href="#" class="social-icon text-white bg-instagram" data-animate="bounceInRight" data-delay="300">
<i class="bi-instagram"></i>
<i class="bi-instagram"></i>
</a>
<a href="#" class="social-icon text-white bg-google" data-animate="bounceInRight" data-delay="600">
<i class="fa-brands fa-google"></i>
<i class="fa-brands fa-google"></i>
</a>
<a href="#" class="social-icon text-white bg-rss" data-animate="bounceInRight" data-delay="700">
<i class="fa-solid fa-rss"></i>
<i class="fa-solid fa-rss"></i>
</a>
</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>