| 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=Karla:wght@400;700&display=swap" rel="stylesheet">
<!-- Core Style -->
<link rel="stylesheet" href="style.css">
<!-- Font Icons -->
<link rel="stylesheet" href="css/font-icons.css">
<!-- Plugins/Components CSS -->
<link rel="stylesheet" href="css/components/ion.rangeslider.css">
<!-- Niche Demos -->
<link rel="stylesheet" href="demos/store/store.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>Men - Store | Canvas</title>
</head>
<body class="stretched modal-subscribe-bottom">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Modal -->
<div class="modal animated fadeInUp fast pe-0" id="modal-subscribe" role="dialog" displayed="false" data-backdrop="static">
<div class="modal-dialog">
<div class="modal-content">
<button type="button" class="btn btn-close btn-sm ms-auto p-2" data-bs-dismiss="modal" aria-label="Close" aria-label="Close"></button>
<div class="modal-body">
<div class="form-widget mx-auto" data-loader="button" style="padding: 30px">
<h2 class="fw-bold h1 mb-3" style="letter-spacing: -2px">Get Special Discount!</h2>
<p>Subscribe to Our Newsletter to get Important News, Amazing Offers & Inside Scoops:</p>
<div class="form-result"></div>
<form class="mb-0" id="modal-subscribe-form" action="include/form.php" method="post" enctype="multipart/form-data">
<label for="modal-subscribe-form-email">Email Address <span>*</span></label>
<input type="email" name="modal-subscribe-form-email" id="modal-subscribe-form-email" class="form-control required rounded-0" placeholder="[email protected]">
<input class="d-none" type="text" id="modal-subscribe-form-botcheck" name="modal-subscribe-form-botcheck" value="">
<button name="modal-subscribe-form-submit" class="button w-100 btn-danger m-0 mt-2" type="submit">Subscribe Now</button>
<input type="hidden" name="prefix" value="modal-subscribe-form-">
</form>
<div class="text-center">
<small class="text-black-50 mt-1"><em>We never send SPAM to your Email</em></small>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Header
============================================= -->
<header id="header" class="dark transparent-header floating-header" data-sticky-shrink="false" data-sticky-class="not-dark">
<div id="header-wrap">
<div class="container-fluid">
<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="demos/store/images/logo.png, demos/store/images/[email protected] 2x" src="demos/store/images/[email protected]" alt="Canvas Logo">
<img class="logo-dark" srcset="demos/store/images/logo-dark.png, demos/store/images/[email protected] 2x" src="demos/store/images/[email protected]" alt="Canvas Logo">
</a>
</div><!-- #logo end -->
<div class="header-misc">
<!-- Top Login
============================================= -->
<div id="top-account" class="px-4">
<a href="#modal-register" data-lightbox="inline">Sign up/Login</a>
</div><!-- #top-search end -->
<!-- Top Cart
============================================= -->
<div id="top-cart">
<a href="#" id="top-cart-trigger" class="position-relative"><i class="bi-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="demo-store-product-single.html"><img src="demos/shop/images/items/featured/5.jpg" alt="Blue Shoulder Bag"></a>
</div>
<div class="top-cart-item-desc">
<div class="top-cart-item-desc-title">
<a href="#" class="fw-normal">White athletic shoe</a>
<span class="top-cart-item-price d-block">$35.00</span>
</div>
<div class="top-cart-item-quantity fw-semibold">x 1</div>
</div>
</div>
<div class="top-cart-item">
<div class="top-cart-item-image">
<a href="#" class="fw-normal"><img src="demos/shop/images/items/featured/1.jpg" alt="Leather Bag"></a>
</div>
<div class="top-cart-item-desc">
<div class="top-cart-item-desc-title">
<a href="#" class="fw-normal">Round Neck Solid Light Blue Colour T-shirts</a>
<span class="top-cart-item-price d-block">$12.49</span>
</div>
<div class="top-cart-item-quantity fw-semibold">x 2</div>
</div>
</div>
</div>
<div class="top-cart-action">
<span class="top-checkout-price fw-semibold text-dark">$59.98</span>
<button class="button button-dark button-small m-0">View Cart</button>
</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">
<!-- Menu Left -->
<ul class="menu-container">
<li class="menu-item"><a class="menu-link" href="demo-store.html"><div>Home</div></a></li>
<li class="menu-item mega-menu current"><a class="menu-link" href="demo-store-products.html"><div>Men</div></a>
<div class="mega-menu-content mega-menu-style-2">
<div class="container">
<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">
<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>
</div>
</div>
</div>
</li><!-- .mega-menu end -->
<li class="menu-item"><a class="menu-link" href="demo-store-products.html"><div>Women</div></a></li>
<li class="menu-item mega-menu"><a class="menu-link" href="#"><div>Help</div></a>
<div class="mega-menu-content mega-menu-style-2">
<div class="container">
<div class="row">
<ul class="mega-menu-column sub-menu-container col-lg-4 border-start-0">
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Contact Us</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<div class="widget">
<address>
<strong>Melbourne Store:</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>
</li>
</ul>
</li>
</ul>
<ul class="mega-menu-column sub-menu-container col-lg-4 border-start-0">
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>Inquiries</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="#"><div>About Us</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Size Chart</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Our Policies</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Exchange/Return</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Payments</div></a></li>
</ul>
</li>
</ul>
<ul class="mega-menu-column sub-menu-container col-lg-4 border-start-0">
<li class="mega-menu-title menu-item"><a class="menu-link" href="#"><div>FAQs</div></a>
<ul class="sub-menu-container">
<li class="menu-item"><a class="menu-link" href="#"><div>Q. How do I purchase an item?</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Q. How do I return my items?</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Q. Shipping Charges?</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Q. What is your Delivery time?</div></a></li>
<li class="menu-item"><a class="menu-link" href="#"><div>Q. Is there any hidden Charges?</div></a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li><!-- .mega-menu end -->
<li class="menu-item"><a class="menu-link" href="demo-store-contact.html"><div>Contact</div></a></li>
</ul>
</nav><!-- #primary-menu end -->
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<!-- Page Title
============================================= -->
<section class="page-title page-title-parallax parallax dark page-title-center include-header bg-overlay-mask" style="padding: 170px 0 100px;">
<img src="demos/store/images/men/page-title.jpg" class="parallax-bg">
<div class="container">
<div class="page-title-row">
<div class="page-title-content">
<h1 class="text-uppercase">Men's Collections</h1>
<span>A Fresh Collections Of Men</span>
</div>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Men</li>
</ol>
</nav>
</div>
</div>
</section><!-- .page-title end -->
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap pb-0">
<!-- Login/Register Modal -->
<div class="modal-register mfp-hide" id="modal-register">
<div class="card mx-auto" style="max-width: 540px;">
<div class="card-header py-3 bg-transparent text-center">
<h3 class="mb-0 fw-normal">Hello, Welcome Back</h3>
</div>
<div class="card-body mx-auto py-5" style="max-width: 70%;">
<a href="#" class="button button-large w-100 bg-facebook text-transform-none fw-normal ls-0 text-center m-0"><i class="fa-brands fa-facebook-f-sign"></i> Log in with Facebook</a>
<div class="divider divider-center"><span class="position-relative" style="top: -2px">OR</span></div>
<form id="login-form" name="login-form" class="mb-0 row" action="#" method="post">
<div class="col-12">
<input type="text" id="login-form-username" name="login-form-username" value="" class="form-control not-dark" placeholder="Username">
</div>
<div class="col-12 mt-4">
<input type="password" id="login-form-password" name="login-form-password" value="" class="form-control not-dark" placeholder="Password">
</div>
<div class="col-12 text-end">
<a href="#" class="text-dark fw-light mt-2">Forgot Password?</a>
</div>
<div class="col-12 mt-4">
<button class="button w-100 m-0" id="login-form-submit" name="login-form-submit" value="login">Login</button>
</div>
</form>
</div>
<div class="card-footer py-4 text-center">
<p class="mb-0">Don't have an account? <a href="#"><u>Sign up</u></a></p>
</div>
</div>
</div><!-- Login/Register Modal End -->
<div class="container-fluid mt-5">
<div class="row">
<div class="col-md-2 sticky-sidebar-wrap">
<ul class="list-unstyled items-nav sticky-sidebar shop-filter" data-container="#shop">
<li><a href="#" class="text-dark fw-semibold" data-filter="*">All Collections</a></li>
<li class="no-divider"><a href="#" class="text-dark fw-semibold" data-filter=".sf-new">New Arrivals</a></li>
<li><hr></li>
<li><a href="#" data-filter=".sf-jeans">Jeans</a></li>
<li><a href="#" data-filter=".sf-t-shirts">T-Shirts</a></li>
<li><a href="#" data-filter=".sf-watches">Watches</a></li>
<li><a href="#" data-filter=".sf-shoes">Shoes</a></li>
<li><a href="#" data-filter=".sf-sportswear">Sportswear</a></li>
<li><a href="#" data-filter=".sf-shorts">Shorts</a></li>
<li><a href="#" data-filter=".sf-trousers">Trousers</a></li>
<li><a href="#" data-filter=".sf-jackets">Jackets</a></li>
<li><a href="#" data-filter=".sf-sweaters">Sweaters</a></li>
</ul>
<hr>
<div>
<h5 class="ls-0 text-muted">Select Price:</h5>
<input class="range_23">
</div>
</div>
<div class="col-md-10">
<div id="shop" class="row shop grid-container" data-layout="fitRows">
<!-- Shop Item 1
============================================= -->
<div class="col-lg-4 col-md-6 mb-4 sf-shoes sf-sportswear sf-new">
<div class="product">
<div class="product-image position-relative">
<div class="fslider" data-pagi="false" data-speed="400" data-pause="200000">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide">
<a href="demo-store-product-single.html"><img src="demos/store/images/product/1-1.jpg" alt="Black Shoe"></a>
</div>
<div class="slide">
<a href="demo-store-product-single.html"><img src="demos/store/images/product/1-2.jpg" alt="Black Shoe"></a>
</div>
</div>
</div>
</div>
<a href="#" class="cart-btn button button-white button-light"><i class="uil uil-plus"></i>Add to Cart</a>
</div>
<div class="product-desc">
<div class="product-title">
<h3><a href="demo-store-product-single.html">Black Sports Shoe</a></h3>
<span><a href="#">Nike</a></span>
</div>
<div class="product-price"><ins>$21.49</ins></div>
</div>
</div>
</div>
<!-- Shop Item 2
============================================= -->
<div class="col-lg-4 col-md-6 mb-4 sf-shoes sf-sportswear">
<div class="product">
<div class="product-image position-relative">
<div class="fslider" data-pagi="false" data-speed="400" data-pause="200000">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide">
<a href="demo-store-product-single.html"><img src="demos/store/images/product/2-1.jpg" alt="Sports Shoe"></a>
</div>
<div class="slide">
<a href="demo-store-product-single.html"><img src="demos/store/images/product/2-2.jpg" alt="Sports Shoe"></a>
</div>
</div>
</div>
</div>
<a href="#" class="cart-btn button button-white button-light"><i class="uil uil-plus"></i>Add to Cart</a>
</div>
<div class="product-desc">
<div class="product-title">
<h3><a href="demo-store-product-single.html">Sports Shoe</a></h3>
<span><a href="#">Nike</a></span>
</div>
<div class="product-price"><ins>$33.49</ins></div>
</div>
</div>
</div>
<!-- Shop Item 3
============================================= -->
<div class="col-lg-4 col-md-6 mb-4 sf-jackets sf-new">
<div class="product">
<div class="product-image position-relative">
<div class="fslider" data-pagi="false" data-speed="400" data-pause="200000">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide">
<a href="demo-store-product-single.html"><img src="demos/store/images/product/3-1.jpg" alt="Jackets"></a>
</div>
<div class="slide">
<a href="demo-store-product-single.html"><img src="demos/store/images/product/3-2.jpg" alt="Jackets"></a>
</div>
<div class="slide">
<a href="demo-store-product-single.html"><img src="demos/store/images/product/3-3.jpg" alt="Jackets"></a>
</div>
<div class="slide">
<a href="demo-store-product-single.html"><img src="demos/store/images/product/3-4.jpg" alt="Jackets"></a>
</div>
</div>
</div>
</div>
<a href="#" class="cart-btn button button-white button-light"><i class="uil uil-plus"></i>Add to Cart</a>
</div>
<div class="product-desc">
<div class="product-title">
<h3><a href="demo-store-product-single.html">Men Black Jackets</a></h3>
<span><a href="#">Jackets</a></span>
</div>
<div class="product-price"><ins>$51.49</ins></div>
</div>
</div>
</div>
<!-- Shop Item 4
============================================= -->
<div class="col-lg-4 col-md-6 mb-4 sf-t-shirts sf-new">
<div class="product">
<div class="product-image position-relative">
<div class="fslider" data-pagi="false" data-speed="400" data-pause="200000">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide">
<a href="demo-store-product-single.html"><img src="demos/store/images/product/4-1.jpg" alt="T-shirt"></a>
</div>
<div class="slide">
<a href="demo-store-product-single.html"><img src="demos/store/images/product/4-2.jpg" alt="T-shirt"></a>
</div>
</div>
</div>
</div>
<a href="#" class="cart-btn button button-white button-light"><i class="uil uil-plus"></i>Add to Cart</a>
</div>
<div class="product-desc">
<div class="product-title">
<h3><a href="demo-store-product-single.html">Roundneck T-shirt</a></h3>
<span><a href="#">T-shirt</a></span>
</div>
<div class="product-price"><ins>$17.49</ins></div>
</div>
</div>
</div>
<!-- Shop Item 5
============================================= -->
<div class="col-lg-4 col-md-6 mb-4 sf-t-shirts">
<div class="product">
<div class="product-image position-relative">
<div class="fslider" data-pagi="false" data-speed="400" data-pause="200000">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide">
<a href="demo-store-product-single.html"><img src="demos/store/images/men/items/2.jpg" alt="T-Shirts"></a>
</div>
<div class="slide">
<a href="demo-store-product-single.html"><img src="demos/store/images/men/items/2-1.jpg" alt="T-Shirts"></a>
</div>
</div>
</div>
</div>
<a href="#" class="cart-btn button button-white button-light"><i class="uil uil-plus"></i>Add to Cart</a>
</div>
<div class="product-desc">
<div class="product-title">
<h3><a href="demo-store-product-single.html">Grey T-Shirt</a></h3>
<span><a href="#">T-Shirt</a></span>
</div>
<div class="product-price"><ins>$11.49</ins></div>
</div>
</div>
</div>
<!-- Shop Item 6
============================================= -->
<div class="col-lg-4 col-md-6 mb-4 sf-shoes sf-sportswear sf-new">
<div class="product">
<div class="product-image position-relative">
<div class="fslider" data-pagi="false" data-speed="400" data-pause="200000">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide">
<a href="demo-store-product-single.html"><img src="demos/store/images/product/6-1.jpg" alt="Shoes"></a>
</div>
<div class="slide">
<a href="demo-store-product-single.html"><img src="demos/store/images/product/6-2.jpg" alt="Shoes"></a>
</div>
</div>
</div>
</div>
<a href="#" class="cart-btn button button-white button-light"><i class="uil uil-plus"></i>Add to Cart</a>
</div>
<div class="product-desc">
<div class="product-title">
<h3><a href="demo-store-product-single.html">Men White Escaper Sports Shoes</a></h3>
<span><a href="#">Sports Shoes</a></span>
</div>
<div class="product-price"><ins>$29.49</ins></div>
</div>
</div>
</div>
<!-- Shop Item 7
============================================= -->
<div class="col-lg-4 col-md-6 mb-4 sf-watches">
<div class="product">
<div class="product-image position-relative">
<div class="fslider" data-arrows="true" data-pagi="false" data-speed="400" data-pause="6000" data-thumbs="true">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide" data-thumb="demos/store/images/men/items/1.jpg">
<a href="demo-store-product-single.html"><img src="demos/store/images/men/items/1.jpg" alt="Watch"></a>
</div>
<div class="slide" data-thumb="demos/store/images/men/items/1-1.jpg">
<a href="demo-store-product-single.html"><img src="demos/store/images/men/items/1-1.jpg" alt="Watch"></a>
</div>
</div>
</div>
</div>
<a href="#" class="cart-btn button button-white button-light"><i class="uil uil-plus"></i>Add to Cart</a>
</div>
<div class="product-desc">
<div class="product-title">
<h3><a href="demo-store-product-single.html">Rounded Watch</a></h3>
<span><a href="#">Watches</a></span>
</div>
<div class="product-price"><ins>$78</ins></div>
</div>
</div>
</div>
<!-- Shop Item 8
============================================= -->
<div class="col-lg-4 col-md-6 mb-4 sf-jeans sf-new">
<div class="product">
<div class="product-image">
<a href="demo-store-product-single.html"><img src="demos/store/images/product/8-1.jpg" alt="Jeans"></a>
<a href="demo-store-product-single.html"><img src="demos/store/images/product/8-2.jpg" alt="Jeans"></a>
<a href="#" class="cart-btn button button-white button-light"><i class="uil uil-plus"></i>Add to Cart</a>
</div>
<div class="product-desc">
<div class="product-title">
<h3><a href="demo-store-product-single.html">Navi Blue Jeans</a></h3>
<span><a href="#">Jeans</a></span>
</div>
<div class="product-price"><ins>$69</ins></div>
</div>
</div>
</div>
<!-- Shop Item 9
============================================= -->
<div class="col-lg-4 col-md-6 mb-4 sf-shorts sf-sportswear">
<div class="product">
<div class="product-image">
<a href="demo-store-product-single.html"><img src="demos/store/images/men/items/6.jpg" alt="Shorts"></a>
<a href="demo-store-product-single.html"><img src="demos/store/images/men/items/6-1.jpg" alt="Shorts"></a>
<a href="#" class="cart-btn button button-white button-light"><i class="uil uil-plus"></i>Add to Cart</a>
</div>
<div class="product-desc">
<div class="product-title">
<h3><a href="demo-store-product-single.html">Jogging Shorts</a></h3>
<span><a href="#">Shorts</a></span>
</div>
<div class="product-price"><ins>$9.99</ins></div>
</div>
</div>
</div>
<!-- Shop Item 10
============================================= -->
<div class="col-lg-4 col-md-6 mb-4 sf-sweaters">
<div class="product">
<div class="product-image">
<a href="demo-store-product-single.html"><img src="demos/store/images/men/items/3.jpg" alt="Sweaters"></a>
<a href="demo-store-product-single.html"><img src="demos/store/images/men/items/3.jpg" alt="Sweaters"></a>
<a href="#" class="cart-btn button button-white button-light"><i class="uil uil-plus"></i>Add to Cart</a>
</div>
<div class="product-desc">
<div class="product-title">
<h3><a href="demo-store-product-single.html">Woolen Sweaters</a></h3>
<span><a href="#">Sweaters</a></span>
</div>
<div class="product-price"><ins>$71</ins></div>
</div>
</div>
</div>
<!-- Shop Item 11
============================================= -->
<div class="col-lg-4 col-md-6 mb-4 sf-trousers sf-new">
<div class="product">
<div class="product-image">
<div class="fslider" data-arrows="false" data-pagi="false" data-speed="400" data-pause="6000" data-thumbs="true">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide" data-thumb="demos/store/images/men/items/4.jpg">
<a href="demo-store-product-single.html"><img src="demos/store/images/men/items/4.jpg" alt="Trouser"></a>
</div>
<div class="slide" data-thumb="demos/store/images/men/items/4-1.jpg">
<a href="demo-store-product-single.html"><img src="demos/store/images/men/items/4-1.jpg" alt="Trouser"></a>
</div>
<div class="slide" data-thumb="demos/store/images/men/items/4-2.jpg">
<a href="demo-store-product-single.html"><img src="demos/store/images/men/items/4-2.jpg" alt="Trouser"></a>
</div>
</div>
</div>
</div>
<a href="#" class="cart-btn button button-white button-light"><i class="uil uil-plus"></i>Add to Cart</a>
</div>
<div class="product-desc">
<div class="product-title">
<h3><a href="demo-store-product-single.html">Light Blue Trouser</a></h3>
<span><a href="#">Trouser</a></span>
</div>
<div class="product-price"><ins>$19.99</ins></div>
</div>
</div>
</div>
<!-- Shop Item 12
============================================= -->
<div class="col-lg-4 col-md-6 mb-4 sf-shorts sf-new">
<div class="product">
<div class="product-image">
<div class="fslider" data-arrows="false" data-pagi="false" data-speed="400" data-pause="6000" data-thumbs="true">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide" data-thumb="demos/store/images/men/items/5.jpg">
<a href="demo-store-product-single.html"><img src="demos/store/images/men/items/5.jpg" alt="Shorts"></a>
</div>
<div class="slide" data-thumb="demos/store/images/men/items/5-1.jpg">
<a href="demo-store-product-single.html"><img src="demos/store/images/men/items/5-1.jpg" alt="Shorts"></a>
</div>
<div class="slide" data-thumb="demos/store/images/men/items/5-2.jpg">
<a href="demo-store-product-single.html"><img src="demos/store/images/men/items/5-2.jpg" alt="Shorts"></a>
</div>
</div>
</div>
</div>
<a href="#" class="cart-btn button button-white button-light"><i class="uil uil-plus"></i>Add to Cart</a>
</div>
<div class="product-desc">
<div class="product-title">
<h3><a href="demo-store-product-single.html">Shorts - Pack of 3</a></h3>
<span><a href="#">Shorts</a></span>
</div>
<div class="product-price"><ins>$99</ins></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section mb-0 py-6">
<div class="container-fluid">
<div class="row justify-content-center m-auto" style="max-width: 1000px;">
<div class="col-md-7">
<p class="h6 mb-0 text-muted">Conveniently network effective total linkage via intermandated opportunities. Distinctively <a href="mailto:[email protected]"><u>[email protected]</u></a> premium products.</p>
</div>
<div class="col-md-5 mt-3 mt-md-0">
<h2 class="h1 fw-bold ls--1 color"><a href="tel:09876543211">(+0) 9876 543210</a></h2>
</div>
</div>
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="bg-color dark border-0">
<div class="container-fluid">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap pb-5">
<div class="row">
<div class="col-lg-2 col-md-3 col-6">
<div class="widget">
<h4 class="ls-0 mb-3 text-transform-none">Features</h4>
<ul class="list-unstyled iconlist ms-0">
<li><a href="#">Help Center</a></li>
<li><a href="#">Paid with Moblie</a></li>
<li><a href="#">Status</a></li>
<li><a href="#">Changelog</a></li>
<li><a href="#">Contact Support</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-3 col-6">
<div class="widget">
<h4 class="ls-0 mb-3 text-transform-none">Support</h4>
<ul class="list-unstyled iconlist ms-0">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-3 col-6">
<div class="widget">
<h4 class="ls-0 mb-3 text-transform-none">Trending</h4>
<ul class="list-unstyled iconlist ms-0">
<li><a href="#">Shop</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Forums</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-3 col-6">
<div class="widget">
<h4 class="ls-0 mb-3 text-transform-none">Get to Know us</h4>
<ul class="list-unstyled iconlist ms-0">
<li><a href="#">Corporate</a></li>
<li><a href="#">Agency</a></li>
<li><a href="#">eCommerce</a></li>
<li><a href="#">Personal</a></li>
<li><a href="#">OnePage</a></li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="widget">
<h4 class="ls-0 mb-3 text-transform-none">Instagram Feed</h4>
<div id="instagram-photos" class="instagram-photos masonry-thumbs grid-container row row-cols-5 customjs" data-user="blog.canvastemplate" data-count="10"></div>
</div>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights">
<div class="container-fluid">
<div class="row justify-content-between align-items-center">
<div class="col-md-6">
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 d-md-flex flex-md-column align-items-md-end mt-4 mt-md-0">
<ul class="list-unstyled d-flex flex-row mb-2">
<li class="me-2"><img src="demos/xmas/images/cards/visa.svg" alt="Visa" width="34"></li>
<li class="me-2"><img src="demos/xmas/images/cards/mc.svg" alt="Master Card" width="34"></li>
<li class="me-2"><img src="demos/xmas/images/cards/ae.svg" alt="American Express" width="34"></li>
<li class="me-2"><img src="demos/xmas/images/cards/pp.svg" alt="PayPal" width="34"></li>
<li class="me-2"><img src="demos/xmas/images/cards/sk.svg" alt="Skrill" width="34"></li>
<li class="me-2"><img src="demos/xmas/images/cards/2co.svg" alt="2CheckOut" width="34"></li>
<li class="me-2"><img src="demos/xmas/images/cards/wu.svg" alt="Western Union" width="34"></li>
</ul>
<div class="copyrights-menu copyright-links">
<a href="#">About</a>/<a href="#">Features</a>/<a href="#">FAQs</a>/<a href="#">Contact</a>
</div>
</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/jquery.js"></script>
<script src="js/functions.js"></script>
<!-- Range Slider Plugin -->
<script src="js/components/rangeslider.min.js"></script>
<script>
jQuery(document).ready(changeHeaderColor);
jQuery(window).on('resize',changeHeaderColor);
function changeHeaderColor(){
if (jQuery(window).width() > 991.98) {
jQuery( "#header" ).hover(
function() {
if (!jQuery(this).hasClass("sticky-header")) {
jQuery( this ).addClass( "hover-light" ).removeClass( "dark" ).addClass('not-dark');
}
jQuery( "#wrapper" ).addClass( "header-overlay" );
SEMICOLON.Base.setBSTheme();
}, function() {
if (!jQuery(this).hasClass("sticky-header")) {
jQuery( this ).removeClass( "hover-light" ).addClass( "dark" ).removeClass('not-dark');
}
jQuery( "#wrapper" ).removeClass( "header-overlay" );
SEMICOLON.Base.setBSTheme();
}
);
}
};
window.addEventListener('scroll', () => {
if (jQuery(document).scrollTop() > 2000 && jQuery("#modal-subscribe").attr("displayed") === "false") {
if( jQuery('body').hasClass('has-plugin-bootstrap') ) {
jQuery('#modal-subscribe').modal('show');
jQuery("#modal-subscribe").attr("displayed", "true");
}
}
}, {passive:true});
jQuery('#modal-subscribe-form').on( 'formSubmitSuccess', function(){
jQuery("#modal-subscribe").addClass("fadeOutDown");
setTimeout(function() { jQuery('#modal-subscribe').modal('hide'); }, 400);
jQuery("#modal-subscribe").attr("displayed", "false");
});
var priceRangefrom = 0,
priceRangeto = 0,
$container = null;
jQuery(window).on( 'load', function(){
$container = jQuery('#shop');
$container.isotope({ transitionDuration: '0.65s' });
jQuery('.shop-filter a').click(function(){
jQuery('.shop-filter li').removeClass('activeFilter');
jQuery(this).parent('li').addClass('activeFilter');
var selector = jQuery(this).attr('data-filter');
$container.isotope({ filter: selector });
return false;
});
jQuery(window).resize(function() {
$container.isotope('layout');
});
});
jQuery(document).ready( function($){
jQuery(".range_23").ionRangeSlider({
type: "double",
min: 9.99,
max: 99.99,
from: 9.99,
to: 99.99,
prefix: '$',
hide_min_max: true,
hide_from_to: false,
grid: false,
onStart: function (data) {
priceRangefrom = data.from;
priceRangeto = data.to;
},
onFinish: function (data) {
priceRangefrom = data.from;
priceRangeto = data.to;
$container.isotope({
filter: function() {
if( jQuery(this).find('.product-price').find('ins').length > 0 ) {
var price = jQuery(this).find('.product-price ins').text();
} else {
var price = jQuery(this).find('.product-price').text();
}
priceNum = price.split("$");
return ( priceRangefrom <= priceNum[1] && priceRangeto >= priceNum[1] );
}
});
}
});
});
</script>
</body>
</html>