| 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/swiper.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>Single - 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="#"><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/single/page-title.jpg" class="parallax-bg">
<div class="container">
<div class="page-title-row">
<div class="page-title-content">
<h1 class="text-uppercase">Rounded Watch</h1>
<span>Watches</span>
</div>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Men</a></li>
<li class="breadcrumb-item"><a href="#">Acessories</a></li>
<li class="breadcrumb-item active" aria-current="page">Rounded Watch</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="clear"></div>
<div class="single-product mb-6">
<div class="product">
<div class="container-fluid">
<div class="row gutter-50">
<div class="col-xl-7 col-lg-5 mb-0 sticky-sidebar-wrap">
<div class="masonry-thumbs grid-container row row-cols-2" data-lightbox="gallery">
<a class="grid-item" href="demos/store/images/men/items/1.jpg" data-lightbox="gallery-item"><img src="demos/store/images/men/items/1.jpg" alt="Watch 1"></a>
<a class="grid-item" href="demos/store/images/men/items/1-3.jpg" data-lightbox="gallery-item"><img src="demos/store/images/men/items/1-3.jpg" alt="Watch 3"></a>
<a class="grid-item" href="demos/store/images/men/items/1-1.jpg" data-lightbox="gallery-item"><img src="demos/store/images/men/items/1-1.jpg" alt="Watch 2"></a>
<a class="grid-item" href="demos/store/images/men/items/1-2.jpg" data-lightbox="gallery-item"><img src="demos/store/images/men/items/1-2.jpg" alt="Watch 4"></a>
</div>
</div>
<div class="col-xl-5 col-lg-7 mb-0">
<div class="d-flex align-items-center justify-content-between">
<!-- Product Single - Price
============================================= -->
<div class="product-price"><del>$39.99</del> <ins>$24.99</ins><span class="text-warning"> (30% OFF)</span></div><!-- Product Single - Price End -->
<!-- Product Single - Rating
============================================= -->
<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><!-- Product Single - Rating End -->
</div>
<div class="line line-sm"></div>
<!-- Product Single - Quantity & Cart Button
============================================= -->
<form class="cart mb-0 d-flex justify-content-between align-items-center" method="post" enctype='multipart/form-data'>
<div class="quantity">
<input type="button" value="-" class="minus">
<input type="number" step="1" min="1" name="quantity" value="1" title="Qty" class="qty">
<input type="button" value="+" class="plus">
</div>
<button type="submit" class="add-to-cart button button-large m-0">Add to cart</button>
</form><!-- Product Single - Quantity & Cart Button End -->
<div class="line line-sm"></div>
<div data-readmore="true" data-readmore-size="250px" data-readmore-trigger-open="Read More <i class='fa-solid fa-chevron-down'></i>" data-readmore-trigger-close="false">
<h3>One Size</h3>
<!-- Product Single - Short Description
============================================= -->
<p>Holisticly leverage other's resource sucking information before sticky supply chains. Holisticly matrix standards compliant alignments whereas stand-alone core competencies. Professionally underwhelm process-centric users and value-added sources. Globally whiteboard goal-oriented leadership with process-centric opportunities. Dynamically monetize granular technologies for impactful imperatives. Compellingly extend wireless scenarios after open-source results. Progressively leverage existing.</p>
<p>Perspiciatis ad eveniet ea quasi debitis quos laborum eum reprehenderit eaque explicabo assumenda rem modi.</p>
<ul class="iconlist mb-0">
<li><i class="fa-solid fa-caret-right"></i> Dynamic Color Options</li>
<li><i class="fa-solid fa-caret-right"></i> Lots of Size Options</li>
<li><i class="fa-solid fa-caret-right"></i> 30-Day Return Policy</li>
</ul><!-- Product Single - Short Description End -->
<a href="#" class="btn btn-dark btn-sm read-more-trigger"></a>
</div>
<!-- Product Single - Meta
============================================= -->
<div class="card product-meta mt-4 mb-5 rounded-0">
<div class="card-body">
<span itemprop="productID" class="sku_wrapper">SKU: <span class="sku">8465415</span></span>
<span class="posted_in">Category: <a href="#" rel="tag">Dress</a>.</span>
<span class="tagged_as">Tags: <a href="#" rel="tag">Pink</a>, <a href="#" rel="tag">Short</a>, <a href="#" rel="tag">Dress</a>, <a href="#" rel="tag">Printed</a>.</span>
</div>
</div><!-- Product Single - Meta End -->
<div>
<h4>Product Details</h4>
<table class="table table-striped table-bordered mb-5">
<tbody>
<tr>
<th width="150">Item</th>
<th>Description</th>
</tr>
<tr>
<td>Display</td>
<td>Analogue</td>
</tr>
<tr>
<td>Movement</td>
<td>Quartz</td>
</tr>
<tr>
<td>Power source</td>
<td>Battery</td>
</tr>
<tr>
<td>Dial style</td>
<td>Solid round stainless steel dial</td>
</tr>
<tr>
<td>Features</td>
<td>Reset Time</td>
</tr>
<tr>
<td>Strap style</td>
<td>Silver-Toned bracelet style, stainless steel strap with a foldover closure</td>
</tr>
<tr>
<td>Water resistance</td>
<td>Yes</td>
</tr>
<tr>
<td>Warranty</td>
<td>3 Months</td>
</tr>
</tbody>
</table>
<h4>Size & Fit</h4>
<table class="table table-striped table-bordered">
<tbody>
<tr>
<td>Dial width</td>
<td>40 mm</td>
</tr>
<tr>
<td>Strap Width</td>
<td>20 mm</td>
</tr>
</tbody>
</table>
</div>
<!-- Product Single - Share
============================================= -->
<div class="card border-0 my-4">
<div class="card-body py-3 px-0">
<div class="d-flex align-items-center justify-content-between">
<h6 class="fs-6 fw-semibold mb-0">Share:</h6>
<div class="d-flex">
<a href="#" class="social-icon si-small text-white border-transparent rounded-circle bg-facebook" title="Facebook">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="#" class="social-icon si-small text-white border-transparent rounded-circle bg-twitter" title="Twitter">
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-twitter"></i>
</a>
<a href="#" class="social-icon si-small text-white border-transparent rounded-circle bg-pinterest" title="Pinterest">
<i class="fa-brands fa-pinterest-p"></i>
<i class="fa-brands fa-pinterest-p"></i>
</a>
<a href="#" class="social-icon si-small text-white border-transparent rounded-circle bg-whatsapp" title="Whatsapp">
<i class="fa-brands fa-whatsapp"></i>
<i class="fa-brands fa-whatsapp"></i>
</a>
<a href="#" class="social-icon si-small text-white border-transparent rounded-circle bg-rss" title="RSS">
<i class="fa-solid fa-rss"></i>
<i class="fa-solid fa-rss"></i>
</a>
<a href="#" class="social-icon si-small text-white border-transparent rounded-circle bg-email3 me-0" title="Mail">
<i class="fa-solid fa-envelope"></i>
<i class="fa-solid fa-envelope"></i>
</a>
</div>
</div>
</div>
</div><!-- Product Single - Share End -->
</div>
</div>
</div>
</div>
</div>
<div class="section mb-0">
<div class="container mw-md text-center">
<h4>Similar Products</h4>
<div class="row justify-content-center gutter-1">
<!-- Shop Item 1
============================================= -->
<div class="col-md-3 col-6 h-translate-y-sm all-ts">
<div class="product bg-white">
<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 flex-column px-4">
<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-md-3 col-6 h-translate-y-sm all-ts">
<div class="product bg-white">
<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 flex-column px-4">
<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-md-3 col-6 h-translate-y-sm all-ts">
<div class="product bg-white">
<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 flex-column px-4">
<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 4
============================================= -->
<div class="col-md-3 col-6 h-translate-y-sm all-ts">
<div class="product bg-white">
<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 flex-column px-4">
<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>
</div>
</div>
</div>
<div class="section bg-transparent my-3">
<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>
<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");
});
</script>
</body>
</html>