Access_New/demo-jewellery-store-shop.html
2024-09-05 11:33:27 +05:45

1176 lines
60 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html class="no-js" lang="en">
<head>
<title>Crafto - The Multipurpose HTML5 Template</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="ThemeZaa">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="description" content="Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="css/vendors.min.css" />
<link rel="stylesheet" href="css/icon.min.css" />
<link rel="stylesheet" href="css/style.min.css" />
<link rel="stylesheet" href="css/responsive.min.css" />
<link rel="stylesheet" href="demos/jewellery-store/jewellery-store.css" />
</head>
<body data-mobile-nav-style="classic">
<header class="header-with-topbar">
<div class="header-top-bar top-bar-light bg-dark-gray disable-fixed md-border-bottom border-color-transparent-dark-very-light">
<div class="container-fluid">
<div class="row h-40px align-items-center m-0">
<div class="col-12 justify-content-center alt-font">
<div class="fs-13 text-white text-uppercase">Free shipping on all orders $50, don't miss discount.</div>
<a href="demo-jewellery-store-shop.html#" class="fs-13 fw-500 text-base-color text-base-color-hover text-uppercase ms-5px"><i class="feather icon-feather-bookmark icon-small align-middle"></i> <span class="text-decoration-line-bottom">Get offers</span></a>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg header-light bg-white disable-fixed">
<div class="container-fluid">
<div class="col-auto col-lg-5 menu-order position-static">
<button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav alt-font">
<li class="nav-item"><a href="demo-jewellery-store.html" class="nav-link">Home</a></li>
<li class="nav-item dropdown submenu">
<a href="demo-jewellery-store-shop.html" class="nav-link">Shop</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink1" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<div class="dropdown-menu submenu-content" aria-labelledby="navbarDropdownMenuLink1">
<div class="d-lg-flex mega-menu m-auto flex-column">
<div class="row row-cols-1 row-cols-lg-5 mb-50px md-mb-20px">
<div class="col md-mb-5px">
<ul>
<li class="sub-title">Rings</li>
<li><a href="demo-jewellery-store-shop.html#">Engagement</a></li>
<li><a href="demo-jewellery-store-shop.html#">Gold rings</a></li>
<li><a href="demo-jewellery-store-shop.html#">Casual rings</a></li>
<li><a href="demo-jewellery-store-shop.html#">Silver rings</a></li>
<li><a href="demo-jewellery-store-shop.html#">Platinum rings</a></li>
<li><a href="demo-jewellery-store-shop.html#">Diamond rings</a></li>
</ul>
</div>
<div class="col md-mb-5px">
<ul>
<li class="sub-title">Earrings</li>
<li><a href="demo-jewellery-store-shop.html#">Jhumkas</a></li>
<li><a href="demo-jewellery-store-shop.html#">Barbells</a></li>
<li><a href="demo-jewellery-store-shop.html#">Hug hoops</a></li>
<li><a href="demo-jewellery-store-shop.html#">Tear drop</a></li>
<li><a href="demo-jewellery-store-shop.html#">Suidhaga</a></li>
<li><a href="demo-jewellery-store-shop.html#">Gemstone</a></li>
</ul>
</div>
<div class="col md-mb-5px">
<ul>
<li class="sub-title">Necklaces</li>
<li><a href="demo-jewellery-store-shop.html#">Bib necklece</a></li>
<li><a href="demo-jewellery-store-shop.html#">Collar necklece</a></li>
<li><a href="demo-jewellery-store-shop.html#">Rope necklece</a></li>
<li><a href="demo-jewellery-store-shop.html#">Locket necklece</a></li>
<li><a href="demo-jewellery-store-shop.html#">Chain necklece</a></li>
<li><a href="demo-jewellery-store-shop.html#">Opera nacklece</a></li>
</ul>
</div>
<div class="col md-mb-5px">
<ul>
<li class="sub-title">Pendants</li>
<li><a href="demo-jewellery-store-shop.html#">Alphabet</a></li>
<li><a href="demo-jewellery-store-shop.html#">Mangalsutra</a></li>
<li><a href="demo-jewellery-store-shop.html#">Religious</a></li>
<li><a href="demo-jewellery-store-shop.html#">Diamond</a></li>
<li><a href="demo-jewellery-store-shop.html#">Heart shaped</a></li>
<li><a href="demo-jewellery-store-shop.html#">Gemstone</a></li>
</ul>
</div>
<div class="col">
<ul>
<li class="sub-title">Breslet</li>
<li><a href="demo-jewellery-store-shop.html#">Caratlane chain</a></li>
<li><a href="demo-jewellery-store-shop.html#">Oval bracelets</a></li>
<li><a href="demo-jewellery-store-shop.html#">Pearl bracelets</a></li>
<li><a href="demo-jewellery-store-shop.html#">Charm bracelets</a></li>
<li><a href="demo-jewellery-store-shop.html#">Silver brcelets</a></li>
<li><a href="demo-jewellery-store-shop.html#">Tennis bracelets</a></li>
</ul>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2">
<div class="col">
<a href="demo-jewellery-store-shop.html"><img src="images/demo-jewellery-store-menu-banner-01.jpg" class="border-radius-4px w-100" alt></a>
</div>
<div class="col">
<a href="demo-jewellery-store-shop.html"><img src="images/demo-jewellery-store-menu-banner-02.jpg" class="border-radius-4px w-100" alt></a>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown submenu">
<a href="demo-jewellery-store-categories.html" class="nav-link">Categories</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink2" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<div class="dropdown-menu submenu-content" aria-labelledby="navbarDropdownMenuLink2">
<div class="mega-menu m-auto">
<div class="row md-m-0">
<div class="col-12 col-lg-9">
<div class="row row-cols-1 row-cols-lg-4 align-items-center justify-content-center">
<div class="col mb-20px md-mb-10px text-start text-lg-center">
<a href="demo-jewellery-store-categories.html" class="d-none d-lg-block">
<img src="images/demo-jewellery-store-menu-category-01.jpg" class="border-radius-4px mb-5px" alt>
</a>
<a href="demo-jewellery-store-categories.html" class="btn btn-hover-animation fw-500 text-uppercase-inherit justify-content-center pt-0 pb-0 text-start text-lg-center">
<span>
<span class="btn-text text-dark-gray fs-17 flex-shrink-0">Rings</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right icon-very-small w-auto"></i></span>
</span>
</a>
</div>
<div class="col mb-20px md-mb-10px text-start text-lg-center">
<a href="demo-jewellery-store-categories.html" class="d-none d-lg-block">
<img src="images/demo-jewellery-store-menu-category-02.jpg" class="border-radius-4px mb-5px" alt>
</a>
<a href="demo-jewellery-store-categories.html" class="btn btn-hover-animation fw-500 text-uppercase-inherit justify-content-center pt-0 pb-0 text-start text-lg-center">
<span>
<span class="btn-text text-dark-gray fs-17 flex-shrink-0">Bracelet</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right icon-very-small w-auto"></i></span>
</span>
</a>
</div>
<div class="col mb-20px md-mb-10px text-start text-lg-center">
<a href="demo-jewellery-store-categories.html" class="d-none d-lg-block">
<img src="images/demo-jewellery-store-menu-category-03.jpg" class="border-radius-4px mb-5px" alt>
</a>
<a href="demo-jewellery-store-categories.html" class="btn btn-hover-animation fw-500 text-uppercase-inherit justify-content-center pt-0 pb-0 text-start text-lg-center">
<span>
<span class="btn-text text-dark-gray fs-17 flex-shrink-0">Earrings</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right icon-very-small w-auto"></i></span>
</span>
</a>
</div>
<div class="col mb-20px md-mb-10px text-start text-lg-center">
<a href="demo-jewellery-store-categories.html" class="d-none d-lg-block">
<img src="images/demo-jewellery-store-menu-category-04.jpg" class="border-radius-4px mb-5px" alt>
</a>
<a href="demo-jewellery-store-categories.html" class="btn btn-hover-animation fw-500 text-uppercase-inherit justify-content-center pt-0 pb-0 text-start text-lg-center">
<span>
<span class="btn-text text-dark-gray fs-17 flex-shrink-0">Necklace</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right icon-very-small w-auto"></i></span>
</span>
</a>
</div>
<div class="col md-mb-10px text-start text-lg-center">
<a href="demo-jewellery-store-categories.html" class="d-none d-lg-block">
<img src="images/demo-jewellery-store-menu-category-05.jpg" class="border-radius-4px mb-5px" alt>
</a>
<a href="demo-jewellery-store-categories.html" class="btn btn-hover-animation fw-500 text-uppercase-inherit justify-content-center pt-0 pb-0 text-start text-lg-center">
<span>
<span class="btn-text text-dark-gray fs-17 flex-shrink-0">Pendants</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right icon-very-small w-auto"></i></span>
</span>
</a>
</div>
<div class="col md-mb-10px text-start text-lg-center">
<a href="demo-jewellery-store-categories.html" class="d-none d-lg-block">
<img src="images/demo-jewellery-store-menu-category-06.jpg" class="border-radius-4px mb-5px" alt>
</a>
<a href="demo-jewellery-store-categories.html" class="btn btn-hover-animation fw-500 text-uppercase-inherit justify-content-center pt-0 pb-0 text-start text-lg-center">
<span>
<span class="btn-text text-dark-gray fs-17 flex-shrink-0">Watches</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right icon-very-small w-auto"></i></span>
</span>
</a>
</div>
<div class="col md-mb-10px text-start text-lg-center">
<a href="demo-jewellery-store-categories.html" class="d-none d-lg-block">
<img src="images/demo-jewellery-store-menu-category-07.jpg" class="border-radius-4px mb-5px" alt>
</a>
<a href="demo-jewellery-store-categories.html" class="btn btn-hover-animation fw-500 text-uppercase-inherit justify-content-center pt-0 pb-0 text-start text-lg-center">
<span>
<span class="btn-text text-dark-gray fs-17 flex-shrink-0">Necklace</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right icon-very-small w-auto"></i></span>
</span>
</a>
</div>
<div class="col text-start text-lg-center">
<a href="demo-jewellery-store-categories.html" class="d-none d-lg-block">
<img src="images/demo-jewellery-store-menu-category-08.jpg" class="border-radius-4px mb-5px" alt>
</a>
<a href="demo-jewellery-store-categories.html" class="btn btn-hover-animation fw-500 text-uppercase-inherit justify-content-center pt-0 pb-0 text-start text-lg-center">
<span>
<span class="btn-text text-dark-gray fs-17 flex-shrink-0">Chain</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right icon-very-small w-auto"></i></span>
</span>
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 d-none d-lg-flex">
<div>
<a href="demo-jewellery-store-categories.html"><img src="images/demo-jewellery-store-menu-banner-03.jpg" class="border-radius-4px" alt></a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown simple-dropdown">
<a href="javascript:void(0);" class="nav-link">Pages</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink3" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink3">
<li><a href="demo-jewellery-store-about.html">About</a></li>
<li><a href="demo-jewellery-store-faq.html">Faq</a></li>
<li><a href="demo-jewellery-store-wishlist.html">Wishlist</a></li>
<li><a href="demo-jewellery-store-account.html">Account</a></li>
<li><a href="demo-jewellery-store-cart.html">Cart</a></li>
<li><a href="demo-jewellery-store-checkout.html">Checkout</a></li>
</ul>
</li>
<li class="nav-item"><a href="demo-jewellery-store-blog.html" class="nav-link">Blog</a></li>
<li class="nav-item"><a href="demo-jewellery-store-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 justify-content-end justify-content-lg-center">
<a class="navbar-brand" href="demo-jewellery-store.html">
<img src="images/demo-jewellery-store-logo-black.png" data-at2x="images/demo-jewellery-store-logo-black@2x.png" alt class="default-logo">
<img src="images/demo-jewellery-store-logo-black.png" data-at2x="images/demo-jewellery-store-logo-black@2x.png" alt class="alt-logo">
<img src="images/demo-jewellery-store-logo-black.png" data-at2x="images/demo-jewellery-store-logo-black@2x.png" alt class="mobile-logo">
</a>
</div>
<div class="col-auto col-lg-5 justify-content-end ms-auto md-pe-0">
<div class="header-icon">
<div class="widget-text icon alt-font fw-500 d-none d-sm-flex">
<a href="demo-jewellery-store-wishlist.html">Wishlist</a>
</div>
<div class="header-account-icon icon alt-font">
<div class="header-account dropdown">
<a href="javascript:void(0);" class="fw-500">
<i class="feather icon-feather-user d-inline-block d-sm-none fs-18"></i>
<span class="d-none d-sm-inline-block">My account</span>
</a>
<ul class="account-item-list">
<li class="account-item"><a href="demo-jewellery-store-shop.html#">Wishlist</a></li>
<li class="account-item"><a href="demo-jewellery-store-shop.html#">Order history</a></li>
<li class="account-item"><a href="demo-jewellery-store-shop.html#">Account details</a></li>
<li class="account-item"><a href="demo-jewellery-store-shop.html#">Customer support</a></li>
<li class="account-item"><a href="demo-jewellery-store-shop.html#">Logout</a></li>
</ul>
</div>
</div>
<div class="header-search-icon icon">
<a href="javascript:void(0)" class="search-form-icon header-search-form xs-ps-10px"><i class="feather icon-feather-search"></i></a>
<div class="search-form-wrapper">
<button title="Close" type="button" class="search-close alt-font">×</button>
<form id="search-form" role="search" method="get" class="search-form text-left" action="search-result.html">
<div class="search-form-box">
<h2 class="text-dark-gray text-center mb-5 alt-font fw-600 ls-minus-2px">What are you looking for?</h2>
<input class="search-input alt-font" id="search-form-input5e219ef164995" placeholder="Enter your keywords..." name="s" value type="text" autocomplete="off">
<button type="submit" class="search-button">
<i class="feather icon-feather-search" aria-hidden="true"></i>
</button>
</div>
</form>
</div>
</div>
<div class="header-cart-icon icon">
<div class="header-cart dropdown">
<a href="javascript:void(0);"><i class="feather icon-feather-shopping-bag"></i><span class="cart-count alt-font text-da">2</span></a>
<ul class="cart-item-list">
<li class="cart-item align-items-center">
<a href="javascript:void(0);" class="alt-font close">×</a>
<div class="product-image">
<a href="demo-jewellery-store-single-product.html"><img src="images/demo-jewellery-store-product-02.jpg" class="cart-thumb" alt></a>
</div>
<div class="product-detail alt-font">
<a href="demo-jewellery-store-single-product.html">Delica Omtantur</a>
<span class="item-ammount">$100.00</span>
</div>
</li>
<li class="cart-item align-items-center">
<a href="javascript:void(0);" class="alt-font close">×</a>
<div class="product-image">
<a href="demo-jewellery-store-single-product.html"><img src="images/demo-jewellery-store-product-03.jpg" class="cart-thumb" alt></a>
</div>
<div class="product-detail alt-font">
<a href="demo-jewellery-store-single-product.html">Gianvito Rossi</a>
<span class="item-ammount">$99.99</span>
</div>
</li>
<li class="cart-total">
<div class="alt-font mb-15px"><span class="w-50">Subtotal:</span><span class="w-50 text-end fw-600">$199.99</span></div>
<a href="demo-jewellery-store-cart.html" class="btn btn-large btn-transparent-base-color border-color-extra-medium-gray btn-round-edge">View cart</a>
<a href="demo-jewellery-store-checkout.html" class="btn btn-large btn-dark-gray btn-box-shadow btn-round-edge">Checkout</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<section class="half-section top-space-margin cover-background" style="background-image: url('images/demo-jewellery-store-about-title-bg.jpg')">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-12 text-center position-relative page-title-extra-large">
<div class="d-flex flex-column extra-very-small-screen" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 300, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 100, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="mt-auto">
<h1 class="fw-500 text-dark-gray alt-font mb-0 ls-minus-2px">Shop collection</h1>
</div>
<div class="fs-16 fw-500 alt-font text-dark-gray justify-content-center breadcrumb breadcrumb-style-01 mt-auto">
<ul>
<li><a href="demo-jewellery-store.html" class="text-dark-gray text-medium-gray-hover">Home</a></li>
<li>Shop</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ps-6 pe-6 lg-ps-3 lg-pe-3 sm-ps-0 sm-pe-0">
<div class="container-fluid">
<div class="row flex-row-reverse">
<div class="col-xxl-10 col-lg-9 ps-5 md-ps-15px md-mb-60px">
<div class="toolbar-wrapper border-bottom border-color-extra-medium-gray d-flex flex-column flex-md-row align-items-center w-100 mb-40px md-mb-30px pb-15px" data-anime="{ &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;:50, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="sm-mb-10px">
<a href="demo-jewellery-store-shop.html#" class="me-10px"><img src="images/shop-two-column.svg" class="opacity-5" alt /></a>
<a href="demo-jewellery-store-shop.html#" class="me-10px"><img src="images/shop-three-column.svg" class="opacity-5" alt /></a>
<a href="demo-jewellery-store-shop.html#" class="me-10px"><img src="images/shop-four-column.svg" class="opacity-5" alt /></a>
<a href="demo-jewellery-store-shop.html#"><img src="images/shop-list.svg" class="opacity-5" alt /></a>
</div>
<div class="ms-20px sm-ms-0">Showing 112 of 48 results</div>
<div class="mx-auto me-md-0">
<select class="fs-18 form-select border-0 background-position-right" aria-label="Default sorting">
<option selected>Default sorting</option>
<option value="1">Sort by popularity</option>
<option value="2">Sort by average rating</option>
<option value="3">Sort by latest</option>
<option value="4">Sort by price: low to high</option>
<option value="5">Sort by price: high to low</option>
</select>
</div>
</div>
<ul class="shop-modern shop-wrapper grid-loading grid grid-4col xxl-grid-4col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large text-center" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [15, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 300, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 100, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<li class="grid-sizer"></li>
<li class="grid-item">
<div class="shop-box mb-10px">
<div class="shop-image mb-25px">
<a href="demo-jewellery-store-single-product.html">
<img src="images/demo-jewellery-store-product-01.jpg" alt>
<span class="lable new">New</span>
</a>
<div class="shop-buttons-wrap">
<a href="demo-jewellery-store-single-product.html" class="alt-font btn btn-small btn-box-shadow btn-dark-gray btn-round-edge left-icon add-to-cart">
<i class="feather icon-feather-shopping-bag"></i><span class="quick-view-text button-text">Add to cart</span>
</a>
</div>
<div class="shop-hover d-flex justify-content-center">
<ul>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to wishlist"><i class="feather icon-feather-heart fs-16"></i></a>
</li>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Quick shop"><i class="feather icon-feather-eye fs-16"></i></a>
</li>
</ul>
</div>
</div>
<div class="shop-footer text-center">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray fs-19 fw-500">Diamond earrings</a>
<div class="price"><del>$200.00</del>$189.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box mb-10px">
<div class="shop-image mb-25px">
<a href="demo-jewellery-store-single-product.html">
<img src="images/demo-jewellery-store-product-02.jpg" alt>
</a>
<div class="shop-buttons-wrap">
<a href="demo-jewellery-store-single-product.html" class="alt-font btn btn-small btn-box-shadow btn-dark-gray btn-round-edge left-icon add-to-cart">
<i class="feather icon-feather-shopping-bag"></i><span class="quick-view-text button-text">Add to cart</span>
</a>
</div>
<div class="shop-hover d-flex justify-content-center">
<ul>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to wishlist"><i class="feather icon-feather-heart fs-16"></i></a>
</li>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Quick shop"><i class="feather icon-feather-eye fs-16"></i></a>
</li>
</ul>
</div>
</div>
<div class="shop-footer text-center">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray fs-19 fw-500">Geometric gold ring</a>
<div class="price"><del>$180.00</del>$159.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box mb-10px">
<div class="shop-image mb-25px">
<a href="demo-jewellery-store-single-product.html">
<img src="images/demo-jewellery-store-product-03.jpg" alt>
<span class="lable hot">Hot</span>
</a>
<div class="shop-buttons-wrap">
<a href="demo-jewellery-store-single-product.html" class="alt-font btn btn-small btn-box-shadow btn-dark-gray btn-round-edge left-icon add-to-cart">
<i class="feather icon-feather-shopping-bag"></i><span class="quick-view-text button-text">Add to cart</span>
</a>
</div>
<div class="shop-hover d-flex justify-content-center">
<ul>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to wishlist"><i class="feather icon-feather-heart fs-16"></i></a>
</li>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Quick shop"><i class="feather icon-feather-eye fs-16"></i></a>
</li>
</ul>
</div>
</div>
<div class="shop-footer text-center">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray fs-19 fw-500">Gemstone earrings</a>
<div class="price"><del>$200.00</del>$189.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box mb-10px">
<div class="shop-image mb-25px">
<a href="demo-jewellery-store-single-product.html">
<img src="images/demo-jewellery-store-product-04.jpg" alt>
</a>
<div class="shop-buttons-wrap">
<a href="demo-jewellery-store-single-product.html" class="alt-font btn btn-small btn-box-shadow btn-dark-gray btn-round-edge left-icon add-to-cart">
<i class="feather icon-feather-shopping-bag"></i><span class="quick-view-text button-text">Add to cart</span>
</a>
</div>
<div class="shop-hover d-flex justify-content-center">
<ul>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to wishlist"><i class="feather icon-feather-heart fs-16"></i></a>
</li>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Quick shop"><i class="feather icon-feather-eye fs-16"></i></a>
</li>
</ul>
</div>
</div>
<div class="shop-footer text-center">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray fs-19 fw-500">Gold diamond ring</a>
<div class="price">$289.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box mb-10px">
<div class="shop-image mb-25px">
<a href="demo-jewellery-store-single-product.html">
<img src="images/demo-jewellery-store-product-05.jpg" alt>
</a>
<div class="shop-buttons-wrap">
<a href="demo-jewellery-store-single-product.html" class="alt-font btn btn-small btn-box-shadow btn-dark-gray btn-round-edge left-icon add-to-cart">
<i class="feather icon-feather-shopping-bag"></i><span class="quick-view-text button-text">Add to cart</span>
</a>
</div>
<div class="shop-hover d-flex justify-content-center">
<ul>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to wishlist"><i class="feather icon-feather-heart fs-16"></i></a>
</li>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Quick shop"><i class="feather icon-feather-eye fs-16"></i></a>
</li>
</ul>
</div>
</div>
<div class="shop-footer text-center">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray fs-19 fw-500">Diamond earrings</a>
<div class="price"><del>$200.00</del>$189.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box mb-10px">
<div class="shop-image mb-25px">
<a href="demo-jewellery-store-single-product.html">
<img src="images/demo-jewellery-store-product-06.jpg" alt>
<span class="lable new">New</span>
</a>
<div class="shop-buttons-wrap">
<a href="demo-jewellery-store-single-product.html" class="alt-font btn btn-small btn-box-shadow btn-dark-gray btn-round-edge left-icon add-to-cart">
<i class="feather icon-feather-shopping-bag"></i><span class="quick-view-text button-text">Add to cart</span>
</a>
</div>
<div class="shop-hover d-flex justify-content-center">
<ul>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to wishlist"><i class="feather icon-feather-heart fs-16"></i></a>
</li>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Quick shop"><i class="feather icon-feather-eye fs-16"></i></a>
</li>
</ul>
</div>
</div>
<div class="shop-footer text-center">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray fs-19 fw-500">Geometric gold ring</a>
<div class="price"><del>$150.00</del>$129.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box mb-10px">
<div class="shop-image mb-25px">
<a href="demo-jewellery-store-single-product.html">
<img src="images/demo-jewellery-store-product-07.jpg" alt>
</a>
<div class="shop-buttons-wrap">
<a href="demo-jewellery-store-single-product.html" class="alt-font btn btn-small btn-box-shadow btn-dark-gray btn-round-edge left-icon add-to-cart">
<i class="feather icon-feather-shopping-bag"></i><span class="quick-view-text button-text">Add to cart</span>
</a>
</div>
<div class="shop-hover d-flex justify-content-center">
<ul>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to wishlist"><i class="feather icon-feather-heart fs-16"></i></a>
</li>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Quick shop"><i class="feather icon-feather-eye fs-16"></i></a>
</li>
</ul>
</div>
</div>
<div class="shop-footer text-center">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray fs-19 fw-500">The aphrodite band</a>
<div class="price">$200.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box mb-10px">
<div class="shop-image mb-25px">
<a href="demo-jewellery-store-single-product.html">
<img src="images/demo-jewellery-store-product-08.jpg" alt>
</a>
<div class="shop-buttons-wrap">
<a href="demo-jewellery-store-single-product.html" class="alt-font btn btn-small btn-box-shadow btn-dark-gray btn-round-edge left-icon add-to-cart">
<i class="feather icon-feather-shopping-bag"></i><span class="quick-view-text button-text">Add to cart</span>
</a>
</div>
<div class="shop-hover d-flex justify-content-center">
<ul>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to wishlist"><i class="feather icon-feather-heart fs-16"></i></a>
</li>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Quick shop"><i class="feather icon-feather-eye fs-16"></i></a>
</li>
</ul>
</div>
</div>
<div class="shop-footer text-center">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray fs-19 fw-500">Suserrer earring</a>
<div class="price"><del>$200.00</del>$179.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box mb-10px">
<div class="shop-image mb-25px">
<a href="demo-jewellery-store-single-product.html">
<img src="images/demo-jewellery-store-featured-products-01.jpg" alt>
</a>
<div class="shop-buttons-wrap">
<a href="demo-jewellery-store-single-product.html" class="alt-font btn btn-small btn-box-shadow btn-dark-gray btn-round-edge left-icon add-to-cart">
<i class="feather icon-feather-shopping-bag"></i><span class="quick-view-text button-text">Add to cart</span>
</a>
</div>
<div class="shop-hover d-flex justify-content-center">
<ul>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to wishlist"><i class="feather icon-feather-heart fs-16"></i></a>
</li>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Quick shop"><i class="feather icon-feather-eye fs-16"></i></a>
</li>
</ul>
</div>
</div>
<div class="shop-footer text-center">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray fs-19 fw-500">Gwendolyn earrings</a>
<div class="price"><del>$200.00</del>$189.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box mb-10px">
<div class="shop-image mb-25px">
<a href="demo-jewellery-store-single-product.html">
<img src="images/demo-jewellery-store-featured-products-02.jpg" alt>
</a>
<div class="shop-buttons-wrap">
<a href="demo-jewellery-store-single-product.html" class="alt-font btn btn-small btn-box-shadow btn-dark-gray btn-round-edge left-icon add-to-cart">
<i class="feather icon-feather-shopping-bag"></i><span class="quick-view-text button-text">Add to cart</span>
</a>
</div>
<div class="shop-hover d-flex justify-content-center">
<ul>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to wishlist"><i class="feather icon-feather-heart fs-16"></i></a>
</li>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Quick shop"><i class="feather icon-feather-eye fs-16"></i></a>
</li>
</ul>
</div>
</div>
<div class="shop-footer text-center">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray fs-19 fw-500">Twister bangle</a>
<div class="price"><del>$180.00</del>$159.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box mb-10px">
<div class="shop-image mb-25px">
<a href="demo-jewellery-store-single-product.html">
<img src="images/demo-jewellery-store-featured-products-03.jpg" alt>
</a>
<div class="shop-buttons-wrap">
<a href="demo-jewellery-store-single-product.html" class="alt-font btn btn-small btn-box-shadow btn-dark-gray btn-round-edge left-icon add-to-cart">
<i class="feather icon-feather-shopping-bag"></i><span class="quick-view-text button-text">Add to cart</span>
</a>
</div>
<div class="shop-hover d-flex justify-content-center">
<ul>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to wishlist"><i class="feather icon-feather-heart fs-16"></i></a>
</li>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Quick shop"><i class="feather icon-feather-eye fs-16"></i></a>
</li>
</ul>
</div>
</div>
<div class="shop-footer text-center">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray fs-19 fw-500">Zebra earrings</a>
<div class="price"><del>$200.00</del>$189.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box mb-10px">
<div class="shop-image mb-25px">
<a href="demo-jewellery-store-single-product.html">
<img src="images/demo-jewellery-store-featured-products-04.jpg" alt>
</a>
<div class="shop-buttons-wrap">
<a href="demo-jewellery-store-single-product.html" class="alt-font btn btn-small btn-box-shadow btn-dark-gray btn-round-edge left-icon add-to-cart">
<i class="feather icon-feather-shopping-bag"></i><span class="quick-view-text button-text">Add to cart</span>
</a>
</div>
<div class="shop-hover d-flex justify-content-center">
<ul>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to wishlist"><i class="feather icon-feather-heart fs-16"></i></a>
</li>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Quick shop"><i class="feather icon-feather-eye fs-16"></i></a>
</li>
</ul>
</div>
</div>
<div class="shop-footer text-center">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray fs-19 fw-500">The paanita ring</a>
<div class="price">$289.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box mb-10px">
<div class="shop-image mb-25px">
<a href="demo-jewellery-store-single-product.html">
<img src="images/demo-jewellery-store-product-09.jpg" alt>
</a>
<div class="shop-buttons-wrap">
<a href="demo-jewellery-store-single-product.html" class="alt-font btn btn-small btn-box-shadow btn-dark-gray btn-round-edge left-icon add-to-cart">
<i class="feather icon-feather-shopping-bag"></i><span class="quick-view-text button-text">Add to cart</span>
</a>
</div>
<div class="shop-hover d-flex justify-content-center">
<ul>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to wishlist"><i class="feather icon-feather-heart fs-16"></i></a>
</li>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Quick shop"><i class="feather icon-feather-eye fs-16"></i></a>
</li>
</ul>
</div>
</div>
<div class="shop-footer text-center">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray fs-19 fw-500">Zaha cutout ring</a>
<div class="price"><del>$200.00</del>$189.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box mb-10px">
<div class="shop-image mb-25px">
<a href="demo-jewellery-store-single-product.html">
<img src="images/demo-jewellery-store-product-10.jpg" alt>
</a>
<div class="shop-buttons-wrap">
<a href="demo-jewellery-store-single-product.html" class="alt-font btn btn-small btn-box-shadow btn-dark-gray btn-round-edge left-icon add-to-cart">
<i class="feather icon-feather-shopping-bag"></i><span class="quick-view-text button-text">Add to cart</span>
</a>
</div>
<div class="shop-hover d-flex justify-content-center">
<ul>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to wishlist"><i class="feather icon-feather-heart fs-16"></i></a>
</li>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Quick shop"><i class="feather icon-feather-eye fs-16"></i></a>
</li>
</ul>
</div>
</div>
<div class="shop-footer text-center">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray fs-19 fw-500">Eyelet stud earrings</a>
<div class="price"><del>$180.00</del>$159.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box mb-10px">
<div class="shop-image mb-25px">
<a href="demo-jewellery-store-single-product.html">
<img src="images/demo-jewellery-store-product-11.jpg" alt>
</a>
<div class="shop-buttons-wrap">
<a href="demo-jewellery-store-single-product.html" class="alt-font btn btn-small btn-box-shadow btn-dark-gray btn-round-edge left-icon add-to-cart">
<i class="feather icon-feather-shopping-bag"></i><span class="quick-view-text button-text">Add to cart</span>
</a>
</div>
<div class="shop-hover d-flex justify-content-center">
<ul>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to wishlist"><i class="feather icon-feather-heart fs-16"></i></a>
</li>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Quick shop"><i class="feather icon-feather-eye fs-16"></i></a>
</li>
</ul>
</div>
</div>
<div class="shop-footer text-center">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray fs-19 fw-500">Frond leaf ring</a>
<div class="price"><del>$200.00</del>$189.00</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="shop-box mb-10px">
<div class="shop-image mb-25px">
<a href="demo-jewellery-store-single-product.html">
<img src="images/demo-jewellery-store-product-12.jpg" alt>
</a>
<div class="shop-buttons-wrap">
<a href="demo-jewellery-store-single-product.html" class="alt-font btn btn-small btn-box-shadow btn-dark-gray btn-round-edge left-icon add-to-cart">
<i class="feather icon-feather-shopping-bag"></i><span class="quick-view-text button-text">Add to cart</span>
</a>
</div>
<div class="shop-hover d-flex justify-content-center">
<ul>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Add to wishlist"><i class="feather icon-feather-heart fs-16"></i></a>
</li>
<li>
<a href="demo-jewellery-store-shop.html#" class="bg-white w-40px h-40px text-dark-gray d-flex align-items-center justify-content-center rounded-circle ms-5px me-5px box-shadow-large" data-bs-toggle="tooltip" data-bs-placement="left" title="Quick shop"><i class="feather icon-feather-eye fs-16"></i></a>
</li>
</ul>
</div>
</div>
<div class="shop-footer text-center">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray fs-19 fw-500">Amaira ornate earrings</a>
<div class="price">$289.00</div>
</div>
</div>
</li>
</ul>
<div class="w-100 d-flex mt-4 justify-content-center" data-anime="{ &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;:100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<ul class="pagination pagination-style-01 fs-14 fw-500 mb-0">
<li class="page-item"><a class="page-link" href="demo-jewellery-store-shop.html#"><i class="feather icon-feather-arrow-left fs-18 d-xs-none"></i></a></li>
<li class="page-item"><a class="page-link" href="demo-jewellery-store-shop.html#">01</a></li>
<li class="page-item active"><a class="page-link" href="demo-jewellery-store-shop.html#">02</a></li>
<li class="page-item"><a class="page-link" href="demo-jewellery-store-shop.html#">03</a></li>
<li class="page-item"><a class="page-link" href="demo-jewellery-store-shop.html#">04</a></li>
<li class="page-item"><a class="page-link" href="demo-jewellery-store-shop.html#"><i class="feather icon-feather-arrow-right fs-18 d-xs-none"></i></a></li>
</ul>
</div>
</div>
<div class="col-xxl-2 col-lg-3 shop-sidebar">
<div class="mb-30px">
<span class="alt-font fw-500 fs-19 text-dark-gray d-block mb-10px">Categories</span>
<ul class="shop-filter category-filter fs-17">
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-category-cb"></span>Earrings</a><span class="item-qty">22</span></li>
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-category-cb"></span>Bracelets</a><span class="item-qty">28</span></li>
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-category-cb"></span>Rings</a><span class="item-qty">36</span></li>
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-category-cb"></span>Pendant</a><span class="item-qty">24</span></li>
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-category-cb"></span>Necklace</a><span class="item-qty">26</span></li>
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-category-cb"></span>Wedding</a><span class="item-qty">33</span></li>
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-category-cb"></span>Chains</a><span class="item-qty">22</span></li>
</ul>
</div>
<div class="mb-30px">
<span class="alt-font fw-500 fs-19 text-dark-gray d-block mb-10px">Color</span>
<ul class="shop-filter color-filter fs-17">
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-color-cb" style="background-color:#232323"></span>Black</a><span class="item-qty">05</span></li>
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-color-cb" style="background-color:#8E412E"></span>Chestnut</a><span class="item-qty">24</span></li>
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-color-cb" style="background-color:#E0A699"></span>Brown</a><span class="item-qty">32</span></li>
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-color-cb" style="background-color:#E0A699"></span>Pastel pink</a><span class="item-qty">22</span></li>
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-color-cb" style="background-color:#9DA693"></span>Litchen green</a><span class="item-qty">09</span></li>
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-color-cb" style="background-color:#E7C06D"></span>Yellow</a><span class="item-qty">06</span></li>
</ul>
</div>
<div class="mb-30px">
<span class="alt-font fw-500 fs-19 text-dark-gray d-block mb-10px">Price</span>
<ul class="shop-filter price-filter fs-17">
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-category-cb"></span>Under $25</a><span class="item-qty">08</span></li>
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-category-cb"></span>$25 to $50</a><span class="item-qty">05</span></li>
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-category-cb"></span>$50 to $100</a><span class="item-qty">25</span></li>
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-category-cb"></span>$100 to $200</a><span class="item-qty">18</span></li>
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-category-cb"></span>$200 & Above</a><span class="item-qty">36</span></li>
</ul>
</div>
<div class="mb-30px">
<span class="alt-font fw-500 fs-19 text-dark-gray d-block mb-10px">Metal and stone</span>
<ul class="shop-filter fabric-filter fs-17">
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-fabric-cb"><img src="images/demo-jewellery-store-product-listing-metal-02.jpg" alt /></span>Rose gold</a><span class="item-qty">08</span></li>
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-fabric-cb"><img src="images/demo-jewellery-store-product-listing-metal-03.jpg" alt /></span>Platinum</a><span class="item-qty">08</span></li>
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-fabric-cb"><img src="images/demo-jewellery-store-product-listing-metal-01.jpg" alt /></span>Yellow gold</a><span class="item-qty">20</span></li>
<li><a href="demo-jewellery-store-shop.html#"><span class="product-cb product-fabric-cb"><img src="images/demo-jewellery-store-product-listing-metal-03.jpg" alt /></span>Silver</a><span class="item-qty">07</span></li>
</ul>
</div>
<div class="mb-30px">
<div class="d-flex align-items-center mb-20px">
<span class="alt-font fw-500 fs-19 text-dark-gray">New arrivals</span>
<div class="d-flex ms-auto">
<div class="slider-one-slide-prev-1 swiper-button-prev slider-navigation-style-08 me-5px"><i class="fa-solid fa-arrow-left text-dark-gray"></i></div>
<div class="slider-one-slide-next-1 swiper-button-next slider-navigation-style-08 ms-5px"><i class="fa-solid fa-arrow-right text-dark-gray"></i></div>
</div>
</div>
<div class="swiper slider-one-slide" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;loop&quot;: true, &quot;autoplay&quot;: { &quot;delay&quot;: 5000, &quot;disableOnInteraction&quot;: false }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.slider-one-slide-next-1&quot;, &quot;prevEl&quot;: &quot;.slider-one-slide-prev-1&quot; }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="shop-filter new-arribals">
<div class="d-flex align-items-center mb-20px">
<figure class="mb-0">
<a href="demo-jewellery-store-single-product.html">
<img class="border-radius-4px w-80px" src="images/demo-jewellery-store-product-01.jpg" alt>
</a>
</figure>
<div class="col ps-25px">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray alt-font fw-500">Diamond ring</a>
<div class="fs-15 lh-normal"><del class="me-5px">$30.00</del>$23.00</div>
</div>
</div>
<div class="d-flex align-items-center mb-20px">
<figure class="mb-0">
<a href="demo-jewellery-store-single-product.html">
<img class="border-radius-4px w-80px" src="images/demo-jewellery-store-product-02.jpg" alt>
</a>
</figure>
<div class="col ps-25px">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray alt-font fw-500">Geometric ring</a>
<div class="fs-15 lh-normal"><del class="me-5px">$50.00</del>$43.00</div>
</div>
</div>
<div class="d-flex align-items-center">
<figure class="mb-0">
<a href="demo-jewellery-store-single-product.html">
<img class="border-radius-4px w-80px" src="images/demo-jewellery-store-product-03.jpg" alt>
</a>
</figure>
<div class="col ps-25px">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray alt-font fw-500">Suserrer earring</a>
<div class="fs-15 lh-normal"><del class="me-5px">$20.00</del>$15.00</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="shop-filter new-arribals">
<div class="d-flex align-items-center mb-20px">
<figure class="mb-0">
<a href="demo-jewellery-store-single-product.html">
<img class="border-radius-4px w-80px" src="images/demo-jewellery-store-product-04.jpg" alt>
</a>
</figure>
<div class="col ps-25px">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray alt-font fw-500">Twister bangle</a>
<div class="fs-15 lh-normal"><del class="me-5px">$15.00</del>$10.00</div>
</div>
</div>
<div class="d-flex align-items-center mb-20px">
<figure class="mb-0">
<a href="demo-jewellery-store-single-product.html">
<img class="border-radius-4px w-80px" src="images/demo-jewellery-store-product-05.jpg" alt>
</a>
</figure>
<div class="col ps-25px">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray alt-font fw-500">Zebra earrings</a>
<div class="fs-15 lh-normal"><del class="me-5px">$35.00</del>$30.00</div>
</div>
</div>
<div class="d-flex align-items-center">
<figure class="mb-0">
<a href="demo-jewellery-store-single-product.html">
<img class="border-radius-4px w-80px" src="images/demo-jewellery-store-product-06.jpg" alt>
</a>
</figure>
<div class="col ps-25px">
<a href="demo-jewellery-store-single-product.html" class="text-dark-gray alt-font fw-500">Silver earrings</a>
<div class="fs-15 lh-normal"><del class="me-5px">$20.00</del>$15.00</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<span class="alt-font fw-500 fs-19 text-dark-gray d-block mb-10px">Tags</span>
<div class="shop-filter tag-cloud">
<a href="demo-jewellery-store-shop.html#">earrings</a>
<a href="demo-jewellery-store-shop.html#">bracelets</a>
<a href="demo-jewellery-store-shop.html#">necklace</a>
<a href="demo-jewellery-store-shop.html#">chains</a>
<a href="demo-jewellery-store-shop.html#">ring</a>
<a href="demo-jewellery-store-shop.html#">kundan</a>
<a href="demo-jewellery-store-shop.html#">casual</a>
<a href="demo-jewellery-store-shop.html#">meenakari</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="p-0 position-relative">
<div class="container-fluid p-0">
<div class="row row-cols-3 row-cols-md-6 instagram-follow-api position-relative g-0">
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-jewellery-store-instagram-01.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-jewellery-store-instagram-02.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-jewellery-store-instagram-03.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-jewellery-store-instagram-04.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-jewellery-store-instagram-05.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<div class="col instafeed-grid">
<figure class="border-radius-0px"><a href="https://www.instagram.com" target="_blank"><img src="images/demo-jewellery-store-instagram-06.jpg" class="insta-image" alt><span class="insta-icon"><i class="fa-brands fa-instagram"></i></span></a></figure>
</div>
<a href="https://www.instagram.com" target="_blank" class="instagram-button alt-font absolute-middle-center bg-white w-120px h-120px md-w-90px md-h-90px text-dark-gray border-radius-100px box-shadow-extra-large d-flex align-items-center justify-content-center"><i class="feather icon-feather-instagram icon-medium"></i></a>
</div>
</div>
</section>
<footer class="footer-dark bg-seashell-white pb-0 cover-background" style="background-image: url('images/demo-jewellery-store-footer-bg.jpg');">
<div class="container">
<div class="row justify-content-center mb-4 sm-mb-35px">
<div class="col-6 col-lg-3 last-paragraph-no-margin order-sm-1 md-mb-50px xs-mb-30px">
<a href="demo-jewellery-store.html" class="footer-logo d-inline-block mb-20px"><img src="images/demo-jewellery-store-logo-black.png" data-at2x="images/demo-jewellery-store-logo-black@2x.png" alt></a>
<span class="lh-22 alt-font fw-500 text-dark-gray d-block w-80 lg-w-100 mb-15px">Please reach out to when you need support.</span>
<div class="fs-16 text-brown"><i class="feather icon-feather-phone-call icon-small me-10px xs-me-5px text-dark-gray"></i><a href="tel:11234567890">+1 1234567890</a></div>
<div class="fs-16"><i class="feather icon-feather-mail icon-small me-10px xs-me-5px text-dark-gray"></i><a href="cdn-cgi/l/email-protection.html#afc6c1c9c0efcbc0c2cec6c181ccc0c2"><span class="__cf_email__" data-cfemail="30595e565f70545f5d51595e1e535f5d">[email&#160;protected]</span></a></div>
</div>
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-3 order-lg-2">
<span class="alt-font fw-500 text-dark-gray d-block mb-5px">Categories</span>
<ul class="fs-16">
<li><a href="demo-jewellery-store-shop.html">Women collection</a></li>
<li><a href="demo-jewellery-store-shop.html">Men collection</a></li>
<li><a href="demo-jewellery-store-shop.html">Accessories</a></li>
<li><a href="demo-jewellery-store-shop.html">Diamond</a></li>
<li><a href="demo-jewellery-store-shop.html">Gold jewellery</a></li>
</ul>
</div>
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-3 order-lg-2">
<span class="alt-font fw-500 text-dark-gray d-block mb-5px">Account</span>
<ul class="fs-16">
<li><a href="demo-jewellery-store-shop.html#">My profile</a></li>
<li><a href="demo-jewellery-store-cart.html">My order history</a></li>
<li><a href="demo-jewellery-store-shop.html#">My wish list</a></li>
<li><a href="demo-jewellery-store-shop.html#">Order tracking</a></li>
<li><a href="demo-jewellery-store-cart.html">Shopping cart</a></li>
</ul>
</div>
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-3 order-lg-2">
<span class="alt-font fw-500 text-dark-gray d-block mb-5px">Information</span>
<ul class="fs-16">
<li><a href="demo-jewellery-store-about.html">About us</a></li>
<li><a href="demo-jewellery-store-contact.html">Careers</a></li>
<li><a href="demo-jewellery-store-shop.html#">Events</a></li>
<li><a href="demo-jewellery-store-shop.html#">Articles</a></li>
<li><a href="demo-jewellery-store-contact.html">Contact us</a></li>
</ul>
</div>
<div class="col-lg-3 col-sm-6 ps-30px sm-ps-15px md-mb-50px xs-mb-0 order-sm-2 order-lg-5 text-center text-sm-start">
<span class="alt-font fw-500 text-dark-gray d-block mb-10px">Connect with us</span>
<div class="elements-social social-icon-style-09">
<ul class="small-icon dark mb-20px">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i><span></span></a></li>
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i><span></span></a></li>
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i><span></span></a></li>
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i><span></span></a></li>
</ul>
</div>
<span class="alt-font fw-500 text-dark-gray d-block mb-10px">Secure payment</span>
<div class="footer-card d-block d-sm-flex align-items-center">
<a href="demo-jewellery-store-shop.html#" class="d-inline-block me-5px align-middle"><img src="images/visa.svg" class="h-25px" alt></a>
<a href="demo-jewellery-store-shop.html#" class="d-inline-block me-5px align-middle"><img src="images/mastercard.svg" class="h-25px" alt></a>
<a href="demo-jewellery-store-shop.html#" class="d-inline-block me-5px align-middle"><img src="images/american-express.svg" class="h-25px" alt></a>
<a href="demo-jewellery-store-shop.html#" class="d-inline-block me-5px align-middle"><img src="images/discover.svg" class="h-25px" alt></a>
<a href="demo-jewellery-store-shop.html#" class="d-inline-block me-5px align-middle"><img src="images/diners-club.svg" class="h-25px" alt></a>
</div>
</div>
</div>
<div class="row justify-content-center align-items-center">
<div class="col-12">
<div class="divider-style-03 divider-style-03-01 border-color-transparent-dark-very-light"></div>
</div>
<div class="col-md-6 pt-20px pb-20px sm-pt-0 fs-16 order-2 order-md-1 text-center text-md-start last-paragraph-no-margin">
<p>&copy; 2024 Crafto is Proudly Powered by <a href="https://www.themezaa.com/" target="_blank" class="text-decoration-line-bottom text-dark-gray">ThemeZaa</a></p>
</div>
<div class="col-md-6 pt-20px pb-20px sm-pb-10px fs-16 order-1 order-md-2 text-center text-md-end">
<ul class="footer-navbar xs-lh-normal">
<li><a href="demo-jewellery-store-shop.html#" class="nav-link">Terms and conditions</a></li>
<li><a href="demo-jewellery-store-shop.html#" class="nav-link">Privacy policy</a></li>
</ul>
</div>
</div>
</div>
</footer>
<div id="cookies-model" class="cookie-message bg-dark-gray border-radius-8px">
<div class="cookie-description fs-14 text-white mb-20px lh-22">We use cookies to enhance your browsing experience, serve personalized ads or content, and analyze our traffic. By clicking "Allow cookies" you consent to our use of cookies. </div>
<div class="cookie-btn">
<a href="demo-jewellery-store-shop.html#" class="btn btn-transparent-white border-1 border-color-transparent-white-light btn-very-small btn-switch-text btn-rounded w-100 mb-15px" aria-label="btn">
<span>
<span class="btn-double-text" data-text="Cookie policy">Cookie policy</span>
</span>
</a>
<a href="demo-jewellery-store-shop.html#" class="btn btn-white btn-very-small btn-switch-text btn-box-shadow accept_cookies_btn btn-rounded w-100" data-accept-btn aria-label="text">
<span>
<span class="btn-double-text" data-text="Allow cookies">Allow cookies</span>
</span>
</a>
</div>
</div>
<div class="scroll-progress d-none d-xxl-block">
<a href="demo-jewellery-store-shop.html#" class="scroll-top" aria-label="scroll">
<span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
</a>
</div>
<script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/vendors.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>