hjkhghtjhjjhjhjhjhjjhjhjjhrrtrtoirh
bnmbertsurrttrtrtrtrjhjhjjhjhhjhjhjhf'tdfg
/
home
/
u506006416
/
public_html
/
public_html
/
doxyclothing
/
Upload FileeE
HOME
<!doctype html> <html lang="zxx"> <head> <meta charset="utf-8"> <title>Suruchi - Shop Left Sidebar</title> <meta name="description" content="Morden Bootstrap HTML5 Template"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico"> <!-- ======= All CSS Plugins here ======== --> <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css"> <link rel="stylesheet" href="assets/css/plugins/glightbox.min.css"> <link href="../../../css2-1?family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <!-- Plugin css --> <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css"> <!-- Custom Style CSS --> <link rel="stylesheet" href="assets/css/style.css"> </head> <body> <!-- Start preloader --> <div id="preloader"> <div id="ctn-preloader" class="ctn-preloader"> <div class="animation-preloader"> <div class="spinner"></div> <div class="txt-loading"> <span data-text-preloader="L" class="letters-loading"> L </span> <span data-text-preloader="O" class="letters-loading"> O </span> <span data-text-preloader="A" class="letters-loading"> A </span> <span data-text-preloader="D" class="letters-loading"> D </span> <span data-text-preloader="I" class="letters-loading"> I </span> <span data-text-preloader="N" class="letters-loading"> N </span> <span data-text-preloader="G" class="letters-loading"> G </span> </div> </div> <div class="loader-section section-left"></div> <div class="loader-section section-right"></div> </div> </div> <!-- End preloader --> <!-- Start offcanvas filter sidebar --> <div class="offcanvas__filter--sidebar widget__area"> <button type="button" class="offcanvas__filter--close" data-offcanvas=""> <svg class="minicart__close--icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M368 368L144 144M368 144L144 368"></path></svg> <span class="offcanvas__filter--close__text">Close</span> </button> <div class="offcanvas__filter--sidebar__inner"> <div class="single__widget widget__bg"> <h2 class="widget__title h3">Categories</h2> <ul class="widget__categories--menu"> <li class="widget__categories--menu__list"> <label class="widget__categories--menu__label d-flex align-items-center"> <img class="widget__categories--menu__img" src="assets/img/product/small-product1.png" alt="categories-img"> <span class="widget__categories--menu__text">Denim Jacket</span> <svg class="widget__categories--menu__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12.355" height="8.394"> <path d="M15.138,8.59l-3.961,3.952L7.217,8.59,6,9.807l5.178,5.178,5.178-5.178Z" transform="translate(-6 -8.59)" fill="currentColor"></path> </svg> </label> <ul class="widget__categories--sub__menu"> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product2.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Jacket, Women</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product3.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Woolend Jacket</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product4.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Western denim</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product5.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Mini Dresss</span> </a> </li> </ul> </li> <li class="widget__categories--menu__list"> <label class="widget__categories--menu__label d-flex align-items-center"> <img class="widget__categories--menu__img" src="assets/img/product/small-product2.png" alt="categories-img"> <span class="widget__categories--menu__text">Oversize Cotton</span> <svg class="widget__categories--menu__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12.355" height="8.394"> <path d="M15.138,8.59l-3.961,3.952L7.217,8.59,6,9.807l5.178,5.178,5.178-5.178Z" transform="translate(-6 -8.59)" fill="currentColor"></path> </svg> </label> <ul class="widget__categories--sub__menu"> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product2.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Jacket, Women</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product3.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Woolend Jacket</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product4.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Western denim</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product5.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Mini Dresss</span> </a> </li> </ul> </li> <li class="widget__categories--menu__list"> <label class="widget__categories--menu__label d-flex align-items-center"> <img class="widget__categories--menu__img" src="assets/img/product/small-product3.png" alt="categories-img"> <span class="widget__categories--menu__text">Dairy & chesse</span> <svg class="widget__categories--menu__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12.355" height="8.394"> <path d="M15.138,8.59l-3.961,3.952L7.217,8.59,6,9.807l5.178,5.178,5.178-5.178Z" transform="translate(-6 -8.59)" fill="currentColor"></path> </svg> </label> <ul class="widget__categories--sub__menu"> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product2.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Jacket, Women</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product3.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Woolend Jacket</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product4.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Western denim</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product5.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Mini Dresss</span> </a> </li> </ul> </li> <li class="widget__categories--menu__list"> <label class="widget__categories--menu__label d-flex align-items-center"> <img class="widget__categories--menu__img" src="assets/img/product/small-product4.png" alt="categories-img"> <span class="widget__categories--menu__text">Shoulder Bag</span> <svg class="widget__categories--menu__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12.355" height="8.394"> <path d="M15.138,8.59l-3.961,3.952L7.217,8.59,6,9.807l5.178,5.178,5.178-5.178Z" transform="translate(-6 -8.59)" fill="currentColor"></path> </svg> </label> <ul class="widget__categories--sub__menu"> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product2.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Jacket, Women</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product3.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Woolend Jacket</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product4.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Western denim</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product5.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Mini Dresss</span> </a> </li> </ul> </li> <li class="widget__categories--menu__list"> <label class="widget__categories--menu__label d-flex align-items-center"> <img class="widget__categories--menu__img" src="assets/img/product/small-product5.png" alt="categories-img"> <span class="widget__categories--menu__text">Denim Jacket</span> <svg class="widget__categories--menu__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12.355" height="8.394"> <path d="M15.138,8.59l-3.961,3.952L7.217,8.59,6,9.807l5.178,5.178,5.178-5.178Z" transform="translate(-6 -8.59)" fill="currentColor"></path> </svg> </label> <ul class="widget__categories--sub__menu"> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product2.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Jacket, Women</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product3.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Woolend Jacket</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product4.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Western denim</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product5.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Mini Dresss</span> </a> </li> </ul> </li> </ul> </div> <div class="single__widget widget__bg"> <h2 class="widget__title h3">Dietary Needs</h2> <ul class="widget__form--check"> <li class="widget__form--check__list"> <label class="widget__form--check__label" for="check6">Denim shirt</label> <input class="widget__form--check__input" id="check6" type="checkbox"> <span class="widget__form--checkmark"></span> </li> <li class="widget__form--check__list"> <label class="widget__form--check__label" for="check7">Need Winter</label> <input class="widget__form--check__input" id="check7" type="checkbox"> <span class="widget__form--checkmark"></span> </li> <li class="widget__form--check__list"> <label class="widget__form--check__label" for="check8">Fashion Trends</label> <input class="widget__form--check__input" id="check8" type="checkbox"> <span class="widget__form--checkmark"></span> </li> <li class="widget__form--check__list"> <label class="widget__form--check__label" for="check9">Oversize Cotton</label> <input class="widget__form--check__input" id="check9" type="checkbox"> <span class="widget__form--checkmark"></span> </li> <li class="widget__form--check__list"> <label class="widget__form--check__label" for="check10">Baking material</label> <input class="widget__form--check__input" id="check10" type="checkbox"> <span class="widget__form--checkmark"></span> </li> </ul> </div> <div class="single__widget price__filter widget__bg"> <h2 class="widget__title h3">Filter By Price</h2> <form class="price__filter--form" action="#"> <div class="price__filter--form__inner mb-15 d-flex align-items-center"> <div class="price__filter--group"> <label class="price__filter--label" for="fromPrice">From</label> <div class="price__filter--input border-radius-5 d-flex align-items-center"> <span class="price__filter--currency">$</span> <label> <input class="price__filter--input__field border-0" id="fromPrice" type="number" placeholder="0" min="0" max="250.00"> </label> </div> </div> <div class="price__divider"> <span>-</span> </div> <div class="price__filter--group"> <label class="price__filter--label" for="toPrice">To</label> <div class="price__filter--input border-radius-5 d-flex align-items-center"> <span class="price__filter--currency">$</span> <label> <input class="price__filter--input__field border-0" id="toPrice" type="number" min="0" placeholder="250.00" max="250.00"> </label> </div> </div> </div> <button class="price__filter--btn primary__btn" type="submit">Filter</button> </form> </div> <div class="single__widget widget__bg"> <h2 class="widget__title h3">Top Rated Product</h2> <div class="product__grid--inner"> <div class="product__items product__items--grid d-flex align-items-center"> <div class="product__items--grid__thumbnail position__relative"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/small-product1.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/small-product2.png" alt="product-img"> </a> </div> <div class="product__items--grid__content"> <h3 class="product__items--content__title h4"><a href="product-details.html">Women Fish Cut Cloth</a></h3> <div class="product__items--price"> <span class="current__price">$110</span> <span class="price__divided"></span> <span class="old__price">$78</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> </div> </div> <div class="product__items product__items--grid d-flex align-items-center"> <div class="product__items--grid__thumbnail position__relative"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/small-product3.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/small-product4.png" alt="product-img"> </a> </div> <div class="product__items--grid__content"> <h3 class="product__items--content__title h4"><a href="product-details.html">Gorgeous Granite Clock</a></h3> <div class="product__items--price"> <span class="current__price">$140</span> <span class="price__divided"></span> <span class="old__price">$115</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> </div> </div> <div class="product__items product__items--grid d-flex align-items-center"> <div class="product__items--grid__thumbnail position__relative"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/small-product5.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/small-product6.png" alt="product-img"> </a> </div> <div class="product__items--grid__content"> <h3 class="product__items--content__title h4"><a href="product-details.html">Durable Steel Knife</a></h3> <div class="product__items--price"> <span class="current__price">$160</span> <span class="price__divided"></span> <span class="old__price">$118</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> </div> </div> </div> </div> <div class="single__widget widget__bg"> <h2 class="widget__title h3">Brands</h2> <ul class="widget__tagcloud"> <li class="widget__tagcloud--list"><a class="widget__tagcloud--link" href="shop.html">Jacket</a></li> <li class="widget__tagcloud--list"><a class="widget__tagcloud--link" href="shop.html">Women</a></li> <li class="widget__tagcloud--list"><a class="widget__tagcloud--link" href="shop.html">Oversize</a></li> <li class="widget__tagcloud--list"><a class="widget__tagcloud--link" href="shop.html">Cotton </a></li> <li class="widget__tagcloud--list"><a class="widget__tagcloud--link" href="shop.html">Shoulder </a></li> <li class="widget__tagcloud--list"><a class="widget__tagcloud--link" href="shop.html">Winter</a></li> <li class="widget__tagcloud--list"><a class="widget__tagcloud--link" href="shop.html">Accessories</a></li> <li class="widget__tagcloud--list"><a class="widget__tagcloud--link" href="shop.html">Dress </a></li> </ul> </div> </div> </div> <!-- End offcanvas filter sidebar --> <!-- Start header area --> <header class="header__section"> <div class="header__topbar bg__secondary"> <div class="container-fluid"> <div class="header__topbar--inner d-flex align-items-center justify-content-between"> <div class="header__shipping"> <ul class="header__shipping--wrapper d-flex"> <li class="header__shipping--text text-white">Welcome to Netmark online Store</li> <li class="header__shipping--text text-white d-sm-2-none"><img class="header__shipping--text__icon" src="assets/img/icon/bus.png" alt="bus-icon"> Track Your Order</li> <li class="header__shipping--text text-white d-sm-2-none"><img class="header__shipping--text__icon" src="assets/img/icon/email.png" alt="email-icon"> <a class="header__shipping--text__link" href="mailto:demo@gmail.com">demo@gmail.com</a></li> </ul> </div> <div class="language__currency d-none d-lg-block"> <ul class="d-flex align-items-center"> <li class="language__currency--list"> <a class="language__switcher text-white" href="#"> <img class="language__switcher--icon__img" src="assets/img/icon/language-icon.png" alt="currency"> <span>English</span> <svg xmlns="http://www.w3.org/2000/svg" width="11.797" height="9.05" viewbox="0 0 9.797 6.05"> <path d="M14.646,8.59,10.9,12.329,7.151,8.59,6,9.741l4.9,4.9,4.9-4.9Z" transform="translate(-6 -8.59)" fill="currentColor" opacity="0.7"></path> </svg> </a> <div class="dropdown__language"> <ul> <li class="language__items"><a class="language__text" href="#">France</a></li> <li class="language__items"><a class="language__text" href="#">Russia</a></li> <li class="language__items"><a class="language__text" href="#">Spanish</a></li> </ul> </div> </li> <li class="language__currency--list"> <a class="account__currency--link text-white" href="#"> <img src="assets/img/icon/usd-icon.png" alt="currency"> <span>$ US Dollar</span> <svg xmlns="http://www.w3.org/2000/svg" width="11.797" height="9.05" viewbox="0 0 9.797 6.05"> <path d="M14.646,8.59,10.9,12.329,7.151,8.59,6,9.741l4.9,4.9,4.9-4.9Z" transform="translate(-6 -8.59)" fill="currentColor" opacity="0.7"></path> </svg> </a> <div class="dropdown__currency"> <ul> <li class="currency__items"><a class="currency__text" href="#">CAD</a></li> <li class="currency__items"><a class="currency__text" href="#">CNY</a></li> <li class="currency__items"><a class="currency__text" href="#">EUR</a></li> <li class="currency__items"><a class="currency__text" href="#">GBP</a></li> </ul> </div> </li> </ul> </div> </div> </div> </div> <div class="main__header header__sticky"> <div class="container-fluid"> <div class="main__header--inner position__relative d-flex justify-content-between align-items-center"> <div class="offcanvas__header--menu__open "> <a class="offcanvas__header--menu__open--btn" href="javascript:void(0)" data-offcanvas=""> <svg xmlns="http://www.w3.org/2000/svg" class="ionicon offcanvas__header--menu__open--svg" viewbox="0 0 512 512"><path fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M80 160h352M80 256h352M80 352h352"></path></svg> <span class="visually-hidden">Menu Open</span> </a> </div> <div class="main__logo"> <a class="main__logo--link" href="index.html"><img class="main__logo--img" src="assets/img/logo/nav-log.png" alt="logo-img"></a> </div> <div class="header__search--widget header__sticky--none d-none d-lg-block"> <form class="d-flex header__search--form" action="#"> <div class="header__select--categories select"> <select class="header__select--inner"> <option selected="" value="1">All Categories</option> <option value="2">Accessories</option> <option value="3">Accessories & More</option> <option value="4">Camera & Video </option> <option value="5">Butters & Eggs </option> </select> </div> <div class="header__search--box"> <label> <input class="header__search--input" placeholder="Keyword here..." type="text"> </label> <button class="header__search--button bg__secondary text-white" type="submit" aria-label="search button"> <svg class="header__search--button__svg" xmlns="http://www.w3.org/2000/svg" width="27.51" height="26.443" viewbox="0 0 512 512"><path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29L448 448"></path></svg> </button> </div> </form> </div> <div class="header__account header__sticky--none"> <ul class="d-flex"> <li class="header__account--items"> <a class="header__account--btn" href="my-account.html"> <svg xmlns="http://www.w3.org/2000/svg" width="26.51" height="23.443" viewbox="0 0 512 512"><path d="M344 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><path d="M256 304c-87 0-175.3 48-191.64 138.6C62.39 453.52 68.57 464 80 464h352c11.44 0 17.62-10.48 15.65-21.4C431.3 352 343 304 256 304z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></path></svg> <span class="header__account--btn__text">My Account</span> </a> </li> <li class="header__account--items d-none d-lg-block"> <a class="header__account--btn" href="wishlist.html"> <svg xmlns="http://www.w3.org/2000/svg" width="28.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="header__account--btn__text"> Wish List</span> <span class="items__count wishlist">02</span> </a> </li> <li class="header__account--items"> <a class="header__account--btn minicart__open--btn" href="javascript:void(0)" data-offcanvas=""> <svg xmlns="http://www.w3.org/2000/svg" width="26.51" height="23.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="header__account--btn__text"> My cart</span> <span class="items__count">02</span> </a> </li> </ul> </div> <div class="header__menu d-none header__sticky--block d-lg-block"> <nav class="header__menu--navigation"> <ul class="d-flex"> <li class="header__menu--items style2"> <a class="header__menu--link" href="index.html">Home <svg class="menu__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12" height="7.41" viewbox="0 0 12 7.41"> <path d="M16.59,8.59,12,13.17,7.41,8.59,6,10l6,6,6-6Z" transform="translate(-6 -8.59)" fill="currentColor" opacity="0.7"></path> </svg> </a> <ul class="header__sub--menu"> <li class="header__sub--menu__items"><a href="index.html" class="header__sub--menu__link">Home One</a></li> <li class="header__sub--menu__items"><a href="index-2.html" class="header__sub--menu__link">Home Two</a></li> <li class="header__sub--menu__items"><a href="index-3.html" class="header__sub--menu__link">Home Three</a></li> </ul> </li> <li class="header__menu--items mega__menu--items style2"> <a class="header__menu--link" href="shop.html">Shop <svg class="menu__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12" height="7.41" viewbox="0 0 12 7.41"> <path d="M16.59,8.59,12,13.17,7.41,8.59,6,10l6,6,6-6Z" transform="translate(-6 -8.59)" fill="currentColor" opacity="0.7"></path> </svg> </a> <ul class="header__mega--menu d-flex"> <li class="header__mega--menu__li"> <span class="header__mega--subtitle">Column One</span> <ul class="header__mega--sub__menu"> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="shop.html">Shop Left Sidebar</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="shop-right-sidebar.html">Shop Right Sidebar</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="shop-grid.html">Shop Grid</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="shop-grid-list.html">Shop Grid List</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="shop-list.html">Shop List</a></li> </ul> </li> <li class="header__mega--menu__li"> <span class="header__mega--subtitle">Column Two</span> <ul class="header__mega--sub__menu"> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="product-details.html">Product Details</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="product-video.html">Video Product</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="product-details.html">Variable Product</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="product-left-sidebar.html">Product Left Sidebar</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="product-gallery.html">Product Gallery</a></li> </ul> </li> <li class="header__mega--menu__li"> <span class="header__mega--subtitle">Column Three</span> <ul class="header__mega--sub__menu"> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="my-account.html">My Account</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="my-account-2.html">My Account 2</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="404.html">404 Page</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="login.html">Login Page</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="faq.html">Faq Page</a></li> </ul> </li> <li class="header__mega--menu__li"> <span class="header__mega--subtitle">Column Four</span> <ul class="header__mega--sub__menu"> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="compare.html">Compare Pages</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="checkout.html">Checkout page</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="checkout-2.html">Checkout Style 2</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="checkout-3.html">Checkout Style 3</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="checkout-4.html">Checkout Style 4</a></li> </ul> </li> </ul> </li> <li class="header__menu--items style2"> <a class="header__menu--link" href="about.html">About US </a> </li> <li class="header__menu--items style2"> <a class="header__menu--link" href="blog.html">Blog <svg class="menu__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12" height="7.41" viewbox="0 0 12 7.41"> <path d="M16.59,8.59,12,13.17,7.41,8.59,6,10l6,6,6-6Z" transform="translate(-6 -8.59)" fill="currentColor" opacity="0.7"></path> </svg> </a> <ul class="header__sub--menu"> <li class="header__sub--menu__items"><a href="blog.html" class="header__sub--menu__link">Blog Grid</a></li> <li class="header__sub--menu__items"><a href="blog-details.html" class="header__sub--menu__link">Blog Details</a></li> <li class="header__sub--menu__items"><a href="blog-left-sidebar.html" class="header__sub--menu__link">Blog Left Sidebar</a></li> <li class="header__sub--menu__items"><a href="blog-right-sidebar.html" class="header__sub--menu__link">Blog Right Sidebar</a></li> </ul> </li> <li class="header__menu--items style2 d-none d-xl-block"> <a class="header__menu--link" href="shop.html">Categories </a> </li> <li class="header__menu--items style2"> <a class="header__menu--link" href="#">Pages <svg class="menu__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12" height="7.41" viewbox="0 0 12 7.41"> <path d="M16.59,8.59,12,13.17,7.41,8.59,6,10l6,6,6-6Z" transform="translate(-6 -8.59)" fill="currentColor" opacity="0.7"></path> </svg> </a> <ul class="header__sub--menu"> <li class="header__sub--menu__items"><a href="about.html" class="header__sub--menu__link">About Us</a></li> <li class="header__sub--menu__items"><a href="contact.html" class="header__sub--menu__link">Contact Us</a></li> <li class="header__sub--menu__items"><a href="cart.html" class="header__sub--menu__link">Cart Page</a></li> <li class="header__sub--menu__items"><a href="portfolio.html" class="header__sub--menu__link">Portfolio Page</a></li> <li class="header__sub--menu__items"><a href="wishlist.html" class="header__sub--menu__link">Wishlist Page</a></li> <li class="header__sub--menu__items"><a href="login.html" class="header__sub--menu__link">Login Page</a></li> <li class="header__sub--menu__items"><a href="404.html" class="header__sub--menu__link">Error Page</a></li> </ul> </li> <li class="header__menu--items style2"> <a class="header__menu--link" href="contact.html">Contact </a> </li> </ul> </nav> </div> <div class="header__account header__account2 header__sticky--block"> <ul class="d-flex"> <li class="header__account--items header__account2--items header__account--search__items d-none d-lg-block"> <a class="header__account--btn search__open--btn" href="javascript:void(0)" data-offcanvas=""> <svg class="header__search--button__svg" xmlns="http://www.w3.org/2000/svg" width="26.51" height="23.443" viewbox="0 0 512 512"><path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29L448 448"></path></svg> <span class="visually-hidden">Search</span> </a> </li> <li class="header__account--items header__account2--items"> <a class="header__account--btn" href="my-account.html"> <svg xmlns="http://www.w3.org/2000/svg" width="26.51" height="23.443" viewbox="0 0 512 512"><path d="M344 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><path d="M256 304c-87 0-175.3 48-191.64 138.6C62.39 453.52 68.57 464 80 464h352c11.44 0 17.62-10.48 15.65-21.4C431.3 352 343 304 256 304z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></path></svg> <span class="visually-hidden">My Account</span> </a> </li> <li class="header__account--items header__account2--items d-none d-lg-block"> <a class="header__account--btn" href="wishlist.html"> <svg xmlns="http://www.w3.org/2000/svg" width="28.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="items__count wishlist style2">02</span> </a> </li> <li class="header__account--items header__account2--items"> <a class="header__account--btn minicart__open--btn" href="javascript:void(0)" data-offcanvas=""> <svg xmlns="http://www.w3.org/2000/svg" width="26.51" height="23.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="items__count style2">02</span> </a> </li> </ul> </div> </div> </div> </div> <div class="header__bottom"> <div class="container-fluid"> <div class="header__bottom--inner position__relative d-none d-lg-flex justify-content-between align-items-center"> <div class="header__menu"> <nav class="header__menu--navigation"> <ul class="d-flex"> <li class="header__menu--items"> <a class="header__menu--link" href="index.html">Home <svg class="menu__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12" height="7.41" viewbox="0 0 12 7.41"> <path d="M16.59,8.59,12,13.17,7.41,8.59,6,10l6,6,6-6Z" transform="translate(-6 -8.59)" fill="currentColor" opacity="0.7"></path> </svg> </a> <ul class="header__sub--menu"> <li class="header__sub--menu__items"><a href="index.html" class="header__sub--menu__link">Home One</a></li> <li class="header__sub--menu__items"><a href="index-2.html" class="header__sub--menu__link">Home Two</a></li> <li class="header__sub--menu__items"><a href="index-3.html" class="header__sub--menu__link">Home Three</a></li> </ul> </li> <li class="header__menu--items mega__menu--items"> <a class="header__menu--link" href="shop.html">Shop <svg class="menu__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12" height="7.41" viewbox="0 0 12 7.41"> <path d="M16.59,8.59,12,13.17,7.41,8.59,6,10l6,6,6-6Z" transform="translate(-6 -8.59)" fill="currentColor" opacity="0.7"></path> </svg> </a> <ul class="header__mega--menu d-flex"> <li class="header__mega--menu__li"> <span class="header__mega--subtitle">Column One</span> <ul class="header__mega--sub__menu"> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="shop.html">Shop Left Sidebar</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="shop-right-sidebar.html">Shop Right Sidebar</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="shop-grid.html">Shop Grid</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="shop-grid-list.html">Shop Grid List</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="shop-list.html">Shop List</a></li> </ul> </li> <li class="header__mega--menu__li"> <span class="header__mega--subtitle">Column Two</span> <ul class="header__mega--sub__menu"> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="product-details.html">Product Details</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="product-video.html">Video Product</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="product-details.html">Variable Product</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="product-left-sidebar.html">Product Left Sidebar</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="product-gallery.html">Product Gallery</a></li> </ul> </li> <li class="header__mega--menu__li"> <span class="header__mega--subtitle">Column Three</span> <ul class="header__mega--sub__menu"> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="my-account.html">My Account</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="my-account-2.html">My Account 2</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="404.html">404 Page</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="login.html">Login Page</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="faq.html">Faq Page</a></li> </ul> </li> <li class="header__mega--menu__li"> <span class="header__mega--subtitle">Column Four</span> <ul class="header__mega--sub__menu"> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="compare.html">Compare Pages</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="checkout.html">Checkout page</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="checkout-2.html">Checkout Style 2</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="checkout-3.html">Checkout Style 3</a></li> <li class="header__mega--sub__menu_li"><a class="header__mega--sub__menu--title" href="checkout-4.html">Checkout Style 4</a></li> </ul> </li> </ul> </li> <li class="header__menu--items"> <a class="header__menu--link" href="about.html">About US </a> </li> <li class="header__menu--items"> <a class="header__menu--link" href="blog.html">Blog <svg class="menu__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12" height="7.41" viewbox="0 0 12 7.41"> <path d="M16.59,8.59,12,13.17,7.41,8.59,6,10l6,6,6-6Z" transform="translate(-6 -8.59)" fill="currentColor" opacity="0.7"></path> </svg> </a> <ul class="header__sub--menu"> <li class="header__sub--menu__items"><a href="blog.html" class="header__sub--menu__link">Blog Grid</a></li> <li class="header__sub--menu__items"><a href="blog-details.html" class="header__sub--menu__link">Blog Details</a></li> <li class="header__sub--menu__items"><a href="blog-left-sidebar.html" class="header__sub--menu__link">Blog Left Sidebar</a></li> <li class="header__sub--menu__items"><a href="blog-right-sidebar.html" class="header__sub--menu__link">Blog Right Sidebar</a></li> </ul> </li> <li class="header__menu--items d-none d-xl-block"> <a class="header__menu--link" href="shop.html">Categories </a> </li> <li class="header__menu--items"> <a class="header__menu--link" href="#">Pages <svg class="menu__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12" height="7.41" viewbox="0 0 12 7.41"> <path d="M16.59,8.59,12,13.17,7.41,8.59,6,10l6,6,6-6Z" transform="translate(-6 -8.59)" fill="currentColor" opacity="0.7"></path> </svg> </a> <ul class="header__sub--menu"> <li class="header__sub--menu__items"><a href="about.html" class="header__sub--menu__link">About Us</a></li> <li class="header__sub--menu__items"><a href="contact.html" class="header__sub--menu__link">Contact Us</a></li> <li class="header__sub--menu__items"><a href="cart.html" class="header__sub--menu__link">Cart Page</a></li> <li class="header__sub--menu__items"><a href="portfolio.html" class="header__sub--menu__link">Portfolio Page</a></li> <li class="header__sub--menu__items"><a href="wishlist.html" class="header__sub--menu__link">Wishlist Page</a></li> <li class="header__sub--menu__items"><a href="login.html" class="header__sub--menu__link">Login Page</a></li> <li class="header__sub--menu__items"><a href="404.html" class="header__sub--menu__link">Error Page</a></li> </ul> </li> <li class="header__menu--items"> <a class="header__menu--link" href="contact.html">Contact </a> </li> </ul> </nav> </div> <p class="header__discount--text"><img class="header__discount--icon__img" src="assets/img/icon/lamp.png" alt="lamp-img"> Special up to 60% Off all item</p> </div> </div> </div> <!-- Start Offcanvas header menu --> <div class="offcanvas__header"> <div class="offcanvas__inner"> <div class="offcanvas__logo"> <a class="offcanvas__logo_link" href="index.html"> <img src="assets/img/logo/nav-log.png" alt="Grocee Logo" width="158" height="36"> </a> <button class="offcanvas__close--btn" data-offcanvas="">close</button> </div> <nav class="offcanvas__menu"> <ul class="offcanvas__menu_ul"> <li class="offcanvas__menu_li"> <a class="offcanvas__menu_item" href="index.html">Home</a> <ul class="offcanvas__sub_menu"> <li class="offcanvas__sub_menu_li"><a href="index.html" class="offcanvas__sub_menu_item">Home One</a></li> <li class="offcanvas__sub_menu_li"><a href="index-2.html" class="offcanvas__sub_menu_item">Home Two</a></li> <li class="offcanvas__sub_menu_li"><a href="index-3.html" class="offcanvas__sub_menu_item">Home Three</a></li> </ul> </li> <li class="offcanvas__menu_li"> <a class="offcanvas__menu_item" href="#">Shop</a> <ul class="offcanvas__sub_menu"> <li class="offcanvas__sub_menu_li"> <a href="#" class="offcanvas__sub_menu_item">Column One</a> <ul class="offcanvas__sub_menu"> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="shop.html">Shop Left Sidebar</a></li> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="shop-right-sidebar.html">Shop Right Sidebar</a></li> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="shop-grid.html">Shop Grid</a></li> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="shop-grid-list.html">Shop Grid List</a></li> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="shop-list.html">Shop List</a></li> </ul> </li> <li class="offcanvas__sub_menu_li"> <a href="#" class="offcanvas__sub_menu_item">Column Two</a> <ul class="offcanvas__sub_menu"> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="product-details.html">Product Details</a></li> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="product-video.html">Video Product</a></li> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="product-details.html">Variable Product</a></li> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="product-left-sidebar.html">Product Left Sidebar</a></li> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="product-gallery.html">Product Gallery</a></li> </ul> </li> <li class="offcanvas__sub_menu_li"> <a href="#" class="offcanvas__sub_menu_item">Column Three</a> <ul class="offcanvas__sub_menu"> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="my-account.html">My Account</a></li> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="my-account-2.html">My Account 2</a></li> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="404.html">404 Page</a></li> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="login.html">Login Page</a></li> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="faq.html">Faq Page</a></li> </ul> </li> <li class="offcanvas__sub_menu_li"> <a href="#" class="offcanvas__sub_menu_item">Column Three</a> <ul class="offcanvas__sub_menu"> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="compare.html">Compare Pages</a></li> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="checkout.html">Checkout page</a></li> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="checkout-2.html">Checkout Style 2</a></li> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="checkout-3.html">Checkout Style 3</a></li> <li class="offcanvas__sub_menu_li"><a class="offcanvas__sub_menu_item" href="checkout-4.html">Checkout Style 4</a></li> </ul> </li> </ul> </li> <li class="offcanvas__menu_li"> <a class="offcanvas__menu_item" href="#">Blog</a> <ul class="offcanvas__sub_menu"> <li class="offcanvas__sub_menu_li"><a href="blog.html" class="offcanvas__sub_menu_item">Blog Grid</a></li> <li class="offcanvas__sub_menu_li"><a href="blog-details.html" class="offcanvas__sub_menu_item">Blog Details</a></li> <li class="offcanvas__sub_menu_li"><a href="blog-left-sidebar.html" class="offcanvas__sub_menu_item">Blog Left Sidebar</a></li> <li class="offcanvas__sub_menu_li"><a href="blog-right-sidebar.html" class="offcanvas__sub_menu_item">Blog Right Sidebar</a></li> </ul> </li> <li class="offcanvas__menu_li"> <a class="offcanvas__menu_item" href="#">Pages</a> <ul class="offcanvas__sub_menu"> <li class="offcanvas__sub_menu_li"><a href="about.html" class="offcanvas__sub_menu_item">About Us</a></li> <li class="offcanvas__sub_menu_li"><a href="contact.html" class="offcanvas__sub_menu_item">Contact Us</a></li> <li class="offcanvas__sub_menu_li"><a href="cart.html" class="offcanvas__sub_menu_item">Cart Page</a></li> <li class="offcanvas__sub_menu_li"><a href="portfolio.html" class="offcanvas__sub_menu_item">Portfolio Page</a></li> <li class="offcanvas__sub_menu_li"><a href="wishlist.html" class="offcanvas__sub_menu_item">Wishlist Page</a></li> <li class="offcanvas__sub_menu_li"><a href="login.html" class="offcanvas__sub_menu_item">Login Page</a></li> <li class="offcanvas__sub_menu_li"><a href="404.html" class="offcanvas__sub_menu_item">Error Page</a></li> </ul> </li> <li class="offcanvas__menu_li"><a class="offcanvas__menu_item" href="about.html">About</a></li> <li class="offcanvas__menu_li"><a class="offcanvas__menu_item" href="contact.html">Contact</a></li> </ul> <div class="offcanvas__account--items"> <a class="offcanvas__account--items__btn d-flex align-items-center" href="login.html"> <span class="offcanvas__account--items__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="20.51" height="19.443" viewbox="0 0 512 512"><path d="M344 144c-3.92 52.87-44 96-88 96s-84.15-43.12-88-96c-4-55 35-96 88-96s92 42 88 96z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><path d="M256 304c-87 0-175.3 48-191.64 138.6C62.39 453.52 68.57 464 80 464h352c11.44 0 17.62-10.48 15.65-21.4C431.3 352 343 304 256 304z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></path></svg> </span> <span class="offcanvas__account--items__label">Login / Register</span> </a> </div> <div class="language__currency"> <ul class="d-flex align-items-center"> <li class="language__currency--list"> <a class="offcanvas__language--switcher" href="#"> <img class="language__switcher--icon__img" src="assets/img/icon/language-icon.png" alt="currency"> <span>English</span> <svg xmlns="http://www.w3.org/2000/svg" width="11.797" height="9.05" viewbox="0 0 9.797 6.05"> <path d="M14.646,8.59,10.9,12.329,7.151,8.59,6,9.741l4.9,4.9,4.9-4.9Z" transform="translate(-6 -8.59)" fill="currentColor" opacity="0.7"></path> </svg> </a> <div class="offcanvas__dropdown--language"> <ul> <li class="language__items"><a class="language__text" href="#">France</a></li> <li class="language__items"><a class="language__text" href="#">Russia</a></li> <li class="language__items"><a class="language__text" href="#">Spanish</a></li> </ul> </div> </li> <li class="language__currency--list"> <a class="offcanvas__account--currency__menu" href="#"> <img src="assets/img/icon/usd-icon.png" alt="currency"> <span>$ US Dollar</span> <svg xmlns="http://www.w3.org/2000/svg" width="11.797" height="9.05" viewbox="0 0 9.797 6.05"> <path d="M14.646,8.59,10.9,12.329,7.151,8.59,6,9.741l4.9,4.9,4.9-4.9Z" transform="translate(-6 -8.59)" fill="currentColor" opacity="0.7"></path> </svg> </a> <div class="offcanvas__account--currency__submenu"> <ul> <li class="currency__items"><a class="currency__text" href="#">CAD</a></li> <li class="currency__items"><a class="currency__text" href="#">CNY</a></li> <li class="currency__items"><a class="currency__text" href="#">EUR</a></li> <li class="currency__items"><a class="currency__text" href="#">GBP</a></li> </ul> </div> </li> </ul> </div> </nav> </div> </div> <!-- End Offcanvas header menu --> <!-- Start Offcanvas stikcy toolbar --> <div class="offcanvas__stikcy--toolbar"> <ul class="d-flex justify-content-between"> <li class="offcanvas__stikcy--toolbar__list"> <a class="offcanvas__stikcy--toolbar__btn" href="index.html"> <span class="offcanvas__stikcy--toolbar__icon"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" width="21.51" height="21.443" viewbox="0 0 22 17"><path fill="currentColor" d="M20.9141 7.93359c.1406.11719.2109.26953.2109.45703 0 .14063-.0469.25782-.1406.35157l-.3516.42187c-.1172.14063-.2578.21094-.4219.21094-.1406 0-.2578-.04688-.3515-.14062l-.9844-.77344V15c0 .3047-.1172.5625-.3516.7734-.2109.2344-.4687.3516-.7734.3516h-4.5c-.3047 0-.5742-.1172-.8086-.3516-.2109-.2109-.3164-.4687-.3164-.7734v-3.6562h-2.25V15c0 .3047-.11719.5625-.35156.7734-.21094.2344-.46875.3516-.77344.3516h-4.5c-.30469 0-.57422-.1172-.80859-.3516-.21094-.2109-.31641-.4687-.31641-.7734V8.46094l-.94922.77344c-.11719.09374-.24609.14062-.38672.14062-.16406 0-.30468-.07031-.42187-.21094l-.35157-.42187C.921875 8.625.875 8.50781.875 8.39062c0-.1875.070312-.33984.21094-.45703L9.73438.832031C10.1094.527344 10.5312.375 11 .375s.8906.152344 1.2656.457031l8.6485 7.101559zm-3.7266 6.50391V7.05469L11 1.99219l-6.1875 5.0625v7.38281h3.375v-3.6563c0-.3046.10547-.5624.31641-.7734.23437-.23436.5039-.35155.80859-.35155h3.375c.3047 0 .5625.11719.7734.35155.2344.211.3516.4688.3516.7734v3.6563h3.375z"></path></svg> </span> <span class="offcanvas__stikcy--toolbar__label">Home</span> </a> </li> <li class="offcanvas__stikcy--toolbar__list"> <a class="offcanvas__stikcy--toolbar__btn" href="shop.html"> <span class="offcanvas__stikcy--toolbar__icon"> <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="18.51" height="17.443" viewbox="0 0 448 512"><path d="M416 32H32A32 32 0 0 0 0 64v384a32 32 0 0 0 32 32h384a32 32 0 0 0 32-32V64a32 32 0 0 0-32-32zm-16 48v152H248V80zm-200 0v152H48V80zM48 432V280h152v152zm200 0V280h152v152z"></path></svg> </span> <span class="offcanvas__stikcy--toolbar__label">Shop</span> </a> </li> <li class="offcanvas__stikcy--toolbar__list "> <a class="offcanvas__stikcy--toolbar__btn search__open--btn" href="javascript:void(0)" data-offcanvas=""> <span class="offcanvas__stikcy--toolbar__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 512 512"><path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29L448 448"></path></svg> </span> <span class="offcanvas__stikcy--toolbar__label">Search</span> </a> </li> <li class="offcanvas__stikcy--toolbar__list"> <a class="offcanvas__stikcy--toolbar__btn minicart__open--btn" href="javascript:void(0)" data-offcanvas=""> <span class="offcanvas__stikcy--toolbar__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="18.51" height="15.443" viewbox="0 0 18.51 15.443"> <path d="M79.963,138.379l-13.358,0-.56-1.927a.871.871,0,0,0-.6-.592l-1.961-.529a.91.91,0,0,0-.226-.03.864.864,0,0,0-.226,1.7l1.491.4,3.026,10.919a1.277,1.277,0,1,0,1.844,1.144.358.358,0,0,0,0-.049h6.163c0,.017,0,.034,0,.049a1.277,1.277,0,1,0,1.434-1.267c-1.531-.247-7.783-.55-7.783-.55l-.205-.8h7.8a.9.9,0,0,0,.863-.651l1.688-5.943h.62a.936.936,0,1,0,0-1.872Zm-9.934,6.474H68.568c-.04,0-.1.008-.125-.085-.034-.118-.082-.283-.082-.283l-1.146-4.037a.061.061,0,0,1,.011-.057.064.064,0,0,1,.053-.025h1.777a.064.064,0,0,1,.063.051l.969,4.34,0,.013a.058.058,0,0,1,0,.019A.063.063,0,0,1,70.03,144.853Zm3.731-4.41-.789,4.359a.066.066,0,0,1-.063.051h-1.1a.064.064,0,0,1-.063-.051l-.789-4.357a.064.064,0,0,1,.013-.055.07.07,0,0,1,.051-.025H73.7a.06.06,0,0,1,.051.025A.064.064,0,0,1,73.76,140.443Zm3.737,0L76.26,144.8a.068.068,0,0,1-.063.049H74.684a.063.063,0,0,1-.051-.025.064.064,0,0,1-.013-.055l.973-4.357a.066.066,0,0,1,.063-.051h1.777a.071.071,0,0,1,.053.025A.076.076,0,0,1,77.5,140.448Z" transform="translate(-62.393 -135.3)" fill="currentColor"></path> </svg> </span> <span class="offcanvas__stikcy--toolbar__label">Cart</span> <span class="items__count">3</span> </a> </li> <li class="offcanvas__stikcy--toolbar__list"> <a class="offcanvas__stikcy--toolbar__btn" href="wishlist.html"> <span class="offcanvas__stikcy--toolbar__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="18.541" height="15.557" viewbox="0 0 18.541 15.557"> <path d="M71.775,135.51a5.153,5.153,0,0,1,1.267-1.524,4.986,4.986,0,0,1,6.584.358,4.728,4.728,0,0,1,1.174,4.914,10.458,10.458,0,0,1-2.132,3.808,22.591,22.591,0,0,1-5.4,4.558c-.445.282-.9.549-1.356.812a.306.306,0,0,1-.254.013,25.491,25.491,0,0,1-6.279-4.8,11.648,11.648,0,0,1-2.52-4.009,4.957,4.957,0,0,1,.028-3.787,4.629,4.629,0,0,1,3.744-2.863,4.782,4.782,0,0,1,5.086,2.447c.013.019.025.034.057.076Z" transform="translate(-62.498 -132.915)" fill="currentColor"></path> </svg> </span> <span class="offcanvas__stikcy--toolbar__label">Wishlist</span> <span class="items__count">3</span> </a> </li> </ul> </div> <!-- End Offcanvas stikcy toolbar --> <!-- Start offCanvas minicart --> <div class="offCanvas__minicart"> <div class="minicart__header "> <div class="minicart__header--top d-flex justify-content-between align-items-center"> <h2 class="minicart__title h3"> Shopping Cart</h2> <button class="minicart__close--btn" aria-label="minicart close button" data-offcanvas=""> <svg class="minicart__close--icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M368 368L144 144M368 144L144 368"></path></svg> </button> </div> <p class="minicart__header--desc">Clothing and fashion products are limited</p> </div> <div class="minicart__product"> <div class="minicart__product--items d-flex"> <div class="minicart__thumb"> <a href="product-details.html"><img src="assets/img/product/product1.png" alt="prduct-img"></a> </div> <div class="minicart__text"> <h3 class="minicart__subtitle h4"><a href="product-details.html">Oversize Cotton Dress</a></h3> <span class="color__variant"><b>Color:</b> Beige</span> <div class="minicart__price"> <span class="current__price">$125.00</span> <span class="old__price">$140.00</span> </div> <div class="minicart__text--footer d-flex align-items-center"> <div class="quantity__box minicart__quantity"> <button type="button" class="quantity__value decrease" aria-label="quantity value" value="Decrease Value">-</button> <label> <input type="number" class="quantity__number" value="1" data-counter=""> </label> <button type="button" class="quantity__value increase" value="Increase Value">+</button> </div> <button class="minicart__product--remove">Remove</button> </div> </div> </div> <div class="minicart__product--items d-flex"> <div class="minicart__thumb"> <a href="product-details.html"><img src="assets/img/product/product2.png" alt="prduct-img"></a> </div> <div class="minicart__text"> <h3 class="minicart__subtitle h4"><a href="product-details.html">Boxy Denim Jacket</a></h3> <span class="color__variant"><b>Color:</b> Green</span> <div class="minicart__price"> <span class="current__price">$115.00</span> <span class="old__price">$130.00</span> </div> <div class="minicart__text--footer d-flex align-items-center"> <div class="quantity__box minicart__quantity"> <button type="button" class="quantity__value decrease" aria-label="quantity value" value="Decrease Value">-</button> <label> <input type="number" class="quantity__number" value="1" data-counter=""> </label> <button type="button" class="quantity__value increase" aria-label="quantity value" value="Increase Value">+</button> </div> <button class="minicart__product--remove">Remove</button> </div> </div> </div> </div> <div class="minicart__amount"> <div class="minicart__amount_list d-flex justify-content-between"> <span>Sub Total:</span> <span><b>$240.00</b></span> </div> <div class="minicart__amount_list d-flex justify-content-between"> <span>Total:</span> <span><b>$240.00</b></span> </div> </div> <div class="minicart__conditions text-center"> <input class="minicart__conditions--input" id="accept" type="checkbox"> <label class="minicart__conditions--label" for="accept">I agree with the <a class="minicart__conditions--link" href="privacy-policy.html">Privacy and Policy</a></label> </div> <div class="minicart__button d-flex justify-content-center"> <a class="primary__btn minicart__button--link" href="cart.html">View cart</a> <a class="primary__btn minicart__button--link" href="checkout.html">Checkout</a> </div> </div> <!-- End offCanvas minicart --> <!-- Start serch box area --> <div class="predictive__search--box "> <div class="predictive__search--box__inner"> <h2 class="predictive__search--title">Search Products</h2> <form class="predictive__search--form" action="#"> <label> <input class="predictive__search--input" placeholder="Search Here" type="text"> </label> <button class="predictive__search--button" aria-label="search button" type="submit"><svg class="header__search--button__svg" xmlns="http://www.w3.org/2000/svg" width="30.51" height="25.443" viewbox="0 0 512 512"><path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29L448 448"></path></svg> </button> </form> </div> <button class="predictive__search--close__btn" aria-label="search close button" data-offcanvas=""> <svg class="predictive__search--close__icon" xmlns="http://www.w3.org/2000/svg" width="40.51" height="30.443" viewbox="0 0 512 512"><path fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M368 368L144 144M368 144L144 368"></path></svg> </button> </div> <!-- End serch box area --> </header> <!-- End header area --> <main class="main__content_wrapper"> <!-- Start breadcrumb section --> <section class="breadcrumb__section breadcrumb__bg"> <div class="container"> <div class="row row-cols-1"> <div class="col"> <div class="breadcrumb__content text-center"> <h1 class="breadcrumb__content--title text-white mb-25">Shop Left Sidebar</h1> <ul class="breadcrumb__content--menu d-flex justify-content-center"> <li class="breadcrumb__content--menu__items"><a class="text-white" href="index.html">Home</a></li> <li class="breadcrumb__content--menu__items"><span class="text-white">Shop Left Sidebar</span></li> </ul> </div> </div> </div> </div> </section> <!-- End breadcrumb section --> <!-- Start shop section --> <section class="shop__section section--padding"> <div class="container-fluid"> <div class="shop__header bg__gray--color d-flex align-items-center justify-content-between mb-30"> <button class="widget__filter--btn d-flex d-lg-none align-items-center" data-offcanvas=""> <svg class="widget__filter--btn__icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="28" d="M368 128h80M64 128h240M368 384h80M64 384h240M208 256h240M64 256h80"></path><circle cx="336" cy="128" r="28" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="28"></circle><circle cx="176" cy="256" r="28" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="28"></circle><circle cx="336" cy="384" r="28" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="28"></circle></svg> <span class="widget__filter--btn__text">Filter</span> </button> <div class="product__view--mode d-flex align-items-center"> <div class="product__view--mode__list product__short--by align-items-center d-none d-lg-flex"> <label class="product__view--label">Prev Page :</label> <div class="select shop__header--select"> <select class="product__view--select"> <option selected="" value="1">65</option> <option value="2">40</option> <option value="3">42</option> <option value="4">57 </option> <option value="5">60 </option> </select> </div> </div> <div class="product__view--mode__list product__short--by align-items-center d-none d-lg-flex"> <label class="product__view--label">Sort By :</label> <div class="select shop__header--select"> <select class="product__view--select"> <option selected="" value="1">Sort by latest</option> <option value="2">Sort by popularity</option> <option value="3">Sort by newness</option> <option value="4">Sort by rating </option> </select> </div> </div> <div class="product__view--mode__list"> <div class="product__grid--column__buttons d-flex justify-content-center"> <button class="product__grid--column__buttons--icons active" aria-label="product grid button" data-toggle="tab" data-target="#product_grid"> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewbox="0 0 9 9"> <g transform="translate(-1360 -479)"> <rect id="Rectangle_5725" data-name="Rectangle 5725" width="4" height="4" transform="translate(1360 479)" fill="currentColor"></rect> <rect id="Rectangle_5727" data-name="Rectangle 5727" width="4" height="4" transform="translate(1360 484)" fill="currentColor"></rect> <rect id="Rectangle_5726" data-name="Rectangle 5726" width="4" height="4" transform="translate(1365 479)" fill="currentColor"></rect> <rect id="Rectangle_5728" data-name="Rectangle 5728" width="4" height="4" transform="translate(1365 484)" fill="currentColor"></rect> </g> </svg> </button> <button class="product__grid--column__buttons--icons" aria-label="product list button" data-toggle="tab" data-target="#product_list"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewbox="0 0 13 8"> <g id="Group_14700" data-name="Group 14700" transform="translate(-1376 -478)"> <g transform="translate(12 -2)"> <g id="Group_1326" data-name="Group 1326"> <rect id="Rectangle_5729" data-name="Rectangle 5729" width="3" height="2" transform="translate(1364 483)" fill="currentColor"></rect> <rect id="Rectangle_5730" data-name="Rectangle 5730" width="9" height="2" transform="translate(1368 483)" fill="currentColor"></rect> </g> <g id="Group_1328" data-name="Group 1328" transform="translate(0 -3)"> <rect id="Rectangle_5729-2" data-name="Rectangle 5729" width="3" height="2" transform="translate(1364 483)" fill="currentColor"></rect> <rect id="Rectangle_5730-2" data-name="Rectangle 5730" width="9" height="2" transform="translate(1368 483)" fill="currentColor"></rect> </g> <g id="Group_1327" data-name="Group 1327" transform="translate(0 -1)"> <rect id="Rectangle_5731" data-name="Rectangle 5731" width="3" height="2" transform="translate(1364 487)" fill="currentColor"></rect> <rect id="Rectangle_5732" data-name="Rectangle 5732" width="9" height="2" transform="translate(1368 487)" fill="currentColor"></rect> </g> </g> </g> </svg> </button> </div> </div> <div class="product__view--mode__list product__view--search d-none d-lg-block"> <form class="product__view--search__form" action="#"> <label> <input class="product__view--search__input border-0" placeholder="Search by" type="text"> </label> <button class="product__view--search__btn" aria-label="shop button" type="submit"> <svg class="product__view--search__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 512 512"><path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29L448 448"></path></svg> </button> </form> </div> </div> <p class="product__showing--count">Showing 1–9 of 21 results</p> </div> <div class="row"> <div class="col-xl-3 col-lg-4"> <div class="shop__sidebar--widget widget__area d-none d-lg-block"> <div class="single__widget widget__bg"> <h2 class="widget__title h3">Categories</h2> <ul class="widget__categories--menu"> <li class="widget__categories--menu__list"> <label class="widget__categories--menu__label d-flex align-items-center"> <img class="widget__categories--menu__img" src="assets/img/product/small-product1.png" alt="categories-img"> <span class="widget__categories--menu__text">Denim Jacket</span> <svg class="widget__categories--menu__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12.355" height="8.394"> <path d="M15.138,8.59l-3.961,3.952L7.217,8.59,6,9.807l5.178,5.178,5.178-5.178Z" transform="translate(-6 -8.59)" fill="currentColor"></path> </svg> </label> <ul class="widget__categories--sub__menu"> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product2.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Jacket, Women</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product3.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Woolend Jacket</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product4.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Western denim</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product5.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Mini Dresss</span> </a> </li> </ul> </li> <li class="widget__categories--menu__list"> <label class="widget__categories--menu__label d-flex align-items-center"> <img class="widget__categories--menu__img" src="assets/img/product/small-product2.png" alt="categories-img"> <span class="widget__categories--menu__text">Oversize Cotton</span> <svg class="widget__categories--menu__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12.355" height="8.394"> <path d="M15.138,8.59l-3.961,3.952L7.217,8.59,6,9.807l5.178,5.178,5.178-5.178Z" transform="translate(-6 -8.59)" fill="currentColor"></path> </svg> </label> <ul class="widget__categories--sub__menu"> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product2.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Jacket, Women</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product3.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Woolend Jacket</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product4.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Western denim</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product5.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Mini Dresss</span> </a> </li> </ul> </li> <li class="widget__categories--menu__list"> <label class="widget__categories--menu__label d-flex align-items-center"> <img class="widget__categories--menu__img" src="assets/img/product/small-product3.png" alt="categories-img"> <span class="widget__categories--menu__text">Dairy & chesse</span> <svg class="widget__categories--menu__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12.355" height="8.394"> <path d="M15.138,8.59l-3.961,3.952L7.217,8.59,6,9.807l5.178,5.178,5.178-5.178Z" transform="translate(-6 -8.59)" fill="currentColor"></path> </svg> </label> <ul class="widget__categories--sub__menu"> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product2.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Jacket, Women</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product3.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Woolend Jacket</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product4.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Western denim</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product5.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Mini Dresss</span> </a> </li> </ul> </li> <li class="widget__categories--menu__list"> <label class="widget__categories--menu__label d-flex align-items-center"> <img class="widget__categories--menu__img" src="assets/img/product/small-product4.png" alt="categories-img"> <span class="widget__categories--menu__text">Shoulder Bag</span> <svg class="widget__categories--menu__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12.355" height="8.394"> <path d="M15.138,8.59l-3.961,3.952L7.217,8.59,6,9.807l5.178,5.178,5.178-5.178Z" transform="translate(-6 -8.59)" fill="currentColor"></path> </svg> </label> <ul class="widget__categories--sub__menu"> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product2.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Jacket, Women</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product3.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Woolend Jacket</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product4.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Western denim</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product5.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Mini Dresss</span> </a> </li> </ul> </li> <li class="widget__categories--menu__list"> <label class="widget__categories--menu__label d-flex align-items-center"> <img class="widget__categories--menu__img" src="assets/img/product/small-product5.png" alt="categories-img"> <span class="widget__categories--menu__text">Denim Jacket</span> <svg class="widget__categories--menu__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12.355" height="8.394"> <path d="M15.138,8.59l-3.961,3.952L7.217,8.59,6,9.807l5.178,5.178,5.178-5.178Z" transform="translate(-6 -8.59)" fill="currentColor"></path> </svg> </label> <ul class="widget__categories--sub__menu"> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product2.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Jacket, Women</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product3.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Woolend Jacket</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product4.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Western denim</span> </a> </li> <li class="widget__categories--sub__menu--list"> <a class="widget__categories--sub__menu--link d-flex align-items-center" href="shop.html"> <img class="widget__categories--sub__menu--img" src="assets/img/product/small-product5.png" alt="categories-img"> <span class="widget__categories--sub__menu--text">Mini Dresss</span> </a> </li> </ul> </li> </ul> </div> <div class="single__widget widget__bg"> <h2 class="widget__title h3">Dietary Needs</h2> <ul class="widget__form--check"> <li class="widget__form--check__list"> <label class="widget__form--check__label" for="check1">Denim shirt</label> <input class="widget__form--check__input" id="check1" type="checkbox"> <span class="widget__form--checkmark"></span> </li> <li class="widget__form--check__list"> <label class="widget__form--check__label" for="check2">Need Winter</label> <input class="widget__form--check__input" id="check2" type="checkbox"> <span class="widget__form--checkmark"></span> </li> <li class="widget__form--check__list"> <label class="widget__form--check__label" for="check3">Fashion Trends</label> <input class="widget__form--check__input" id="check3" type="checkbox"> <span class="widget__form--checkmark"></span> </li> <li class="widget__form--check__list"> <label class="widget__form--check__label" for="check4">Oversize Cotton</label> <input class="widget__form--check__input" id="check4" type="checkbox"> <span class="widget__form--checkmark"></span> </li> <li class="widget__form--check__list"> <label class="widget__form--check__label" for="check5">Baking material</label> <input class="widget__form--check__input" id="check5" type="checkbox"> <span class="widget__form--checkmark"></span> </li> </ul> </div> <div class="single__widget price__filter widget__bg"> <h2 class="widget__title h3">Filter By Price</h2> <form class="price__filter--form" action="#"> <div class="price__filter--form__inner mb-15 d-flex align-items-center"> <div class="price__filter--group"> <label class="price__filter--label" for="Filter-Price-GTE2">From</label> <div class="price__filter--input border-radius-5 d-flex align-items-center"> <span class="price__filter--currency">$</span> <label> <input class="price__filter--input__field border-0" name="filter.v.price.gte" type="number" placeholder="0" min="0" max="250.00"> </label> </div> </div> <div class="price__divider"> <span>-</span> </div> <div class="price__filter--group"> <label class="price__filter--label" for="Filter-Price-LTE2">To</label> <div class="price__filter--input border-radius-5 d-flex align-items-center"> <span class="price__filter--currency">$</span> <label> <input class="price__filter--input__field border-0" name="filter.v.price.lte" type="number" min="0" placeholder="250.00" max="250.00"> </label> </div> </div> </div> <button class="price__filter--btn primary__btn" type="submit">Filter</button> </form> </div> <div class="single__widget widget__bg"> <h2 class="widget__title h3">Top Rated Product</h2> <div class="product__grid--inner"> <div class="product__items product__items--grid d-flex align-items-center"> <div class="product__items--grid__thumbnail position__relative"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/small-product1.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/small-product2.png" alt="product-img"> </a> </div> <div class="product__items--grid__content"> <h3 class="product__items--content__title h4"><a href="product-details.html">Women Fish Cut</a></h3> <div class="product__items--price"> <span class="current__price">$110</span> <span class="price__divided"></span> <span class="old__price">$78</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> </div> </div> <div class="product__items product__items--grid d-flex align-items-center"> <div class="product__items--grid__thumbnail position__relative"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/small-product3.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/small-product4.png" alt="product-img"> </a> </div> <div class="product__items--grid__content"> <h3 class="product__items--content__title h4"><a href="product-details.html">Gorgeous Granite is</a></h3> <div class="product__items--price"> <span class="current__price">$140</span> <span class="price__divided"></span> <span class="old__price">$115</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> </div> </div> <div class="product__items product__items--grid d-flex align-items-center"> <div class="product__items--grid__thumbnail position__relative"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/small-product5.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/small-product6.png" alt="product-img"> </a> </div> <div class="product__items--grid__content"> <h4 class="product__items--content__title"><a href="product-details.html">Durable A Steel </a></h4> <div class="product__items--price"> <span class="current__price">$160</span> <span class="price__divided"></span> <span class="old__price">$118</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> </div> </div> </div> </div> <div class="single__widget widget__bg"> <h2 class="widget__title h3">Brands</h2> <ul class="widget__tagcloud"> <li class="widget__tagcloud--list"><a class="widget__tagcloud--link" href="shop.html">Jacket</a></li> <li class="widget__tagcloud--list"><a class="widget__tagcloud--link" href="shop.html">Women</a></li> <li class="widget__tagcloud--list"><a class="widget__tagcloud--link" href="shop.html">Oversize</a></li> <li class="widget__tagcloud--list"><a class="widget__tagcloud--link" href="shop.html">Cotton </a></li> <li class="widget__tagcloud--list"><a class="widget__tagcloud--link" href="shop.html">Shoulder </a></li> <li class="widget__tagcloud--list"><a class="widget__tagcloud--link" href="shop.html">Winter</a></li> <li class="widget__tagcloud--list"><a class="widget__tagcloud--link" href="shop.html">Accessories</a></li> <li class="widget__tagcloud--list"><a class="widget__tagcloud--link" href="shop.html">Dress </a></li> </ul> </div> </div> </div> <div class="col-xl-9 col-lg-8"> <div class="shop__product--wrapper"> <div class="tab_content"> <div id="product_grid" class="tab_pane active show"> <div class="product__section--inner product__grid--inner"> <div class="row row-cols-xl-4 row-cols-lg-3 row-cols-md-3 row-cols-2 mb--n30"> <div class="col mb-30"> <div class="product__items "> <div class="product__items--thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product1.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product2.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__items--content"> <span class="product__items--content__subtitle">Jacket, Women</span> <h3 class="product__items--content__title h4"><a href="product-details.html">Oversize Cotton Dress</a></h3> <div class="product__items--price"> <span class="current__price">$110</span> <span class="price__divided"></span> <span class="old__price">$78</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items "> <div class="product__items--thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product3.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product4.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__items--content"> <span class="product__items--content__subtitle">Jacket, Women</span> <h3 class="product__items--content__title h4"><a href="product-details.html">Boxy Denim Jacket</a></h3> <div class="product__items--price"> <span class="current__price">$120</span> <span class="price__divided"></span> <span class="old__price">$88</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items"> <div class="product__items--thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product5.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product6.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__items--content"> <span class="product__items--content__subtitle">Jacket, Women</span> <h4 class="product__items--content__title"><a href="product-details.html">Quilted Shoulder Bag</a></h4> <div class="product__items--price"> <span class="current__price">$115</span> <span class="price__divided"></span> <span class="old__price">$85</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items"> <div class="product__items--thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product7.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product8.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__items--content"> <span class="product__items--content__subtitle">Jacket, Women</span> <h4 class="product__items--content__title"><a href="product-details.html">Square Shoulder Bag</a></h4> <div class="product__items--price"> <span class="current__price">$125</span> <span class="price__divided"></span> <span class="old__price">$112</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items"> <div class="product__items--thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product9.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product10.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__items--content"> <span class="product__items--content__subtitle">Jacket, Women</span> <h4 class="product__items--content__title"><a href="product-details.html">Light Denim Jacket</a></h4> <div class="product__items--price"> <span class="current__price">$125</span> <span class="price__divided"></span> <span class="old__price">$95</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items"> <div class="product__items--thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product11.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product12.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__items--content"> <span class="product__items--content__subtitle">Jacket, Women</span> <h3 class="product__items--content__title h4"><a href="product-details.html">Oversize Cotton Dress</a></h3> <div class="product__items--price"> <span class="current__price">$128</span> <span class="price__divided"></span> <span class="old__price">$75</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items"> <div class="product__items--thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product13.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product14.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__items--content"> <span class="product__items--content__subtitle">Jacket, Women</span> <h4 class="product__items--content__title"><a href="product-details.html">Aware organic cotton</a></h4> <div class="product__items--price"> <span class="current__price">$127</span> <span class="price__divided"></span> <span class="old__price">$85</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items"> <div class="product__items--thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product14.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product15.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__items--content"> <span class="product__items--content__subtitle">Jacket, Women</span> <h4 class="product__items--content__title"><a href="product-details.html">Western denim shirt</a></h4> <div class="product__items--price"> <span class="current__price">$115</span> <span class="price__divided"></span> <span class="old__price">$92</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items"> <div class="product__items--thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product2.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product1.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__items--content"> <span class="product__items--content__subtitle">Jacket, Women</span> <h3 class="product__items--content__title h4"><a href="product-details.html">Boxy Denim Jacket</a></h3> <div class="product__items--price"> <span class="current__price">$110</span> <span class="price__divided"></span> <span class="old__price">$78</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items"> <div class="product__items--thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product3.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product4.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__items--content"> <span class="product__items--content__subtitle">Jacket, Women</span> <h4 class="product__items--content__title"><a href="product-details.html">High Ankle Jeans</a></h4> <div class="product__items--price"> <span class="current__price">$135</span> <span class="price__divided"></span> <span class="old__price">$75</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items"> <div class="product__items--thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product6.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product5.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__items--content"> <span class="product__items--content__subtitle">Jacket, Women</span> <h4 class="product__items--content__title"><a href="product-details.html">Aware organic cotton</a></h4> <div class="product__items--price"> <span class="current__price">$140</span> <span class="price__divided"></span> <span class="old__price">$88</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items"> <div class="product__items--thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product8.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product7.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__items--content"> <span class="product__items--content__subtitle">Jacket, Women</span> <h4 class="product__items--content__title"><a href="product-details.html">OSmock Mini Dresss</a></h4> <div class="product__items--price"> <span class="current__price">$110</span> <span class="price__divided"></span> <span class="old__price">$78</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items"> <div class="product__items--thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product10.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product11.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__items--content"> <span class="product__items--content__subtitle">Jacket, Women</span> <h3 class="product__items--content__title h4"><a href="product-details.html">Oversize Cotton Dress</a></h3> <div class="product__items--price"> <span class="current__price">$110</span> <span class="price__divided"></span> <span class="old__price">$78</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items"> <div class="product__items--thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product15.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product14.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__items--content"> <span class="product__items--content__subtitle">Jacket, Women</span> <h4 class="product__items--content__title"><a href="product-details.html">Aware organic cotton</a></h4> <div class="product__items--price"> <span class="current__price">$130</span> <span class="price__divided"></span> <span class="old__price">$68</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items"> <div class="product__items--thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product13.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product12.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__items--content"> <span class="product__items--content__subtitle">Jacket, Women</span> <h4 class="product__items--content__title"><a href="product-details.html">Quilted Shoulder Bag</a></h4> <div class="product__items--price"> <span class="current__price">$150</span> <span class="price__divided"></span> <span class="old__price">$68</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items"> <div class="product__items--thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product11.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product10.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__items--content"> <span class="product__items--content__subtitle">Jacket, Women</span> <h3 class="product__items--content__title h4"><a href="product-details.html">Oversize Cotton Dress</a></h3> <div class="product__items--price"> <span class="current__price">$110</span> <span class="price__divided"></span> <span class="old__price">$78</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div id="product_list" class="tab_pane"> <div class="product__section--inner"> <div class="row row-cols-1 mb--n30"> <div class="col mb-30"> <div class="product__items product__list--items d-flex"> <div class="product__items--thumbnail product__list--items__thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product11.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product10.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__list--items__content"> <span class="product__items--content__subtitle mb-5">Jacket, Women</span> <h3 class="product__list--items__content--title h4 mb-10"><a href="product-details.html">Oversize Cotton Dress</a></h3> <div class="product__list--items__price mb-10"> <span class="current__price">$110</span> <span class="price__divided"></span> <span class="old__price">$78</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <p class="product__list--items__content--desc d-none d-xl-block mb-15">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quia voluptas dolore doloribus architecto sequi corporis deleniti officia culpa dolor esse consectetur eligendi, natus at rem ab quae amet molestiae quod voluptates, illo exercitationem numquam ipsa. Est fuga ex ipsum alias ipsa quibusdam magni harum labore voluptate, esse deserunt saepe eveniet.</p> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items product__list--items d-flex"> <div class="product__items--thumbnail product__list--items__thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product1.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product2.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__list--items__content"> <span class="product__items--content__subtitle mb-5">Jacket, Women</span> <h3 class="product__list--items__content--title h4 mb-10"><a href="product-details.html">Boxy Denim Jacket</a></h3> <div class="product__list--items__price mb-10"> <span class="current__price">$120</span> <span class="price__divided"></span> <span class="old__price">$66</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <p class="product__list--items__content--desc d-none d-xl-block mb-15">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quia voluptas dolore doloribus architecto sequi corporis deleniti officia culpa dolor esse consectetur eligendi, natus at rem ab quae amet molestiae quod voluptates, illo exercitationem numquam ipsa. Est fuga ex ipsum alias ipsa quibusdam magni harum labore voluptate, esse deserunt saepe eveniet.</p> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items product__list--items d-flex"> <div class="product__items--thumbnail product__list--items__thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product3.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product4.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__list--items__content"> <span class="product__items--content__subtitle mb-5">Jacket, Women</span> <h3 class="product__list--items__content--title h4 mb-10"><a href="product-details.html">Quilted Shoulder Bag</a></h3> <div class="product__list--items__price mb-10"> <span class="current__price">$115</span> <span class="price__divided"></span> <span class="old__price">$68</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <p class="product__list--items__content--desc d-none d-xl-block mb-15">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quia voluptas dolore doloribus architecto sequi corporis deleniti officia culpa dolor esse consectetur eligendi, natus at rem ab quae amet molestiae quod voluptates, illo exercitationem numquam ipsa. Est fuga ex ipsum alias ipsa quibusdam magni harum labore voluptate, esse deserunt saepe eveniet.</p> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items product__list--items d-flex"> <div class="product__items--thumbnail product__list--items__thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product5.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product6.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__list--items__content"> <span class="product__items--content__subtitle mb-5">Jacket, Women</span> <h3 class="product__list--items__content--title h4 mb-10"><a href="product-details.html">Square Shoulder Bag</a></h3> <div class="product__list--items__price mb-10"> <span class="current__price">$114</span> <span class="price__divided"></span> <span class="old__price">$55</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <p class="product__list--items__content--desc d-none d-xl-block mb-15">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quia voluptas dolore doloribus architecto sequi corporis deleniti officia culpa dolor esse consectetur eligendi, natus at rem ab quae amet molestiae quod voluptates, illo exercitationem numquam ipsa. Est fuga ex ipsum alias ipsa quibusdam magni harum labore voluptate, esse deserunt saepe eveniet.</p> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items product__list--items d-flex"> <div class="product__items--thumbnail product__list--items__thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product7.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product8.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__list--items__content"> <span class="product__items--content__subtitle mb-5">Jacket, Women</span> <h3 class="product__list--items__content--title h4 mb-10"><a href="product-details.html">Light Denim Jackets</a></h3> <div class="product__list--items__price mb-10"> <span class="current__price">$122</span> <span class="price__divided"></span> <span class="old__price">$72</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <p class="product__list--items__content--desc d-none d-xl-block mb-15">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quia voluptas dolore doloribus architecto sequi corporis deleniti officia culpa dolor esse consectetur eligendi, natus at rem ab quae amet molestiae quod voluptates, illo exercitationem numquam ipsa. Est fuga ex ipsum alias ipsa quibusdam magni harum labore voluptate, esse deserunt saepe eveniet.</p> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> <div class="col mb-30"> <div class="product__items product__list--items d-flex"> <div class="product__items--thumbnail product__list--items__thumbnail"> <a class="product__items--link" href="product-details.html"> <img class="product__items--img product__primary--img" src="assets/img/product/product9.png" alt="product-img"> <img class="product__items--img product__secondary--img" src="assets/img/product/product10.png" alt="product-img"> </a> <div class="product__badge"> <span class="product__badge--items sale">Sale</span> </div> </div> <div class="product__list--items__content"> <span class="product__items--content__subtitle mb-5">Jacket, Women</span> <h4 class="product__list--items__content--title mb-10"><a href="product-details.html">OSmock Mini Dresss</a></h4> <div class="product__list--items__price mb-10"> <span class="current__price">$125</span> <span class="price__divided"></span> <span class="old__price">$58</span> </div> <ul class="rating product__rating d-flex"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <p class="product__list--items__content--desc d-none d-xl-block mb-15">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quia voluptas dolore doloribus architecto sequi corporis deleniti officia culpa dolor esse consectetur eligendi, natus at rem ab quae amet molestiae quod voluptates, illo exercitationem numquam ipsa. Est fuga ex ipsum alias ipsa quibusdam magni harum labore voluptate, esse deserunt saepe eveniet.</p> <ul class="product__items--action d-flex"> <li class="product__items--action__list"> <a class="product__items--action__btn add__to--cart" href="cart.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 14.706 13.534"> <g transform="translate(0 0)"> <g> <path data-name="Path 16787" d="M4.738,472.271h7.814a.434.434,0,0,0,.414-.328l1.723-6.316a.466.466,0,0,0-.071-.4.424.424,0,0,0-.344-.179H3.745L3.437,463.6a.435.435,0,0,0-.421-.353H.431a.451.451,0,0,0,0,.9h2.24c.054.257,1.474,6.946,1.555,7.33a1.36,1.36,0,0,0-.779,1.242,1.326,1.326,0,0,0,1.293,1.354h7.812a.452.452,0,0,0,0-.9H4.74a.451.451,0,0,1,0-.9Zm8.966-6.317-1.477,5.414H5.085l-1.149-5.414Z" transform="translate(0 -463.248)" fill="currentColor"></path> <path data-name="Path 16788" d="M5.5,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,5.5,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,6.793,478.352Z" transform="translate(-1.191 -466.622)" fill="currentColor"></path> <path data-name="Path 16789" d="M13.273,478.8a1.294,1.294,0,1,0,1.293-1.353A1.325,1.325,0,0,0,13.273,478.8Zm1.293-.451a.452.452,0,1,1-.431.451A.442.442,0,0,1,14.566,478.352Z" transform="translate(-2.875 -466.622)" fill="currentColor"></path> </g> </g> </svg> <span class="add__to--cart__text"> + Add to cart</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" href="wishlist.html"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> <span class="visually-hidden">Wishlist</span> </a> </li> <li class="product__items--action__list"> <a class="product__items--action__btn" data-open="modal1" href="javascript:void(0)"> <svg class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg" width="25.51" height="23.443" viewbox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></circle></svg> <span class="visually-hidden">Quick View</span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="pagination__area bg__gray--color"> <nav class="pagination justify-content-center"> <ul class="pagination__wrapper d-flex align-items-center justify-content-center"> <li class="pagination__list"> <a href="shop.html" class="pagination__item--arrow link "> <svg xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M244 400L100 256l144-144M120 256h292"></path></svg> <span class="visually-hidden">pagination arrow</span> </a> <li> <li class="pagination__list"><span class="pagination__item pagination__item--current">1</span></li> <li class="pagination__list"><a href="shop.html" class="pagination__item link">2</a></li> <li class="pagination__list"><a href="shop.html" class="pagination__item link">3</a></li> <li class="pagination__list"><a href="shop.html" class="pagination__item link">4</a></li> <li class="pagination__list"> <a href="shop.html" class="pagination__item--arrow link "> <svg xmlns="http://www.w3.org/2000/svg" width="22.51" height="20.443" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M268 112l144 144-144 144M392 256H100"></path></svg> <span class="visually-hidden">pagination arrow</span> </a> <li> </li></ul> </nav> </div> </div> </div> </div> </div> </section> <!-- End shop section --> <!-- Start shipping section --> <section class="shipping__section2 shipping__style3 section--padding pt-0"> <div class="container"> <div class="shipping__section2--inner shipping__style3--inner d-flex justify-content-between"> <div class="shipping__items2 d-flex align-items-center"> <div class="shipping__items2--icon"> <img src="assets/img/other/shipping1.png" alt=""> </div> <div class="shipping__items2--content"> <h2 class="shipping__items2--content__title h3">Shipping</h2> <p class="shipping__items2--content__desc">From handpicked sellers</p> </div> </div> <div class="shipping__items2 d-flex align-items-center"> <div class="shipping__items2--icon"> <img src="assets/img/other/shipping2.png" alt=""> </div> <div class="shipping__items2--content"> <h2 class="shipping__items2--content__title h3">Payment</h2> <p class="shipping__items2--content__desc">From handpicked sellers</p> </div> </div> <div class="shipping__items2 d-flex align-items-center"> <div class="shipping__items2--icon"> <img src="assets/img/other/shipping3.png" alt=""> </div> <div class="shipping__items2--content"> <h2 class="shipping__items2--content__title h3">Return</h2> <p class="shipping__items2--content__desc">From handpicked sellers</p> </div> </div> <div class="shipping__items2 d-flex align-items-center"> <div class="shipping__items2--icon"> <img src="assets/img/other/shipping4.png" alt=""> </div> <div class="shipping__items2--content"> <h2 class="shipping__items2--content__title h3">Support</h2> <p class="shipping__items2--content__desc">From handpicked sellers</p> </div> </div> </div> </div> </section> <!-- End shipping section --> </main> <!-- Start footer section --> <footer class="footer__section bg__black"> <div class="container-fluid"> <div class="main__footer d-flex justify-content-between"> <div class="footer__widget footer__widget--width"> <h2 class="footer__widget--title text-ofwhite h3">About Us <button class="footer__widget--button" aria-label="footer widget button"> <svg class="footer__widget--title__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12.355" height="8.394" viewbox="0 0 10.355 6.394"> <path d="M15.138,8.59l-3.961,3.952L7.217,8.59,6,9.807l5.178,5.178,5.178-5.178Z" transform="translate(-6 -8.59)" fill="currentColor"></path> </svg> </button> </h2> <div class="footer__widget--inner"> <p class="footer__widget--desc text-ofwhite mb-20">Lorem ipsum dolor sit amet, consectetur adipisici ti elit <br> seddo eiusmod tempor incididunt utlabore et dolore <br> magna aliqua enim ad minim veniam quisnostrud <br> exercitation ullamco</p> <div class="footer__social"> <h3 class="social__title text-ofwhite h4 mb-15">Follow Us</h3> <ul class="social__shear d-flex"> <li class="social__shear--list"> <a class="social__shear--list__icon" target="_blank" href="https://www.facebook.com"> <svg xmlns="http://www.w3.org/2000/svg" width="7.667" height="16.524" viewbox="0 0 7.667 16.524"> <path data-name="Path 237" d="M967.495,353.678h-2.3v8.253h-3.437v-8.253H960.13V350.77h1.624v-1.888a4.087,4.087,0,0,1,.264-1.492,2.9,2.9,0,0,1,1.039-1.379,3.626,3.626,0,0,1,2.153-.6l2.549.019v2.833h-1.851a.732.732,0,0,0-.472.151.8.8,0,0,0-.246.642v1.719H967.8Z" transform="translate(-960.13 -345.407)" fill="currentColor"></path> </svg> <span class="visually-hidden">Facebook</span> </a> </li> <li class="social__shear--list"> <a class="social__shear--list__icon" target="_blank" href="https://twitter.com"> <svg xmlns="http://www.w3.org/2000/svg" width="16.489" height="13.384" viewbox="0 0 16.489 13.384"> <path data-name="Path 303" d="M966.025,1144.2v.433a9.783,9.783,0,0,1-.621,3.388,10.1,10.1,0,0,1-1.845,3.087,9.153,9.153,0,0,1-3.012,2.259,9.825,9.825,0,0,1-4.122.866,9.632,9.632,0,0,1-2.748-.4,9.346,9.346,0,0,1-2.447-1.11q.4.038.809.038a6.723,6.723,0,0,0,2.24-.376,7.022,7.022,0,0,0,1.958-1.054,3.379,3.379,0,0,1-1.958-.687,3.259,3.259,0,0,1-1.186-1.666,3.364,3.364,0,0,0,.621.056,3.488,3.488,0,0,0,.885-.113,3.267,3.267,0,0,1-1.374-.631,3.356,3.356,0,0,1-.969-1.186,3.524,3.524,0,0,1-.367-1.5v-.057a3.172,3.172,0,0,0,1.544.433,3.407,3.407,0,0,1-1.1-1.214,3.308,3.308,0,0,1-.4-1.609,3.362,3.362,0,0,1,.452-1.694,9.652,9.652,0,0,0,6.964,3.538,3.911,3.911,0,0,1-.075-.772,3.293,3.293,0,0,1,.452-1.694,3.409,3.409,0,0,1,1.233-1.233,3.257,3.257,0,0,1,1.685-.461,3.351,3.351,0,0,1,2.466,1.073,6.572,6.572,0,0,0,2.146-.828,3.272,3.272,0,0,1-.574,1.083,3.477,3.477,0,0,1-.913.8,6.869,6.869,0,0,0,1.958-.546A7.074,7.074,0,0,1,966.025,1144.2Z" transform="translate(-951.23 -1140.849)" fill="currentColor"></path> </svg> <span class="visually-hidden">Twitter</span> </a> </li> <li class="social__shear--list"> <a class="social__shear--list__icon" target="_blank" href="https://www.instagram.com"> <svg xmlns="http://www.w3.org/2000/svg" width="16.497" height="16.492" viewbox="0 0 19.497 19.492"> <path data-name="Icon awesome-instagram" d="M9.747,6.24a5,5,0,1,0,5,5A4.99,4.99,0,0,0,9.747,6.24Zm0,8.247A3.249,3.249,0,1,1,13,11.238a3.255,3.255,0,0,1-3.249,3.249Zm6.368-8.451A1.166,1.166,0,1,1,14.949,4.87,1.163,1.163,0,0,1,16.115,6.036Zm3.31,1.183A5.769,5.769,0,0,0,17.85,3.135,5.807,5.807,0,0,0,13.766,1.56c-1.609-.091-6.433-.091-8.042,0A5.8,5.8,0,0,0,1.64,3.13,5.788,5.788,0,0,0,.065,7.215c-.091,1.609-.091,6.433,0,8.042A5.769,5.769,0,0,0,1.64,19.341a5.814,5.814,0,0,0,4.084,1.575c1.609.091,6.433.091,8.042,0a5.769,5.769,0,0,0,4.084-1.575,5.807,5.807,0,0,0,1.575-4.084c.091-1.609.091-6.429,0-8.038Zm-2.079,9.765a3.289,3.289,0,0,1-1.853,1.853c-1.283.509-4.328.391-5.746.391S5.28,19.341,4,18.837a3.289,3.289,0,0,1-1.853-1.853c-.509-1.283-.391-4.328-.391-5.746s-.113-4.467.391-5.746A3.289,3.289,0,0,1,4,3.639c1.283-.509,4.328-.391,5.746-.391s4.467-.113,5.746.391a3.289,3.289,0,0,1,1.853,1.853c.509,1.283.391,4.328.391,5.746S17.855,15.705,17.346,16.984Z" transform="translate(0.004 -1.492)" fill="currentColor"></path> </svg> <span class="visually-hidden">Instagram</span> </a> </li> <li class="social__shear--list"> <a class="social__shear--list__icon" target="_blank" href="https://www.youtube.com"> <svg xmlns="http://www.w3.org/2000/svg" width="16.49" height="11.582" viewbox="0 0 16.49 11.582"> <path data-name="Path 321" d="M967.759,1365.592q0,1.377-.019,1.717-.076,1.114-.151,1.622a3.981,3.981,0,0,1-.245.925,1.847,1.847,0,0,1-.453.717,2.171,2.171,0,0,1-1.151.6q-3.585.265-7.641.189-2.377-.038-3.387-.085a11.337,11.337,0,0,1-1.5-.142,2.206,2.206,0,0,1-1.113-.585,2.562,2.562,0,0,1-.528-1.037,3.523,3.523,0,0,1-.141-.585c-.032-.2-.06-.5-.085-.906a38.894,38.894,0,0,1,0-4.867l.113-.925a4.382,4.382,0,0,1,.208-.906,2.069,2.069,0,0,1,.491-.755,2.409,2.409,0,0,1,1.113-.566,19.2,19.2,0,0,1,2.292-.151q1.82-.056,3.953-.056t3.952.066q1.821.067,2.311.142a2.3,2.3,0,0,1,.726.283,1.865,1.865,0,0,1,.557.49,3.425,3.425,0,0,1,.434,1.019,5.72,5.72,0,0,1,.189,1.075q0,.095.057,1C967.752,1364.1,967.759,1364.677,967.759,1365.592Zm-7.6.925q1.49-.754,2.113-1.094l-4.434-2.339v4.66Q958.609,1367.311,960.156,1366.517Z" transform="translate(-951.269 -1359.8)" fill="currentColor"></path> </svg> <span class="visually-hidden">Youtube</span> </a> </li> </ul> </div> </div> </div> <div class="footer__widget--menu__wrapper d-flex footer__widget--width"> <div class="footer__widget"> <h2 class="footer__widget--title text-ofwhite h3">My Account <button class="footer__widget--button" aria-label="footer widget button"> <svg class="footer__widget--title__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12.355" height="8.394" viewbox="0 0 10.355 6.394"> <path d="M15.138,8.59l-3.961,3.952L7.217,8.59,6,9.807l5.178,5.178,5.178-5.178Z" transform="translate(-6 -8.59)" fill="currentColor"></path> </svg> </button> </h2> <ul class="footer__widget--menu footer__widget--inner"> <li class="footer__widget--menu__list"><a class="footer__widget--menu__text" href="my-account.html">My Account</a></li> <li class="footer__widget--menu__list"><a class="footer__widget--menu__text" href="cart.html">Shopping Cart</a></li> <li class="footer__widget--menu__list"><a class="footer__widget--menu__text" href="login.html">Login</a></li> <li class="footer__widget--menu__list"><a class="footer__widget--menu__text" href="login.html">Register</a></li> <li class="footer__widget--menu__list"><a class="footer__widget--menu__text" href="checkout.html">Checkout</a></li> <li class="footer__widget--menu__list"><a class="footer__widget--menu__text" href="wishlist.html">Wishlist</a></li> </ul> </div> <div class="footer__widget"> <h2 class="footer__widget--title text-ofwhite h3">Categories <button class="footer__widget--button" aria-label="footer widget button"> <svg class="footer__widget--title__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12.355" height="8.394" viewbox="0 0 10.355 6.394"> <path d="M15.138,8.59l-3.961,3.952L7.217,8.59,6,9.807l5.178,5.178,5.178-5.178Z" transform="translate(-6 -8.59)" fill="currentColor"></path> </svg> </button> </h2> <ul class="footer__widget--menu footer__widget--inner"> <li class="footer__widget--menu__list"><a class="footer__widget--menu__text" href="about.html">About Us</a></li> <li class="footer__widget--menu__list"><a class="footer__widget--menu__text" href="contact.html">Contact Us</a></li> <li class="footer__widget--menu__list"><a class="footer__widget--menu__text" href="portfolio.html">Portfolio</a></li> <li class="footer__widget--menu__list"><a class="footer__widget--menu__text" href="privacy-policy.html">Privacy Policy</a></li> <li class="footer__widget--menu__list"><a class="footer__widget--menu__text" href="compare.html">Compare</a></li> <li class="footer__widget--menu__list"><a class="footer__widget--menu__text" href="faq.html">Frequently</a></li> </ul> </div> </div> <div class="footer__widget footer__widget--width"> <h2 class="footer__widget--title text-ofwhite h3">Instagram <button class="footer__widget--button" aria-label="footer widget button"> <svg class="footer__widget--title__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12.355" height="8.394" viewbox="0 0 10.355 6.394"> <path d="M15.138,8.59l-3.961,3.952L7.217,8.59,6,9.807l5.178,5.178,5.178-5.178Z" transform="translate(-6 -8.59)" fill="currentColor"></path> </svg> </button> </h2> <div class="footer__instagram footer__widget--inner"> <div class="footer__instagram--list d-flex"> <div class="instagram__thumbnail"> <a class="instagram__thumbnail--img" target="_blank" href="https://www.instagram.com/p/CZkF3TLBTT7"><img src="assets/img/other/instagram1.webp" alt="instagram"></a> </div> <div class="instagram__thumbnail"> <a class="instagram__thumbnail--img" target="_blank" href="https://www.instagram.com/p/CZkF60sBxhN"><img src="assets/img/other/instagram2.webp" alt="instagram"></a> </div> <div class="instagram__thumbnail"> <a class="instagram__thumbnail--img" target="_blank" href="https://www.instagram.com/p/CZkF90ZB6HG"><img src="assets/img/other/instagram3.webp" alt="instagram"></a> </div> </div> <div class="footer__instagram--list d-flex"> <div class="instagram__thumbnail"> <a class="instagram__thumbnail--img" target="_blank" href="https://www.instagram.com/p/CZkGAe6BQeu"><img src="assets/img/other/instagram4.webp" alt="instagram"></a> </div> <div class="instagram__thumbnail"> <a class="instagram__thumbnail--img" target="_blank" href="https://www.instagram.com/p/CZkGCWcBbv9"><img src="assets/img/other/instagram5.webp" alt="instagram"></a> </div> <div class="instagram__thumbnail"> <a class="instagram__thumbnail--img" target="_blank" href="https://www.instagram.com/p/CZkGFDMhoid"><img src="assets/img/other/instagram6.webp" alt="instagram"></a> </div> </div> </div> </div> <div class="footer__widget footer__widget--width"> <h2 class="footer__widget--title text-ofwhite h3">Newsletter <button class="footer__widget--button" aria-label="footer widget button"> <svg class="footer__widget--title__arrowdown--icon" xmlns="http://www.w3.org/2000/svg" width="12.355" height="8.394" viewbox="0 0 10.355 6.394"> <path d="M15.138,8.59l-3.961,3.952L7.217,8.59,6,9.807l5.178,5.178,5.178-5.178Z" transform="translate(-6 -8.59)" fill="currentColor"></path> </svg> </button> </h2> <div class="footer__widget--inner"> <p class="footer__widget--desc text-ofwhite m-0">Fill their seed open meat. Sea you <br> great Saw image stl</p> <div class="newsletter__subscribe"> <form class="newsletter__subscribe--form" action="#"> <label> <input class="newsletter__subscribe--input" placeholder="Email Address" type="email"> </label> <button class="newsletter__subscribe--button" type="submit">Subscribe</button> </form> </div> </div> </div> </div> <div class="footer__bottom d-flex justify-content-between align-items-center"> <p class="copyright__content text-ofwhite m-0">Copyright © 2022 <a class="copyright__content--link" href="index.html">Suruchi</a> . All Rights Reserved.Design By Suruchi</p> <div class="footer__payment text-right"> <img class="display-block" src="assets/img/other/payment-visa-card.png" alt="visa-card"> </div> </div> </div> </footer> <!-- End footer section --> <!-- Quickview Wrapper --> <div class="modal" id="modal1" data-animation="slideInUp"> <div class="modal-dialog quickview__main--wrapper"> <header class="modal-header quickview__header"> <button class="close-modal quickview__close--btn" aria-label="close modal" data-close="">✕ </button> </header> <div class="quickview__inner"> <div class="row row-cols-lg-2 row-cols-md-2"> <div class="col"> <div class="quickview__product--media product__details--media"> <div class="product__media--preview swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="product__media--preview__items"> <a class="product__media--preview__items--link glightbox" data-gallery="product-media-preview" href="assets/img/product/big-product1.jpg"><img class="product__media--preview__items--img" src="assets/img/product/big-product1.jpg" alt="product-media-img"></a> <div class="product__media--view__icon"> <a class="product__media--view__icon--link glightbox" href="assets/img/product/big-product1.jpg" data-gallery="product-media-preview"> <svg class="product__media--view__icon--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="22.443" viewbox="0 0 512 512"><path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29L448 448"></path></svg> </a> </div> </div> </div> <div class="swiper-slide"> <div class="product__media--preview__items"> <a class="product__media--preview__items--link glightbox" data-gallery="product-media-preview" href="assets/img/product/big-product2.jpg"><img class="product__media--preview__items--img" src="assets/img/product/big-product2.jpg" alt="product-media-img"></a> <div class="product__media--view__icon"> <a class="product__media--view__icon--link glightbox" href="assets/img/product/big-product2.jpg" data-gallery="product-media-preview"> <svg class="product__media--view__icon--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="22.443" viewbox="0 0 512 512"><path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29L448 448"></path></svg> </a> </div> </div> </div> <div class="swiper-slide"> <div class="product__media--preview__items"> <a class="product__media--preview__items--link glightbox" data-gallery="product-media-preview" href="assets/img/product/big-product3.jpg"><img class="product__media--preview__items--img" src="assets/img/product/big-product3.jpg" alt="product-media-img"></a> <div class="product__media--view__icon"> <a class="product__media--view__icon--link glightbox" href="assets/img/product/big-product3.jpg" data-gallery="product-media-preview"> <svg class="product__media--view__icon--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="22.443" viewbox="0 0 512 512"><path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29L448 448"></path></svg> </a> </div> </div> </div> <div class="swiper-slide"> <div class="product__media--preview__items"> <a class="product__media--preview__items--link glightbox" data-gallery="product-media-preview" href="assets/img/product/big-product4.jpg"><img class="product__media--preview__items--img" src="assets/img/product/big-product4.jpg" alt="product-media-img"></a> <div class="product__media--view__icon"> <a class="product__media--view__icon--link glightbox" href="assets/img/product/big-product4.jpg" data-gallery="product-media-preview"> <svg class="product__media--view__icon--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="22.443" viewbox="0 0 512 512"><path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29L448 448"></path></svg> </a> </div> </div> </div> <div class="swiper-slide"> <div class="product__media--preview__items"> <a class="product__media--preview__items--link glightbox" data-gallery="product-media-preview" href="assets/img/product/big-product5.jpg"><img class="product__media--preview__items--img" src="assets/img/product/big-product5.jpg" alt="product-media-img"></a> <div class="product__media--view__icon"> <a class="product__media--view__icon--link glightbox" href="assets/img/product/big-product5.jpg" data-gallery="product-media-preview"> <svg class="product__media--view__icon--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="22.443" viewbox="0 0 512 512"><path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29L448 448"></path></svg> </a> </div> </div> </div> <div class="swiper-slide"> <div class="product__media--preview__items"> <a class="product__media--preview__items--link glightbox" data-gallery="product-media-preview" href="assets/img/product/big-product6.jpg"><img class="product__media--preview__items--img" src="assets/img/product/big-product6.jpg" alt="product-media-img"></a> <div class="product__media--view__icon"> <a class="product__media--view__icon--link glightbox" href="assets/img/product/big-product6.jpg" data-gallery="product-media-preview"> <svg class="product__media--view__icon--svg" xmlns="http://www.w3.org/2000/svg" width="22.51" height="22.443" viewbox="0 0 512 512"><path d="M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29L448 448"></path></svg> </a> </div> </div> </div> </div> </div> <div class="product__media--nav swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="product__media--nav__items"> <img class="product__media--nav__items--img" src="assets/img/product/small-product7.png" alt="product-nav-img"> </div> </div> <div class="swiper-slide"> <div class="product__media--nav__items"> <img class="product__media--nav__items--img" src="assets/img/product/small-product8.png" alt="product-nav-img"> </div> </div> <div class="swiper-slide"> <div class="product__media--nav__items"> <img class="product__media--nav__items--img" src="assets/img/product/small-product9.png" alt="product-nav-img"> </div> </div> <div class="swiper-slide"> <div class="product__media--nav__items"> <img class="product__media--nav__items--img" src="assets/img/product/small-product10.png" alt="product-nav-img"> </div> </div> <div class="swiper-slide"> <div class="product__media--nav__items"> <img class="product__media--nav__items--img" src="assets/img/product/small-product11.png" alt="product-nav-img"> </div> </div> <div class="swiper-slide"> <div class="product__media--nav__items"> <img class="product__media--nav__items--img" src="assets/img/product/small-product12.png" alt="product-nav-img"> </div> </div> </div> <div class="swiper__nav--btn swiper-button-next"></div> <div class="swiper__nav--btn swiper-button-prev"></div> </div> </div> </div> <div class="col"> <div class="quickview__info"> <form action="#"> <h2 class="product__details--info__title mb-15">Oversize Cotton Dress</h2> <div class="product__details--info__price mb-10"> <span class="current__price">$58.00</span> <span class="old__price">$68.00</span> </div> <div class="quickview__info--ratting d-flex align-items-center mb-10"> <ul class="rating d-flex justify-content-center"> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> <li class="rating__list"> <span class="rating__list--icon"> <svg class="rating__list--icon__svg" xmlns="http://www.w3.org/2000/svg" width="14.105" height="14.732" viewbox="0 0 10.105 9.732"> <path data-name="star - Copy" d="M9.837,3.5,6.73,3.039,5.338.179a.335.335,0,0,0-.571,0L3.375,3.039.268,3.5a.3.3,0,0,0-.178.514L2.347,6.242,1.813,9.4a.314.314,0,0,0,.464.316L5.052,8.232,7.827,9.712A.314.314,0,0,0,8.292,9.4L7.758,6.242l2.257-2.231A.3.3,0,0,0,9.837,3.5Z" transform="translate(0 -0.018)" fill="currentColor"></path> </svg> </span> </li> </ul> <span class="quickview__info--review__text">(5 reviews)</span> </div> <p class="product__details--info__desc mb-15">Lorem ipsum dolor sit amet, consectetur adipisicing elit is. Deserunt totam dolores ea numquam labore! Illum magnam totam tenetur fuga quo dolor.</p> <div class="product__variant"> <div class="product__variant--list mb-10"> <fieldset class="variant__input--fieldset"> <legend class="product__variant--title mb-8">Color :</legend> <input id="color-red1" name="color" type="radio" checked=""> <label class="variant__color--value red" for="color-red1" title="Red"><img class="variant__color--value__img" src="assets/img/product/product1.png" alt="variant-color-img"></label> <input id="color-red2" name="color" type="radio"> <label class="variant__color--value red" for="color-red2" title="Black"><img class="variant__color--value__img" src="assets/img/product/product2.png" alt="variant-color-img"></label> <input id="color-red3" name="color" type="radio"> <label class="variant__color--value red" for="color-red3" title="Pink"><img class="variant__color--value__img" src="assets/img/product/product3.png" alt="variant-color-img"></label> <input id="color-red4" name="color" type="radio"> <label class="variant__color--value red" for="color-red4" title="Orange"><img class="variant__color--value__img" src="assets/img/product/product4.png" alt="variant-color-img"></label> </fieldset> </div> <div class="product__variant--list mb-15"> <fieldset class="variant__input--fieldset weight"> <legend class="product__variant--title mb-8">Weight :</legend> <input id="weight1" name="weight" type="radio" checked=""> <label class="variant__size--value red" for="weight1">5 kg</label> <input id="weight2" name="weight" type="radio"> <label class="variant__size--value red" for="weight2">3 kg</label> <input id="weight3" name="weight" type="radio"> <label class="variant__size--value red" for="weight3">2 kg</label> </fieldset> </div> <div class="quickview__variant--list quantity d-flex align-items-center mb-15"> <div class="quantity__box"> <button type="button" class="quantity__value quickview__value--quantity decrease" aria-label="quantity value" value="Decrease Value">-</button> <label> <input type="number" class="quantity__number quickview__value--number" value="1" data-counter/=""> </label> <button type="button" class="quantity__value quickview__value--quantity increase" aria-label="quantity value" value="Increase Value">+</button> </div> <button class="primary__btn quickview__cart--btn" type="submit">Add To Cart</button> </div> <div class="quickview__variant--list variant__wishlist mb-15"> <a class="variant__wishlist--icon" href="wishlist.html" title="Add to wishlist"> <svg class="quickview__variant--wishlist__svg" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0018 0c96.26-65.34 184.09-143.09 183-252.42-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg> Add to Wishlist </a> </div> </div> <div class="quickview__social d-flex align-items-center"> <label class="quickview__social--title">Social Share:</label> <ul class="quickview__social--wrapper mt-0 d-flex"> <li class="quickview__social--list"> <a class="quickview__social--icon" target="_blank" href="https://www.facebook.com"> <svg xmlns="http://www.w3.org/2000/svg" width="7.667" height="16.524" viewbox="0 0 7.667 16.524"> <path data-name="Path 237" d="M967.495,353.678h-2.3v8.253h-3.437v-8.253H960.13V350.77h1.624v-1.888a4.087,4.087,0,0,1,.264-1.492,2.9,2.9,0,0,1,1.039-1.379,3.626,3.626,0,0,1,2.153-.6l2.549.019v2.833h-1.851a.732.732,0,0,0-.472.151.8.8,0,0,0-.246.642v1.719H967.8Z" transform="translate(-960.13 -345.407)" fill="currentColor"></path> </svg> <span class="visually-hidden">Facebook</span> </a> </li> <li class="quickview__social--list"> <a class="quickview__social--icon" target="_blank" href="https://twitter.com"> <svg xmlns="http://www.w3.org/2000/svg" width="16.489" height="13.384" viewbox="0 0 16.489 13.384"> <path data-name="Path 303" d="M966.025,1144.2v.433a9.783,9.783,0,0,1-.621,3.388,10.1,10.1,0,0,1-1.845,3.087,9.153,9.153,0,0,1-3.012,2.259,9.825,9.825,0,0,1-4.122.866,9.632,9.632,0,0,1-2.748-.4,9.346,9.346,0,0,1-2.447-1.11q.4.038.809.038a6.723,6.723,0,0,0,2.24-.376,7.022,7.022,0,0,0,1.958-1.054,3.379,3.379,0,0,1-1.958-.687,3.259,3.259,0,0,1-1.186-1.666,3.364,3.364,0,0,0,.621.056,3.488,3.488,0,0,0,.885-.113,3.267,3.267,0,0,1-1.374-.631,3.356,3.356,0,0,1-.969-1.186,3.524,3.524,0,0,1-.367-1.5v-.057a3.172,3.172,0,0,0,1.544.433,3.407,3.407,0,0,1-1.1-1.214,3.308,3.308,0,0,1-.4-1.609,3.362,3.362,0,0,1,.452-1.694,9.652,9.652,0,0,0,6.964,3.538,3.911,3.911,0,0,1-.075-.772,3.293,3.293,0,0,1,.452-1.694,3.409,3.409,0,0,1,1.233-1.233,3.257,3.257,0,0,1,1.685-.461,3.351,3.351,0,0,1,2.466,1.073,6.572,6.572,0,0,0,2.146-.828,3.272,3.272,0,0,1-.574,1.083,3.477,3.477,0,0,1-.913.8,6.869,6.869,0,0,0,1.958-.546A7.074,7.074,0,0,1,966.025,1144.2Z" transform="translate(-951.23 -1140.849)" fill="currentColor"></path> </svg> <span class="visually-hidden">Twitter</span> </a> </li> <li class="quickview__social--list"> <a class="quickview__social--icon" target="_blank" href="https://www.instagram.com"> <svg xmlns="http://www.w3.org/2000/svg" width="16.497" height="16.492" viewbox="0 0 19.497 19.492"> <path data-name="Icon awesome-instagram" d="M9.747,6.24a5,5,0,1,0,5,5A4.99,4.99,0,0,0,9.747,6.24Zm0,8.247A3.249,3.249,0,1,1,13,11.238a3.255,3.255,0,0,1-3.249,3.249Zm6.368-8.451A1.166,1.166,0,1,1,14.949,4.87,1.163,1.163,0,0,1,16.115,6.036Zm3.31,1.183A5.769,5.769,0,0,0,17.85,3.135,5.807,5.807,0,0,0,13.766,1.56c-1.609-.091-6.433-.091-8.042,0A5.8,5.8,0,0,0,1.64,3.13,5.788,5.788,0,0,0,.065,7.215c-.091,1.609-.091,6.433,0,8.042A5.769,5.769,0,0,0,1.64,19.341a5.814,5.814,0,0,0,4.084,1.575c1.609.091,6.433.091,8.042,0a5.769,5.769,0,0,0,4.084-1.575,5.807,5.807,0,0,0,1.575-4.084c.091-1.609.091-6.429,0-8.038Zm-2.079,9.765a3.289,3.289,0,0,1-1.853,1.853c-1.283.509-4.328.391-5.746.391S5.28,19.341,4,18.837a3.289,3.289,0,0,1-1.853-1.853c-.509-1.283-.391-4.328-.391-5.746s-.113-4.467.391-5.746A3.289,3.289,0,0,1,4,3.639c1.283-.509,4.328-.391,5.746-.391s4.467-.113,5.746.391a3.289,3.289,0,0,1,1.853,1.853c.509,1.283.391,4.328.391,5.746S17.855,15.705,17.346,16.984Z" transform="translate(0.004 -1.492)" fill="currentColor"></path> </svg> <span class="visually-hidden">Instagram</span> </a> </li> <li class="quickview__social--list"> <a class="quickview__social--icon" target="_blank" href="https://www.youtube.com"> <svg xmlns="http://www.w3.org/2000/svg" width="16.49" height="11.582" viewbox="0 0 16.49 11.582"> <path data-name="Path 321" d="M967.759,1365.592q0,1.377-.019,1.717-.076,1.114-.151,1.622a3.981,3.981,0,0,1-.245.925,1.847,1.847,0,0,1-.453.717,2.171,2.171,0,0,1-1.151.6q-3.585.265-7.641.189-2.377-.038-3.387-.085a11.337,11.337,0,0,1-1.5-.142,2.206,2.206,0,0,1-1.113-.585,2.562,2.562,0,0,1-.528-1.037,3.523,3.523,0,0,1-.141-.585c-.032-.2-.06-.5-.085-.906a38.894,38.894,0,0,1,0-4.867l.113-.925a4.382,4.382,0,0,1,.208-.906,2.069,2.069,0,0,1,.491-.755,2.409,2.409,0,0,1,1.113-.566,19.2,19.2,0,0,1,2.292-.151q1.82-.056,3.953-.056t3.952.066q1.821.067,2.311.142a2.3,2.3,0,0,1,.726.283,1.865,1.865,0,0,1,.557.49,3.425,3.425,0,0,1,.434,1.019,5.72,5.72,0,0,1,.189,1.075q0,.095.057,1C967.752,1364.1,967.759,1364.677,967.759,1365.592Zm-7.6.925q1.49-.754,2.113-1.094l-4.434-2.339v4.66Q958.609,1367.311,960.156,1366.517Z" transform="translate(-951.269 -1359.8)" fill="currentColor"></path> </svg> <span class="visually-hidden">Youtube</span> </a> </li> </ul> </div> </form> </div> </div> </div> </div> </div> </div> <!-- Quickview Wrapper End --> <!-- Scroll top bar --> <button id="scroll__top"><svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewbox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M112 244l144-144 144 144M256 120v292"></path></svg></button> <!-- All Script JS Plugins here --> <script src="assets/js/vendor/popper.js" defer="defer"></script> <script src="assets/js/vendor/bootstrap.min.js" defer="defer"></script> <script src="assets/js/plugins/swiper-bundle.min.js"></script> <script src="assets/js/plugins/glightbox.min.js"></script> <!-- Customscript js --> <script src="assets/js/script.js"></script> </body> </html>