<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Marcho - Shop</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/shop.min.css">
</head>
<body>
<!-- === HEADER === -->
<header class="header">
<div class="container">
<div class="header__inner">
<a class="logo" href="#">
<img class="logo__image" src="images/logo.png" alt="logo" />
</a>
<nav class="menu">
<button class="menu__btn">
<span></span>
</button>
<ul class="menu__list">
<li class="menu__item">
<a class="menu__link" href="index.html"> home </a>
</li>
<li class="menu__item">
<span class="menu__link menu__link--active"> shop </span>
</li>
<li class="menu__item">
<a class="menu__link" href="product.html"> product page </a>
</li>
<li class="menu__item">
<a class="menu__link" href="blog.html"> blog </a>
</li>
<li class="menu__item">
<a class="menu__link" href="contacts.html"> contact </a>
</li>
</ul>
</nav>
<div class="user-nav">
<a class="user-nav__link" href="register.html">
<img
class="user-nav__image"
src="images/icons/user.svg"
alt="user icon"
/>
</a>
<a class="user-nav__link" href="#">
<img
class="user-nav__image"
src="images/icons/magnifying-glass.svg"
alt="magnifying glass icon"
/>
</a>
<a class="user-nav__link" href="#">
<img
class="user-nav__image"
src="images/icons/heart.svg"
alt="heart icon"
/>
<span class="user-nav__number">3</span>
</a>
<a class="user-nav__link" href="#">
<img
class="user-nav__image"
src="images/icons/cart.svg"
alt="cart icon"
/>
<span class="user-nav__number">7</span>
</a>
</div>
</div>
</div>
</header>
<!-- === / HEADER === -->
<main class="main">
<div class="top-banner">
<div
class="top-banner__container"
style="background-image: url('images/top-bg.jpg')"
>
<div class="container">
<h2 class="top-banner__title title">SHOP</h2>
<div class="breadcrumbs">
<ul class="breadcrumbs__list">
<li class="breadcrumbs__item">
<a class="breadcrumbs__link" href="index.html">Home</a>
</li>
<li class="breadcrumbs__item">
<span class="breadcrumbs__link">Shop</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- === SHOP === -->
<section class="shop">
<div class="container">
<div class="shop__inner">
<button class="shop__filter-btn">
<img class="shop__filter-btn-img" src="images/icons/filter-btn.svg">
</button>
<div class="shop__filters filter">
<div class="filter-search filter__item">
<h3 class="filter-search__title filter__title">
Search
</h3>
<form class="filter-search__form" action="#">
<input type="text" class="filter-search__input" placeholder="Search your keyword...">
<button class="filter-search__btn" type="submit">
<img class="filter-search__btn-img" src="images/icons/magnifying-glass-white.svg"
alt="magnifying glass icon">
</button>
</form>
</div>
<div class="filter-price filter__item">
<h3 class="filter-price__title filter__title">
Price Filter
</h3>
<form class="filter-price__form" action="#">
<input class="filter-price__input" type="text" data-type="double" data-min="0" data-max="999"
data-from="200" data-to="800">
<label class="filter-price__label">
<span>
Price:
$<span class="filter-price__from"></span> -
$<span class="filter-price__to"></span>
</span>
<button class="filter-price__button" type="submit">
Filter
</button>
</label>
</form>
</div>
<div class="filter-color filter__item">
<h3 class="filter-color__title filter__title">
Color Filter
</h3>
<form class="filter-color__form action=" #"">
<label class="filter-color__label">
<span class="filter-color__name">Blue (15)</span>
<div class="filter-color__box">
<input class="filter-color__input" type="checkbox">
<span class="filter-color__checkbox filter-color__checkbox--blue"></span>
</div>
</label>
<label class="filter-color__label">
<span class="filter-color__name">Red (09)</span>
<div class="filter-color__box">
<input class="filter-color__input" type="checkbox">
<span class="filter-color__checkbox filter-color__checkbox--red"></span>
</div>
</label>
<label class="filter-color__label">
<span class="filter-color__name">Green (28)</span>
<div class="filter-color__box">
<input class="filter-color__input" type="checkbox">
<span class="filter-color__checkbox filter-color__checkbox--green"></span>
</div>
</label>
<label class="filter-color__label">
<span class="filter-color__name">Orange (11)</span>
<div class="filter-color__box">
<input class="filter-color__input" type="checkbox">
<span class="filter-color__checkbox filter-color__checkbox--orange"></span>
</div>
</label>
<label class="filter-color__label">
<span class="filter-color__name">Black (05)</span>
<div class="filter-color__box">
<input class="filter-color__input" type="checkbox">
<span class="filter-color__checkbox filter-color__checkbox--black"></span>
</div>
</label>
<label class="filter-color__label">
<span class="filter-color__name">Purple (21)</span>
<div class="filter-color__box">
<input class="filter-color__input" type="checkbox">
<span class="filter-color__checkbox filter-color__checkbox--purple"></span>
</div>
</label>
</form>
</div>
<div class="filter-size filter__item">
<h3 class="filter-size__title filter__title">
Size Filter
</h3>
<form class="filter-size__form" action="#">
<label class="filter-size__label">
<input class="filter-size__input" type="checkbox">
<span class="filter-size__checkbox"></span>
<span class="filter-size__name">X-Small</span>
</label>
<label class="filter-size__label">
<input class="filter-size__input" type="checkbox">
<span class="filter-size__checkbox"></span>
<span class="filter-size__name">Small</span>
</label>
<label class="filter-size__label">
<input class="filter-size__input" type="checkbox">
<span class="filter-size__checkbox"></span>
<span class="filter-size__name">Medium</span>
</label>
<label class="filter-size__label">
<input class="filter-size__input" type="checkbox">
<span class="filter-size__checkbox"></span>
<span class="filter-size__name">Large</span>
</label>
<label class="filter-size__label">
<input class="filter-size__input" type="checkbox">
<span class="filter-size__checkbox"></span>
<span class="filter-size__name">XXL</span>
</label>
</form>
</div>
<div class="filter-category filter__item">
<h3 class="filter-category__title filter__title">
CATEGORY
</h3>
<form class="filter-category__form">
<label class="filter-category__label">
<input class="filter-category__input" type="checkbox">
<div class="filter-category__checkbox">
<span>Woman</span>
<span>48</span>
</div>
</label>
<label class="filter-category__label">
<input class="filter-category__input" type="checkbox">
<div class="filter-category__checkbox">
<span>Man</span>
<span>30</span>
</div>
</label>
<label class="filter-category__label">
<input class="filter-category__input" type="checkbox" checked>
<div class="filter-category__checkbox">
<span>Sale Products</span>
<span>92</span>
</div>
</label>
<label class="filter-category__label">
<input class="filter-category__input" type="checkbox">
<div class="filter-category__checkbox">
<span>Fashion</span>
<span>121</span>
</div>
</label>
<label class="filter-category__label">
<input class="filter-category__input" type="checkbox">
<div class="filter-category__checkbox">
<span>Hot Dresses</span>
<span>52</span>
</div>
</label>
<label class="filter-category__label">
<input class="filter-category__input" type="checkbox">
<div class="filter-category__checkbox">
<span>Accessories</span>
<span>88</span>
</div>
</label>
</form>
</div>
<div class="filter-tags filter__item">
<h3 class="filter-tags__title filter__title">
Popular Tags
</h3>
<form class="filter-tags__form">
<label class="filter-tags__label">
<input class="filter-tags__input" type="checkbox">
<span class="filter-tags__checkbox">
Sweatshirt
</span>
</label>
<label class="filter-tags__label">
<input class="filter-tags__input" type="checkbox">
<span class="filter-tags__checkbox">
Accessories
</span>
</label>
<label class="filter-tags__label">
<input class="filter-tags__input" type="checkbox">
<span class="filter-tags__checkbox">
Fashion
</span>
</label>
<label class="filter-tags__label">
<input class="filter-tags__input" type="checkbox">
<span class="filter-tags__checkbox">
Dress
</span>
</label>
<label class="filter-tags__label">
<input class="filter-tags__input" type="checkbox">
<span class="filter-tags__checkbox">
T-Shirt
</span>
</label>
<label class="filter-tags__label">
<input class="filter-tags__input" type="checkbox">
<span class="filter-tags__checkbox">
Jewellery
</span>
</label>
</form>
</div>
</div>
<div class="shop-content">
<div class="shop-content__filter">
<div class="shop-content__filter-buttons">
<span>View</span>
<button class="shop-content__filter-btn shop-content__filter-btn--active button-grid">
<svg width="15" height="15" viewBox="0 0 15 15">
<g>
<g>
<path fill="#8d8d8d"
d="M0 3.75h3.75V0H0zM5.625 15h3.75v-3.75h-3.75zM0 15h3.75v-3.75H0zm0-5.625h3.75v-3.75H0zm5.625 0h3.75v-3.75h-3.75zM11.25 0v3.75H15V0zM5.625 3.75h3.75V0h-3.75zm5.625 5.625H15v-3.75h-3.75zm0 5.625H15v-3.75h-3.75z" />
</g>
</g>
</svg>
</button>
<button class="shop-content__filter-btn button-list">
<svg width="20" height="15" viewBox="0 0 20 15">
<g>
<g>
<path fill="#8d8d8d"
d="M.007 0h4.422v4.172H.007zm5.828 0h14.159v4.172H5.835zM.007 5.413h4.422v4.172H.007zm5.828 0h14.159v4.172H5.835zM.007 10.828h4.422v4.171H.007zm5.828 0h14.159v4.171H5.835z" />
</g>
</g>
</svg>
</button>
</div>
<div class="shop-content__filter-selects">
<form class="shop-content__form" action="#">
<select class="shop-content__filter-sort-by select-styled">
<option value="">Sort By Default</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
</select>
<select class="shop-content__filter-show-num select-styled">
<option value="">Show 9</option>
<option value="">Show 8</option>
<option value="">Show 7</option>
<option value="">Show 6</option>
<option value="">Show 5</option>
<option value="">Show 4</option>
<option value="">Show 3</option>
<option value="">Show 2</option>
<option value="">Show 1</option>
</select>
</form>
</div>
</div>
<div class="shop-content__inner">
<div class="products__item product-card product-card--sale">
<div class="product-card__image-box">
<img class="product-card__image" src="images/products/womens-comfy-hoodie.jpg" alt="Women’s Comfy Hoodie">
<div class="product-card__link-box">
<a class="product-card__link product-card__link--mag-glass" href="#">
<svg width="19" height="20" viewBox="0 0 19 20">
<path
d="M18.70865,18.21905c0.39619,0.42007 0.38452,1.08782 -0.0285,1.49057c-0.19432,0.18969 -0.44849,0.29481 -0.71663,0.29481c-0.2853,0 -0.54989,-0.11478 -0.74718,-0.32421l-4.71817,-4.99005c-1.33862,0.95894 -2.9068,1.46319 -4.55097,1.46319c-4.37885,0 -7.94186,-3.62393 -7.94186,-8.07833c0,-4.45319 3.563,-8.07672 7.94186,-8.07672c4.38091,0 7.94392,3.62353 7.94392,8.07672c0,1.90661 -0.65964,3.73791 -1.86356,5.19425zM7.9472,2.10588c-3.23582,0 -5.86945,2.67868 -5.86945,5.96914c0,3.29247 2.63363,5.97075 5.86945,5.97075c3.23742,0 5.87151,-2.67828 5.87151,-5.97075c0,-3.29046 -2.63409,-5.96914 -5.87151,-5.96914z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link product-card__link--lines" href="#">
<svg width="16" height="20" viewBox="0 0 16 20">
<path
d="M15.99862,17.29393c0.00423,0.01692 0.00423,0.03262 0.00423,0.04954c0,1.46882 -1.34457,2.66297 -2.99984,2.66297h-9.99607c-1.65504,0 -2.99961,-1.19415 -2.99961,-2.66297c0,-0.01692 0.00401,-0.03262 0.00401,-0.04954l1.14441,-12.89843c0.02449,-0.28676 0.26161,-0.50344 0.54749,-0.50344h2.35405c0.03273,-2.15189 1.78997,-3.89055 3.94775,-3.89055c2.1579,0 3.91502,1.73867 3.94787,3.89055h2.35405c0.28187,0 0.52299,0.21668 0.54749,0.50344zM8.00504,1.10626c-1.54896,0 -2.8117,1.24409 -2.84443,2.78581h5.68874c-0.0325,-1.54172 -1.29547,-2.78581 -2.84431,-2.78581zM13.00301,18.90211c1.03409,0 1.87992,-0.68749 1.89629,-1.53407l-1.09921,-12.3672h-1.84719v1.67705c0,0.30689 -0.24536,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-5.69263v1.67705c0,0.30689 -0.24525,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-1.84719l-1.09509,12.3672c0.01637,0.84658 0.85796,1.53407 1.89606,1.53407z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link" href="#">
<svg width="23" height="20" viewBox="0 0 23 20">
<path
d="M21.32698,1.96371c1.08261,1.20865 1.67885,2.8273 1.67885,4.5575c0,1.88406 -0.74753,3.63561 -2.35233,5.51323c-1.4344,1.67866 -3.49789,3.40886 -5.8873,5.41214c-0.89058,0.7467 -1.81137,1.51876 -2.79167,2.36293l-0.02941,0.02457c-0.12714,0.10995 -0.28553,0.16472 -0.44403,0.16472c-0.1585,0 -0.31689,-0.05477 -0.44403,-0.16472l-0.02941,-0.02457c-0.9803,-0.84416 -1.90098,-1.61623 -2.79144,-2.36293c-2.38953,-2.00327 -4.45301,-3.73348 -5.88741,-5.41214c-1.60492,-1.87761 -2.35233,-3.62917 -2.35233,-5.51323c0,-1.73021 0.59612,-3.34885 1.67862,-4.5575c1.13503,-1.26705 2.70939,-1.96501 4.43321,-1.96501c2.42443,0 3.95931,1.42452 4.82014,2.61948c0.22327,0.31052 0.41313,0.62104 0.57266,0.91384c0.15953,-0.2928 0.3495,-0.60332 0.57278,-0.91384c0.86071,-1.19496 2.39571,-2.61948 4.82002,-2.61948c1.72394,0 3.2983,0.69756 4.4331,1.96501zM21.6576,6.52121c0,-1.4072 -0.47653,-2.71493 -1.34205,-3.68112c-0.87524,-0.97707 -2.09049,-1.51474 -3.42167,-1.51474c-1.84822,0 -3.0431,1.11964 -3.7199,2.05966c-0.60711,0.84295 -0.92388,1.69316 -1.03191,2.01898c-0.09041,0.27347 -0.34916,0.45793 -0.64098,0.45793c-0.29182,0 -0.55058,-0.18446 -0.64087,-0.45793c-0.10815,-0.32582 -0.42492,-1.17603 -1.03191,-2.01898c-0.67692,-0.94002 -1.87168,-2.05966 -3.72002,-2.05966c-1.33118,0 -2.54631,0.53767 -3.42167,1.51474c-0.8654,0.96619 -1.34205,2.27392 -1.34205,3.68112c0,3.40484 3.08945,5.99491 7.76596,9.91607c0.76767,0.64359 1.55766,1.30571 2.39056,2.01817c0.83302,-0.71246 1.623,-1.37498 2.39056,-2.01817c4.67651,-3.92116 7.76596,-6.51124 7.76596,-9.91607z"
fill="#29282d"></path>
</svg>
</a>
</div>
</div>
<div class="product-card__wrapper">
<div class="product-card__box">
<div class="star-rating" data-rateyo-rating="4"></div>
<h4 class="product-card__title">
Women’s Comfy Hoodie
</h4>
<div class="product-card__price">
<span class="product-card__price-new">
$35.00
</span>
<span class="product-card__price-old">
$38.50
</span>
</div>
</div>
<div class="product-card__content-box">
<p class="product-card__text">
For chilling evenings or working at home, our comfy hoodie is the best outfit.
</p>
<button class="product-card__button">
Add to cart
</button>
</div>
</div>
</div>
<div class="products__item product-card">
<div class="product-card__image-box">
<img class="product-card__image" src="images/products/womens-sportive-hoodie.jpg"
alt="Women’s Sportive Hoodie">
<div class="product-card__link-box">
<a class="product-card__link product-card__link--mag-glass" href="#">
<svg width="19" height="20" viewBox="0 0 19 20">
<path
d="M18.70865,18.21905c0.39619,0.42007 0.38452,1.08782 -0.0285,1.49057c-0.19432,0.18969 -0.44849,0.29481 -0.71663,0.29481c-0.2853,0 -0.54989,-0.11478 -0.74718,-0.32421l-4.71817,-4.99005c-1.33862,0.95894 -2.9068,1.46319 -4.55097,1.46319c-4.37885,0 -7.94186,-3.62393 -7.94186,-8.07833c0,-4.45319 3.563,-8.07672 7.94186,-8.07672c4.38091,0 7.94392,3.62353 7.94392,8.07672c0,1.90661 -0.65964,3.73791 -1.86356,5.19425zM7.9472,2.10588c-3.23582,0 -5.86945,2.67868 -5.86945,5.96914c0,3.29247 2.63363,5.97075 5.86945,5.97075c3.23742,0 5.87151,-2.67828 5.87151,-5.97075c0,-3.29046 -2.63409,-5.96914 -5.87151,-5.96914z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link product-card__link--lines" href="#">
<svg width="16" height="20" viewBox="0 0 16 20">
<path
d="M15.99862,17.29393c0.00423,0.01692 0.00423,0.03262 0.00423,0.04954c0,1.46882 -1.34457,2.66297 -2.99984,2.66297h-9.99607c-1.65504,0 -2.99961,-1.19415 -2.99961,-2.66297c0,-0.01692 0.00401,-0.03262 0.00401,-0.04954l1.14441,-12.89843c0.02449,-0.28676 0.26161,-0.50344 0.54749,-0.50344h2.35405c0.03273,-2.15189 1.78997,-3.89055 3.94775,-3.89055c2.1579,0 3.91502,1.73867 3.94787,3.89055h2.35405c0.28187,0 0.52299,0.21668 0.54749,0.50344zM8.00504,1.10626c-1.54896,0 -2.8117,1.24409 -2.84443,2.78581h5.68874c-0.0325,-1.54172 -1.29547,-2.78581 -2.84431,-2.78581zM13.00301,18.90211c1.03409,0 1.87992,-0.68749 1.89629,-1.53407l-1.09921,-12.3672h-1.84719v1.67705c0,0.30689 -0.24536,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-5.69263v1.67705c0,0.30689 -0.24525,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-1.84719l-1.09509,12.3672c0.01637,0.84658 0.85796,1.53407 1.89606,1.53407z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link" href="#">
<svg width="23" height="20" viewBox="0 0 23 20">
<path
d="M21.32698,1.96371c1.08261,1.20865 1.67885,2.8273 1.67885,4.5575c0,1.88406 -0.74753,3.63561 -2.35233,5.51323c-1.4344,1.67866 -3.49789,3.40886 -5.8873,5.41214c-0.89058,0.7467 -1.81137,1.51876 -2.79167,2.36293l-0.02941,0.02457c-0.12714,0.10995 -0.28553,0.16472 -0.44403,0.16472c-0.1585,0 -0.31689,-0.05477 -0.44403,-0.16472l-0.02941,-0.02457c-0.9803,-0.84416 -1.90098,-1.61623 -2.79144,-2.36293c-2.38953,-2.00327 -4.45301,-3.73348 -5.88741,-5.41214c-1.60492,-1.87761 -2.35233,-3.62917 -2.35233,-5.51323c0,-1.73021 0.59612,-3.34885 1.67862,-4.5575c1.13503,-1.26705 2.70939,-1.96501 4.43321,-1.96501c2.42443,0 3.95931,1.42452 4.82014,2.61948c0.22327,0.31052 0.41313,0.62104 0.57266,0.91384c0.15953,-0.2928 0.3495,-0.60332 0.57278,-0.91384c0.86071,-1.19496 2.39571,-2.61948 4.82002,-2.61948c1.72394,0 3.2983,0.69756 4.4331,1.96501zM21.6576,6.52121c0,-1.4072 -0.47653,-2.71493 -1.34205,-3.68112c-0.87524,-0.97707 -2.09049,-1.51474 -3.42167,-1.51474c-1.84822,0 -3.0431,1.11964 -3.7199,2.05966c-0.60711,0.84295 -0.92388,1.69316 -1.03191,2.01898c-0.09041,0.27347 -0.34916,0.45793 -0.64098,0.45793c-0.29182,0 -0.55058,-0.18446 -0.64087,-0.45793c-0.10815,-0.32582 -0.42492,-1.17603 -1.03191,-2.01898c-0.67692,-0.94002 -1.87168,-2.05966 -3.72002,-2.05966c-1.33118,0 -2.54631,0.53767 -3.42167,1.51474c-0.8654,0.96619 -1.34205,2.27392 -1.34205,3.68112c0,3.40484 3.08945,5.99491 7.76596,9.91607c0.76767,0.64359 1.55766,1.30571 2.39056,2.01817c0.83302,-0.71246 1.623,-1.37498 2.39056,-2.01817c4.67651,-3.92116 7.76596,-6.51124 7.76596,-9.91607z"
fill="#29282d"></path>
</svg>
</a>
</div>
</div>
<div class="product-card__wrapper">
<div class="product-card__box">
<div class="star-rating" data-rateyo-rating="4.5"></div>
<h4 class="product-card__title">
Women’s Sportive Hoodie
</h4>
<div class="product-card__price">
<span class="product-card__price-new">
$37.00
</span>
<span class="product-card__price-old">
$40.00
</span>
</div>
</div>
<div class="product-card__content-box">
<p class="product-card__text">
If you jog or just go for a walk, with our new sportive hoodie you won’t feel cold anymore!
</p>
<button class="product-card__button">
Add to cart
</button>
</div>
</div>
</div>
<div class="products__item product-card">
<div class="product-card__image-box">
<img class="product-card__image" src="images/products/womens-poofer-gilet.jpg" alt="Women’s Poofer Gilet">
<div class="product-card__link-box">
<a class="product-card__link product-card__link--mag-glass" href="#">
<svg width="19" height="20" viewBox="0 0 19 20">
<path
d="M18.70865,18.21905c0.39619,0.42007 0.38452,1.08782 -0.0285,1.49057c-0.19432,0.18969 -0.44849,0.29481 -0.71663,0.29481c-0.2853,0 -0.54989,-0.11478 -0.74718,-0.32421l-4.71817,-4.99005c-1.33862,0.95894 -2.9068,1.46319 -4.55097,1.46319c-4.37885,0 -7.94186,-3.62393 -7.94186,-8.07833c0,-4.45319 3.563,-8.07672 7.94186,-8.07672c4.38091,0 7.94392,3.62353 7.94392,8.07672c0,1.90661 -0.65964,3.73791 -1.86356,5.19425zM7.9472,2.10588c-3.23582,0 -5.86945,2.67868 -5.86945,5.96914c0,3.29247 2.63363,5.97075 5.86945,5.97075c3.23742,0 5.87151,-2.67828 5.87151,-5.97075c0,-3.29046 -2.63409,-5.96914 -5.87151,-5.96914z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link product-card__link--lines" href="#">
<svg width="16" height="20" viewBox="0 0 16 20">
<path
d="M15.99862,17.29393c0.00423,0.01692 0.00423,0.03262 0.00423,0.04954c0,1.46882 -1.34457,2.66297 -2.99984,2.66297h-9.99607c-1.65504,0 -2.99961,-1.19415 -2.99961,-2.66297c0,-0.01692 0.00401,-0.03262 0.00401,-0.04954l1.14441,-12.89843c0.02449,-0.28676 0.26161,-0.50344 0.54749,-0.50344h2.35405c0.03273,-2.15189 1.78997,-3.89055 3.94775,-3.89055c2.1579,0 3.91502,1.73867 3.94787,3.89055h2.35405c0.28187,0 0.52299,0.21668 0.54749,0.50344zM8.00504,1.10626c-1.54896,0 -2.8117,1.24409 -2.84443,2.78581h5.68874c-0.0325,-1.54172 -1.29547,-2.78581 -2.84431,-2.78581zM13.00301,18.90211c1.03409,0 1.87992,-0.68749 1.89629,-1.53407l-1.09921,-12.3672h-1.84719v1.67705c0,0.30689 -0.24536,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-5.69263v1.67705c0,0.30689 -0.24525,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-1.84719l-1.09509,12.3672c0.01637,0.84658 0.85796,1.53407 1.89606,1.53407z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link" href="#">
<svg width="23" height="20" viewBox="0 0 23 20">
<path
d="M21.32698,1.96371c1.08261,1.20865 1.67885,2.8273 1.67885,4.5575c0,1.88406 -0.74753,3.63561 -2.35233,5.51323c-1.4344,1.67866 -3.49789,3.40886 -5.8873,5.41214c-0.89058,0.7467 -1.81137,1.51876 -2.79167,2.36293l-0.02941,0.02457c-0.12714,0.10995 -0.28553,0.16472 -0.44403,0.16472c-0.1585,0 -0.31689,-0.05477 -0.44403,-0.16472l-0.02941,-0.02457c-0.9803,-0.84416 -1.90098,-1.61623 -2.79144,-2.36293c-2.38953,-2.00327 -4.45301,-3.73348 -5.88741,-5.41214c-1.60492,-1.87761 -2.35233,-3.62917 -2.35233,-5.51323c0,-1.73021 0.59612,-3.34885 1.67862,-4.5575c1.13503,-1.26705 2.70939,-1.96501 4.43321,-1.96501c2.42443,0 3.95931,1.42452 4.82014,2.61948c0.22327,0.31052 0.41313,0.62104 0.57266,0.91384c0.15953,-0.2928 0.3495,-0.60332 0.57278,-0.91384c0.86071,-1.19496 2.39571,-2.61948 4.82002,-2.61948c1.72394,0 3.2983,0.69756 4.4331,1.96501zM21.6576,6.52121c0,-1.4072 -0.47653,-2.71493 -1.34205,-3.68112c-0.87524,-0.97707 -2.09049,-1.51474 -3.42167,-1.51474c-1.84822,0 -3.0431,1.11964 -3.7199,2.05966c-0.60711,0.84295 -0.92388,1.69316 -1.03191,2.01898c-0.09041,0.27347 -0.34916,0.45793 -0.64098,0.45793c-0.29182,0 -0.55058,-0.18446 -0.64087,-0.45793c-0.10815,-0.32582 -0.42492,-1.17603 -1.03191,-2.01898c-0.67692,-0.94002 -1.87168,-2.05966 -3.72002,-2.05966c-1.33118,0 -2.54631,0.53767 -3.42167,1.51474c-0.8654,0.96619 -1.34205,2.27392 -1.34205,3.68112c0,3.40484 3.08945,5.99491 7.76596,9.91607c0.76767,0.64359 1.55766,1.30571 2.39056,2.01817c0.83302,-0.71246 1.623,-1.37498 2.39056,-2.01817c4.67651,-3.92116 7.76596,-6.51124 7.76596,-9.91607z"
fill="#29282d"></path>
</svg>
</a>
</div>
</div>
<div class="product-card__wrapper">
<div class="product-card__box">
<div class="star-rating" data-rateyo-rating="3"></div>
<h4 class="product-card__title">
Women’s Poofer Gilet
</h4>
<div class="product-card__price">
<span class="product-card__price-new">
$60.00
</span>
<span class="product-card__price-old">
$66.00
</span>
</div>
</div>
<div class="product-card__content-box">
<p class="product-card__text">
Warm and comfortable poofer gilet is great to wear on cold rainy days for a walk.
</p>
<button class="product-card__button">
Add to cart
</button>
</div>
</div>
</div>
<div class="products__item product-card product-card--sale">
<div class="product-card__image-box">
<img class="product-card__image" src="images/products/womens-beige-coat.jpg" alt="Women’s Beige Coat">
<div class="product-card__link-box">
<a class="product-card__link product-card__link--mag-glass" href="#">
<svg width="19" height="20" viewBox="0 0 19 20">
<path
d="M18.70865,18.21905c0.39619,0.42007 0.38452,1.08782 -0.0285,1.49057c-0.19432,0.18969 -0.44849,0.29481 -0.71663,0.29481c-0.2853,0 -0.54989,-0.11478 -0.74718,-0.32421l-4.71817,-4.99005c-1.33862,0.95894 -2.9068,1.46319 -4.55097,1.46319c-4.37885,0 -7.94186,-3.62393 -7.94186,-8.07833c0,-4.45319 3.563,-8.07672 7.94186,-8.07672c4.38091,0 7.94392,3.62353 7.94392,8.07672c0,1.90661 -0.65964,3.73791 -1.86356,5.19425zM7.9472,2.10588c-3.23582,0 -5.86945,2.67868 -5.86945,5.96914c0,3.29247 2.63363,5.97075 5.86945,5.97075c3.23742,0 5.87151,-2.67828 5.87151,-5.97075c0,-3.29046 -2.63409,-5.96914 -5.87151,-5.96914z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link product-card__link--lines" href="#">
<svg width="16" height="20" viewBox="0 0 16 20">
<path
d="M15.99862,17.29393c0.00423,0.01692 0.00423,0.03262 0.00423,0.04954c0,1.46882 -1.34457,2.66297 -2.99984,2.66297h-9.99607c-1.65504,0 -2.99961,-1.19415 -2.99961,-2.66297c0,-0.01692 0.00401,-0.03262 0.00401,-0.04954l1.14441,-12.89843c0.02449,-0.28676 0.26161,-0.50344 0.54749,-0.50344h2.35405c0.03273,-2.15189 1.78997,-3.89055 3.94775,-3.89055c2.1579,0 3.91502,1.73867 3.94787,3.89055h2.35405c0.28187,0 0.52299,0.21668 0.54749,0.50344zM8.00504,1.10626c-1.54896,0 -2.8117,1.24409 -2.84443,2.78581h5.68874c-0.0325,-1.54172 -1.29547,-2.78581 -2.84431,-2.78581zM13.00301,18.90211c1.03409,0 1.87992,-0.68749 1.89629,-1.53407l-1.09921,-12.3672h-1.84719v1.67705c0,0.30689 -0.24536,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-5.69263v1.67705c0,0.30689 -0.24525,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-1.84719l-1.09509,12.3672c0.01637,0.84658 0.85796,1.53407 1.89606,1.53407z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link" href="#">
<svg width="23" height="20" viewBox="0 0 23 20">
<path
d="M21.32698,1.96371c1.08261,1.20865 1.67885,2.8273 1.67885,4.5575c0,1.88406 -0.74753,3.63561 -2.35233,5.51323c-1.4344,1.67866 -3.49789,3.40886 -5.8873,5.41214c-0.89058,0.7467 -1.81137,1.51876 -2.79167,2.36293l-0.02941,0.02457c-0.12714,0.10995 -0.28553,0.16472 -0.44403,0.16472c-0.1585,0 -0.31689,-0.05477 -0.44403,-0.16472l-0.02941,-0.02457c-0.9803,-0.84416 -1.90098,-1.61623 -2.79144,-2.36293c-2.38953,-2.00327 -4.45301,-3.73348 -5.88741,-5.41214c-1.60492,-1.87761 -2.35233,-3.62917 -2.35233,-5.51323c0,-1.73021 0.59612,-3.34885 1.67862,-4.5575c1.13503,-1.26705 2.70939,-1.96501 4.43321,-1.96501c2.42443,0 3.95931,1.42452 4.82014,2.61948c0.22327,0.31052 0.41313,0.62104 0.57266,0.91384c0.15953,-0.2928 0.3495,-0.60332 0.57278,-0.91384c0.86071,-1.19496 2.39571,-2.61948 4.82002,-2.61948c1.72394,0 3.2983,0.69756 4.4331,1.96501zM21.6576,6.52121c0,-1.4072 -0.47653,-2.71493 -1.34205,-3.68112c-0.87524,-0.97707 -2.09049,-1.51474 -3.42167,-1.51474c-1.84822,0 -3.0431,1.11964 -3.7199,2.05966c-0.60711,0.84295 -0.92388,1.69316 -1.03191,2.01898c-0.09041,0.27347 -0.34916,0.45793 -0.64098,0.45793c-0.29182,0 -0.55058,-0.18446 -0.64087,-0.45793c-0.10815,-0.32582 -0.42492,-1.17603 -1.03191,-2.01898c-0.67692,-0.94002 -1.87168,-2.05966 -3.72002,-2.05966c-1.33118,0 -2.54631,0.53767 -3.42167,1.51474c-0.8654,0.96619 -1.34205,2.27392 -1.34205,3.68112c0,3.40484 3.08945,5.99491 7.76596,9.91607c0.76767,0.64359 1.55766,1.30571 2.39056,2.01817c0.83302,-0.71246 1.623,-1.37498 2.39056,-2.01817c4.67651,-3.92116 7.76596,-6.51124 7.76596,-9.91607z"
fill="#29282d"></path>
</svg>
</a>
</div>
</div>
<div class="product-card__wrapper">
<div class="product-card__box">
<div class="star-rating" data-rateyo-rating="5"></div>
<h4 class="product-card__title">
Women’s Beige Coat
</h4>
<div class="product-card__price">
<span class="product-card__price-new">
$70.00
</span>
<span class="product-card__price-old">
$77.00
</span>
</div>
</div>
<div class="product-card__content-box">
<p class="product-card__text">
Stylish and modern coat will impress all of your friends-fashionmongers!
</p>
<button class="product-card__button">
Add to cart
</button>
</div>
</div>
</div>
<div class="products__item product-card product-card--sale">
<div class="product-card__image-box">
<img class="product-card__image" src="images/products/womens-tight-longsleeve-shirt.jpg"
alt="Women’s Tight Longsleeve Shirt">
<div class="product-card__link-box">
<a class="product-card__link product-card__link--mag-glass" href="#">
<svg width="19" height="20" viewBox="0 0 19 20">
<path
d="M18.70865,18.21905c0.39619,0.42007 0.38452,1.08782 -0.0285,1.49057c-0.19432,0.18969 -0.44849,0.29481 -0.71663,0.29481c-0.2853,0 -0.54989,-0.11478 -0.74718,-0.32421l-4.71817,-4.99005c-1.33862,0.95894 -2.9068,1.46319 -4.55097,1.46319c-4.37885,0 -7.94186,-3.62393 -7.94186,-8.07833c0,-4.45319 3.563,-8.07672 7.94186,-8.07672c4.38091,0 7.94392,3.62353 7.94392,8.07672c0,1.90661 -0.65964,3.73791 -1.86356,5.19425zM7.9472,2.10588c-3.23582,0 -5.86945,2.67868 -5.86945,5.96914c0,3.29247 2.63363,5.97075 5.86945,5.97075c3.23742,0 5.87151,-2.67828 5.87151,-5.97075c0,-3.29046 -2.63409,-5.96914 -5.87151,-5.96914z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link product-card__link--lines" href="#">
<svg width="16" height="20" viewBox="0 0 16 20">
<path
d="M15.99862,17.29393c0.00423,0.01692 0.00423,0.03262 0.00423,0.04954c0,1.46882 -1.34457,2.66297 -2.99984,2.66297h-9.99607c-1.65504,0 -2.99961,-1.19415 -2.99961,-2.66297c0,-0.01692 0.00401,-0.03262 0.00401,-0.04954l1.14441,-12.89843c0.02449,-0.28676 0.26161,-0.50344 0.54749,-0.50344h2.35405c0.03273,-2.15189 1.78997,-3.89055 3.94775,-3.89055c2.1579,0 3.91502,1.73867 3.94787,3.89055h2.35405c0.28187,0 0.52299,0.21668 0.54749,0.50344zM8.00504,1.10626c-1.54896,0 -2.8117,1.24409 -2.84443,2.78581h5.68874c-0.0325,-1.54172 -1.29547,-2.78581 -2.84431,-2.78581zM13.00301,18.90211c1.03409,0 1.87992,-0.68749 1.89629,-1.53407l-1.09921,-12.3672h-1.84719v1.67705c0,0.30689 -0.24536,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-5.69263v1.67705c0,0.30689 -0.24525,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-1.84719l-1.09509,12.3672c0.01637,0.84658 0.85796,1.53407 1.89606,1.53407z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link" href="#">
<svg width="23" height="20" viewBox="0 0 23 20">
<path
d="M21.32698,1.96371c1.08261,1.20865 1.67885,2.8273 1.67885,4.5575c0,1.88406 -0.74753,3.63561 -2.35233,5.51323c-1.4344,1.67866 -3.49789,3.40886 -5.8873,5.41214c-0.89058,0.7467 -1.81137,1.51876 -2.79167,2.36293l-0.02941,0.02457c-0.12714,0.10995 -0.28553,0.16472 -0.44403,0.16472c-0.1585,0 -0.31689,-0.05477 -0.44403,-0.16472l-0.02941,-0.02457c-0.9803,-0.84416 -1.90098,-1.61623 -2.79144,-2.36293c-2.38953,-2.00327 -4.45301,-3.73348 -5.88741,-5.41214c-1.60492,-1.87761 -2.35233,-3.62917 -2.35233,-5.51323c0,-1.73021 0.59612,-3.34885 1.67862,-4.5575c1.13503,-1.26705 2.70939,-1.96501 4.43321,-1.96501c2.42443,0 3.95931,1.42452 4.82014,2.61948c0.22327,0.31052 0.41313,0.62104 0.57266,0.91384c0.15953,-0.2928 0.3495,-0.60332 0.57278,-0.91384c0.86071,-1.19496 2.39571,-2.61948 4.82002,-2.61948c1.72394,0 3.2983,0.69756 4.4331,1.96501zM21.6576,6.52121c0,-1.4072 -0.47653,-2.71493 -1.34205,-3.68112c-0.87524,-0.97707 -2.09049,-1.51474 -3.42167,-1.51474c-1.84822,0 -3.0431,1.11964 -3.7199,2.05966c-0.60711,0.84295 -0.92388,1.69316 -1.03191,2.01898c-0.09041,0.27347 -0.34916,0.45793 -0.64098,0.45793c-0.29182,0 -0.55058,-0.18446 -0.64087,-0.45793c-0.10815,-0.32582 -0.42492,-1.17603 -1.03191,-2.01898c-0.67692,-0.94002 -1.87168,-2.05966 -3.72002,-2.05966c-1.33118,0 -2.54631,0.53767 -3.42167,1.51474c-0.8654,0.96619 -1.34205,2.27392 -1.34205,3.68112c0,3.40484 3.08945,5.99491 7.76596,9.91607c0.76767,0.64359 1.55766,1.30571 2.39056,2.01817c0.83302,-0.71246 1.623,-1.37498 2.39056,-2.01817c4.67651,-3.92116 7.76596,-6.51124 7.76596,-9.91607z"
fill="#29282d"></path>
</svg>
</a>
</div>
</div>
<div class="product-card__wrapper">
<div class="product-card__box">
<div class="star-rating" data-rateyo-rating="4.5"></div>
<h4 class="product-card__title">
Women’s Tight Longsleeve Shirt
</h4>
<div class="product-card__price">
<span class="product-card__price-new">
$25.00
</span>
<span class="product-card__price-old">
$28.00
</span>
</div>
</div>
<div class="product-card__content-box">
<p class="product-card__text">
Alluring long-sleeved tight-fitting shirt is great choice for any party or a date.
</p>
<button class="product-card__button">
Add to cart
</button>
</div>
</div>
</div>
<div class="products__item product-card">
<div class="product-card__image-box">
<img class="product-card__image" src="images/products/flannel-dress.jpg" alt="Women’s Flannel Dress">
<div class="product-card__link-box">
<a class="product-card__link product-card__link--mag-glass" href="#">
<svg width="19" height="20" viewBox="0 0 19 20">
<path
d="M18.70865,18.21905c0.39619,0.42007 0.38452,1.08782 -0.0285,1.49057c-0.19432,0.18969 -0.44849,0.29481 -0.71663,0.29481c-0.2853,0 -0.54989,-0.11478 -0.74718,-0.32421l-4.71817,-4.99005c-1.33862,0.95894 -2.9068,1.46319 -4.55097,1.46319c-4.37885,0 -7.94186,-3.62393 -7.94186,-8.07833c0,-4.45319 3.563,-8.07672 7.94186,-8.07672c4.38091,0 7.94392,3.62353 7.94392,8.07672c0,1.90661 -0.65964,3.73791 -1.86356,5.19425zM7.9472,2.10588c-3.23582,0 -5.86945,2.67868 -5.86945,5.96914c0,3.29247 2.63363,5.97075 5.86945,5.97075c3.23742,0 5.87151,-2.67828 5.87151,-5.97075c0,-3.29046 -2.63409,-5.96914 -5.87151,-5.96914z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link product-card__link--lines" href="#">
<svg width="16" height="20" viewBox="0 0 16 20">
<path
d="M15.99862,17.29393c0.00423,0.01692 0.00423,0.03262 0.00423,0.04954c0,1.46882 -1.34457,2.66297 -2.99984,2.66297h-9.99607c-1.65504,0 -2.99961,-1.19415 -2.99961,-2.66297c0,-0.01692 0.00401,-0.03262 0.00401,-0.04954l1.14441,-12.89843c0.02449,-0.28676 0.26161,-0.50344 0.54749,-0.50344h2.35405c0.03273,-2.15189 1.78997,-3.89055 3.94775,-3.89055c2.1579,0 3.91502,1.73867 3.94787,3.89055h2.35405c0.28187,0 0.52299,0.21668 0.54749,0.50344zM8.00504,1.10626c-1.54896,0 -2.8117,1.24409 -2.84443,2.78581h5.68874c-0.0325,-1.54172 -1.29547,-2.78581 -2.84431,-2.78581zM13.00301,18.90211c1.03409,0 1.87992,-0.68749 1.89629,-1.53407l-1.09921,-12.3672h-1.84719v1.67705c0,0.30689 -0.24536,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-5.69263v1.67705c0,0.30689 -0.24525,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-1.84719l-1.09509,12.3672c0.01637,0.84658 0.85796,1.53407 1.89606,1.53407z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link" href="#">
<svg width="23" height="20" viewBox="0 0 23 20">
<path
d="M21.32698,1.96371c1.08261,1.20865 1.67885,2.8273 1.67885,4.5575c0,1.88406 -0.74753,3.63561 -2.35233,5.51323c-1.4344,1.67866 -3.49789,3.40886 -5.8873,5.41214c-0.89058,0.7467 -1.81137,1.51876 -2.79167,2.36293l-0.02941,0.02457c-0.12714,0.10995 -0.28553,0.16472 -0.44403,0.16472c-0.1585,0 -0.31689,-0.05477 -0.44403,-0.16472l-0.02941,-0.02457c-0.9803,-0.84416 -1.90098,-1.61623 -2.79144,-2.36293c-2.38953,-2.00327 -4.45301,-3.73348 -5.88741,-5.41214c-1.60492,-1.87761 -2.35233,-3.62917 -2.35233,-5.51323c0,-1.73021 0.59612,-3.34885 1.67862,-4.5575c1.13503,-1.26705 2.70939,-1.96501 4.43321,-1.96501c2.42443,0 3.95931,1.42452 4.82014,2.61948c0.22327,0.31052 0.41313,0.62104 0.57266,0.91384c0.15953,-0.2928 0.3495,-0.60332 0.57278,-0.91384c0.86071,-1.19496 2.39571,-2.61948 4.82002,-2.61948c1.72394,0 3.2983,0.69756 4.4331,1.96501zM21.6576,6.52121c0,-1.4072 -0.47653,-2.71493 -1.34205,-3.68112c-0.87524,-0.97707 -2.09049,-1.51474 -3.42167,-1.51474c-1.84822,0 -3.0431,1.11964 -3.7199,2.05966c-0.60711,0.84295 -0.92388,1.69316 -1.03191,2.01898c-0.09041,0.27347 -0.34916,0.45793 -0.64098,0.45793c-0.29182,0 -0.55058,-0.18446 -0.64087,-0.45793c-0.10815,-0.32582 -0.42492,-1.17603 -1.03191,-2.01898c-0.67692,-0.94002 -1.87168,-2.05966 -3.72002,-2.05966c-1.33118,0 -2.54631,0.53767 -3.42167,1.51474c-0.8654,0.96619 -1.34205,2.27392 -1.34205,3.68112c0,3.40484 3.08945,5.99491 7.76596,9.91607c0.76767,0.64359 1.55766,1.30571 2.39056,2.01817c0.83302,-0.71246 1.623,-1.37498 2.39056,-2.01817c4.67651,-3.92116 7.76596,-6.51124 7.76596,-9.91607z"
fill="#29282d"></path>
</svg>
</a>
</div>
</div>
<div class="product-card__wrapper">
<div class="product-card__box">
<div class="star-rating" data-rateyo-rating="5"></div>
<h4 class="product-card__title">
Women’s Flannel Dress
</h4>
<div class="product-card__price">
<span class="product-card__price-new">
$45.00
</span>
<span class="product-card__price-old">
$49.50
</span>
</div>
</div>
<div class="product-card__content-box">
<p class="product-card__text">
Stylish and very comfy to skin flannel dress.
</p>
<button class="product-card__button">
Add to cart
</button>
</div>
</div>
</div>
<div class="products__item product-card">
<div class="product-card__image-box">
<img class="product-card__image" src="images/products/high-collar-sweater.jpg"
alt="Women’s High Collar Sweater">
<div class="product-card__link-box">
<a class="product-card__link product-card__link--mag-glass" href="#">
<svg width="19" height="20" viewBox="0 0 19 20">
<path
d="M18.70865,18.21905c0.39619,0.42007 0.38452,1.08782 -0.0285,1.49057c-0.19432,0.18969 -0.44849,0.29481 -0.71663,0.29481c-0.2853,0 -0.54989,-0.11478 -0.74718,-0.32421l-4.71817,-4.99005c-1.33862,0.95894 -2.9068,1.46319 -4.55097,1.46319c-4.37885,0 -7.94186,-3.62393 -7.94186,-8.07833c0,-4.45319 3.563,-8.07672 7.94186,-8.07672c4.38091,0 7.94392,3.62353 7.94392,8.07672c0,1.90661 -0.65964,3.73791 -1.86356,5.19425zM7.9472,2.10588c-3.23582,0 -5.86945,2.67868 -5.86945,5.96914c0,3.29247 2.63363,5.97075 5.86945,5.97075c3.23742,0 5.87151,-2.67828 5.87151,-5.97075c0,-3.29046 -2.63409,-5.96914 -5.87151,-5.96914z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link product-card__link--lines" href="#">
<svg width="16" height="20" viewBox="0 0 16 20">
<path
d="M15.99862,17.29393c0.00423,0.01692 0.00423,0.03262 0.00423,0.04954c0,1.46882 -1.34457,2.66297 -2.99984,2.66297h-9.99607c-1.65504,0 -2.99961,-1.19415 -2.99961,-2.66297c0,-0.01692 0.00401,-0.03262 0.00401,-0.04954l1.14441,-12.89843c0.02449,-0.28676 0.26161,-0.50344 0.54749,-0.50344h2.35405c0.03273,-2.15189 1.78997,-3.89055 3.94775,-3.89055c2.1579,0 3.91502,1.73867 3.94787,3.89055h2.35405c0.28187,0 0.52299,0.21668 0.54749,0.50344zM8.00504,1.10626c-1.54896,0 -2.8117,1.24409 -2.84443,2.78581h5.68874c-0.0325,-1.54172 -1.29547,-2.78581 -2.84431,-2.78581zM13.00301,18.90211c1.03409,0 1.87992,-0.68749 1.89629,-1.53407l-1.09921,-12.3672h-1.84719v1.67705c0,0.30689 -0.24536,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-5.69263v1.67705c0,0.30689 -0.24525,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-1.84719l-1.09509,12.3672c0.01637,0.84658 0.85796,1.53407 1.89606,1.53407z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link" href="#">
<svg width="23" height="20" viewBox="0 0 23 20">
<path
d="M21.32698,1.96371c1.08261,1.20865 1.67885,2.8273 1.67885,4.5575c0,1.88406 -0.74753,3.63561 -2.35233,5.51323c-1.4344,1.67866 -3.49789,3.40886 -5.8873,5.41214c-0.89058,0.7467 -1.81137,1.51876 -2.79167,2.36293l-0.02941,0.02457c-0.12714,0.10995 -0.28553,0.16472 -0.44403,0.16472c-0.1585,0 -0.31689,-0.05477 -0.44403,-0.16472l-0.02941,-0.02457c-0.9803,-0.84416 -1.90098,-1.61623 -2.79144,-2.36293c-2.38953,-2.00327 -4.45301,-3.73348 -5.88741,-5.41214c-1.60492,-1.87761 -2.35233,-3.62917 -2.35233,-5.51323c0,-1.73021 0.59612,-3.34885 1.67862,-4.5575c1.13503,-1.26705 2.70939,-1.96501 4.43321,-1.96501c2.42443,0 3.95931,1.42452 4.82014,2.61948c0.22327,0.31052 0.41313,0.62104 0.57266,0.91384c0.15953,-0.2928 0.3495,-0.60332 0.57278,-0.91384c0.86071,-1.19496 2.39571,-2.61948 4.82002,-2.61948c1.72394,0 3.2983,0.69756 4.4331,1.96501zM21.6576,6.52121c0,-1.4072 -0.47653,-2.71493 -1.34205,-3.68112c-0.87524,-0.97707 -2.09049,-1.51474 -3.42167,-1.51474c-1.84822,0 -3.0431,1.11964 -3.7199,2.05966c-0.60711,0.84295 -0.92388,1.69316 -1.03191,2.01898c-0.09041,0.27347 -0.34916,0.45793 -0.64098,0.45793c-0.29182,0 -0.55058,-0.18446 -0.64087,-0.45793c-0.10815,-0.32582 -0.42492,-1.17603 -1.03191,-2.01898c-0.67692,-0.94002 -1.87168,-2.05966 -3.72002,-2.05966c-1.33118,0 -2.54631,0.53767 -3.42167,1.51474c-0.8654,0.96619 -1.34205,2.27392 -1.34205,3.68112c0,3.40484 3.08945,5.99491 7.76596,9.91607c0.76767,0.64359 1.55766,1.30571 2.39056,2.01817c0.83302,-0.71246 1.623,-1.37498 2.39056,-2.01817c4.67651,-3.92116 7.76596,-6.51124 7.76596,-9.91607z"
fill="#29282d"></path>
</svg>
</a>
</div>
</div>
<div class="product-card__wrapper">
<div class="product-card__box">
<div class="star-rating" data-rateyo-rating="3.5"></div>
<h4 class="product-card__title">
Women’s High Collar Sweater
</h4>
<div class="product-card__price">
<span class="product-card__price-new">
$30.00
</span>
<span class="product-card__price-old">
$33.00
</span>
</div>
</div>
<div class="product-card__content-box">
<p class="product-card__text">
Modern netlike sweater with a high collar is just a perfect choice for a summer evenings.
</p>
<button class="product-card__button">
Add to cart
</button>
</div>
</div>
</div>
<div class="products__item product-card product-card--sale">
<div class="product-card__image-box">
<img class="product-card__image" src="images/products/summer-light-dress.jpg"
alt="Women’s Silk Summer Dress">
<div class="product-card__link-box">
<a class="product-card__link product-card__link--mag-glass" href="#">
<svg width="19" height="20" viewBox="0 0 19 20">
<path
d="M18.70865,18.21905c0.39619,0.42007 0.38452,1.08782 -0.0285,1.49057c-0.19432,0.18969 -0.44849,0.29481 -0.71663,0.29481c-0.2853,0 -0.54989,-0.11478 -0.74718,-0.32421l-4.71817,-4.99005c-1.33862,0.95894 -2.9068,1.46319 -4.55097,1.46319c-4.37885,0 -7.94186,-3.62393 -7.94186,-8.07833c0,-4.45319 3.563,-8.07672 7.94186,-8.07672c4.38091,0 7.94392,3.62353 7.94392,8.07672c0,1.90661 -0.65964,3.73791 -1.86356,5.19425zM7.9472,2.10588c-3.23582,0 -5.86945,2.67868 -5.86945,5.96914c0,3.29247 2.63363,5.97075 5.86945,5.97075c3.23742,0 5.87151,-2.67828 5.87151,-5.97075c0,-3.29046 -2.63409,-5.96914 -5.87151,-5.96914z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link product-card__link--lines" href="#">
<svg width="16" height="20" viewBox="0 0 16 20">
<path
d="M15.99862,17.29393c0.00423,0.01692 0.00423,0.03262 0.00423,0.04954c0,1.46882 -1.34457,2.66297 -2.99984,2.66297h-9.99607c-1.65504,0 -2.99961,-1.19415 -2.99961,-2.66297c0,-0.01692 0.00401,-0.03262 0.00401,-0.04954l1.14441,-12.89843c0.02449,-0.28676 0.26161,-0.50344 0.54749,-0.50344h2.35405c0.03273,-2.15189 1.78997,-3.89055 3.94775,-3.89055c2.1579,0 3.91502,1.73867 3.94787,3.89055h2.35405c0.28187,0 0.52299,0.21668 0.54749,0.50344zM8.00504,1.10626c-1.54896,0 -2.8117,1.24409 -2.84443,2.78581h5.68874c-0.0325,-1.54172 -1.29547,-2.78581 -2.84431,-2.78581zM13.00301,18.90211c1.03409,0 1.87992,-0.68749 1.89629,-1.53407l-1.09921,-12.3672h-1.84719v1.67705c0,0.30689 -0.24536,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-5.69263v1.67705c0,0.30689 -0.24525,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-1.84719l-1.09509,12.3672c0.01637,0.84658 0.85796,1.53407 1.89606,1.53407z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link" href="#">
<svg width="23" height="20" viewBox="0 0 23 20">
<path
d="M21.32698,1.96371c1.08261,1.20865 1.67885,2.8273 1.67885,4.5575c0,1.88406 -0.74753,3.63561 -2.35233,5.51323c-1.4344,1.67866 -3.49789,3.40886 -5.8873,5.41214c-0.89058,0.7467 -1.81137,1.51876 -2.79167,2.36293l-0.02941,0.02457c-0.12714,0.10995 -0.28553,0.16472 -0.44403,0.16472c-0.1585,0 -0.31689,-0.05477 -0.44403,-0.16472l-0.02941,-0.02457c-0.9803,-0.84416 -1.90098,-1.61623 -2.79144,-2.36293c-2.38953,-2.00327 -4.45301,-3.73348 -5.88741,-5.41214c-1.60492,-1.87761 -2.35233,-3.62917 -2.35233,-5.51323c0,-1.73021 0.59612,-3.34885 1.67862,-4.5575c1.13503,-1.26705 2.70939,-1.96501 4.43321,-1.96501c2.42443,0 3.95931,1.42452 4.82014,2.61948c0.22327,0.31052 0.41313,0.62104 0.57266,0.91384c0.15953,-0.2928 0.3495,-0.60332 0.57278,-0.91384c0.86071,-1.19496 2.39571,-2.61948 4.82002,-2.61948c1.72394,0 3.2983,0.69756 4.4331,1.96501zM21.6576,6.52121c0,-1.4072 -0.47653,-2.71493 -1.34205,-3.68112c-0.87524,-0.97707 -2.09049,-1.51474 -3.42167,-1.51474c-1.84822,0 -3.0431,1.11964 -3.7199,2.05966c-0.60711,0.84295 -0.92388,1.69316 -1.03191,2.01898c-0.09041,0.27347 -0.34916,0.45793 -0.64098,0.45793c-0.29182,0 -0.55058,-0.18446 -0.64087,-0.45793c-0.10815,-0.32582 -0.42492,-1.17603 -1.03191,-2.01898c-0.67692,-0.94002 -1.87168,-2.05966 -3.72002,-2.05966c-1.33118,0 -2.54631,0.53767 -3.42167,1.51474c-0.8654,0.96619 -1.34205,2.27392 -1.34205,3.68112c0,3.40484 3.08945,5.99491 7.76596,9.91607c0.76767,0.64359 1.55766,1.30571 2.39056,2.01817c0.83302,-0.71246 1.623,-1.37498 2.39056,-2.01817c4.67651,-3.92116 7.76596,-6.51124 7.76596,-9.91607z"
fill="#29282d"></path>
</svg>
</a>
</div>
</div>
<div class="product-card__wrapper">
<div class="product-card__box">
<div class="star-rating" data-rateyo-rating="2.5"></div>
<h4 class="product-card__title">
Women’s Silk Summer Dress
</h4>
<div class="product-card__price">
<span class="product-card__price-new">
$30.00
</span>
<span class="product-card__price-old">
$33.00
</span>
</div>
</div>
<div class="product-card__content-box">
<p class="product-card__text">
Made of silk, super light-weight summer dress. You gonna love it.
</p>
<button class="product-card__button">
Add to cart
</button>
</div>
</div>
</div>
<div class="products__item product-card">
<div class="product-card__image-box">
<img class="product-card__image" src="images/products/sweater.jpg" alt="Women’s Basic Sweater">
<div class="product-card__link-box">
<a class="product-card__link product-card__link--mag-glass" href="#">
<svg width="19" height="20" viewBox="0 0 19 20">
<path
d="M18.70865,18.21905c0.39619,0.42007 0.38452,1.08782 -0.0285,1.49057c-0.19432,0.18969 -0.44849,0.29481 -0.71663,0.29481c-0.2853,0 -0.54989,-0.11478 -0.74718,-0.32421l-4.71817,-4.99005c-1.33862,0.95894 -2.9068,1.46319 -4.55097,1.46319c-4.37885,0 -7.94186,-3.62393 -7.94186,-8.07833c0,-4.45319 3.563,-8.07672 7.94186,-8.07672c4.38091,0 7.94392,3.62353 7.94392,8.07672c0,1.90661 -0.65964,3.73791 -1.86356,5.19425zM7.9472,2.10588c-3.23582,0 -5.86945,2.67868 -5.86945,5.96914c0,3.29247 2.63363,5.97075 5.86945,5.97075c3.23742,0 5.87151,-2.67828 5.87151,-5.97075c0,-3.29046 -2.63409,-5.96914 -5.87151,-5.96914z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link product-card__link--lines" href="#">
<svg width="16" height="20" viewBox="0 0 16 20">
<path
d="M15.99862,17.29393c0.00423,0.01692 0.00423,0.03262 0.00423,0.04954c0,1.46882 -1.34457,2.66297 -2.99984,2.66297h-9.99607c-1.65504,0 -2.99961,-1.19415 -2.99961,-2.66297c0,-0.01692 0.00401,-0.03262 0.00401,-0.04954l1.14441,-12.89843c0.02449,-0.28676 0.26161,-0.50344 0.54749,-0.50344h2.35405c0.03273,-2.15189 1.78997,-3.89055 3.94775,-3.89055c2.1579,0 3.91502,1.73867 3.94787,3.89055h2.35405c0.28187,0 0.52299,0.21668 0.54749,0.50344zM8.00504,1.10626c-1.54896,0 -2.8117,1.24409 -2.84443,2.78581h5.68874c-0.0325,-1.54172 -1.29547,-2.78581 -2.84431,-2.78581zM13.00301,18.90211c1.03409,0 1.87992,-0.68749 1.89629,-1.53407l-1.09921,-12.3672h-1.84719v1.67705c0,0.30689 -0.24536,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-5.69263v1.67705c0,0.30689 -0.24525,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-1.84719l-1.09509,12.3672c0.01637,0.84658 0.85796,1.53407 1.89606,1.53407z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link" href="#">
<svg width="23" height="20" viewBox="0 0 23 20">
<path
d="M21.32698,1.96371c1.08261,1.20865 1.67885,2.8273 1.67885,4.5575c0,1.88406 -0.74753,3.63561 -2.35233,5.51323c-1.4344,1.67866 -3.49789,3.40886 -5.8873,5.41214c-0.89058,0.7467 -1.81137,1.51876 -2.79167,2.36293l-0.02941,0.02457c-0.12714,0.10995 -0.28553,0.16472 -0.44403,0.16472c-0.1585,0 -0.31689,-0.05477 -0.44403,-0.16472l-0.02941,-0.02457c-0.9803,-0.84416 -1.90098,-1.61623 -2.79144,-2.36293c-2.38953,-2.00327 -4.45301,-3.73348 -5.88741,-5.41214c-1.60492,-1.87761 -2.35233,-3.62917 -2.35233,-5.51323c0,-1.73021 0.59612,-3.34885 1.67862,-4.5575c1.13503,-1.26705 2.70939,-1.96501 4.43321,-1.96501c2.42443,0 3.95931,1.42452 4.82014,2.61948c0.22327,0.31052 0.41313,0.62104 0.57266,0.91384c0.15953,-0.2928 0.3495,-0.60332 0.57278,-0.91384c0.86071,-1.19496 2.39571,-2.61948 4.82002,-2.61948c1.72394,0 3.2983,0.69756 4.4331,1.96501zM21.6576,6.52121c0,-1.4072 -0.47653,-2.71493 -1.34205,-3.68112c-0.87524,-0.97707 -2.09049,-1.51474 -3.42167,-1.51474c-1.84822,0 -3.0431,1.11964 -3.7199,2.05966c-0.60711,0.84295 -0.92388,1.69316 -1.03191,2.01898c-0.09041,0.27347 -0.34916,0.45793 -0.64098,0.45793c-0.29182,0 -0.55058,-0.18446 -0.64087,-0.45793c-0.10815,-0.32582 -0.42492,-1.17603 -1.03191,-2.01898c-0.67692,-0.94002 -1.87168,-2.05966 -3.72002,-2.05966c-1.33118,0 -2.54631,0.53767 -3.42167,1.51474c-0.8654,0.96619 -1.34205,2.27392 -1.34205,3.68112c0,3.40484 3.08945,5.99491 7.76596,9.91607c0.76767,0.64359 1.55766,1.30571 2.39056,2.01817c0.83302,-0.71246 1.623,-1.37498 2.39056,-2.01817c4.67651,-3.92116 7.76596,-6.51124 7.76596,-9.91607z"
fill="#29282d"></path>
</svg>
</a>
</div>
</div>
<div class="product-card__wrapper">
<div class="product-card__box">
<div class="star-rating" data-rateyo-rating="4"></div>
<h4 class="product-card__title">
Women’s Basic Sweater
</h4>
<div class="product-card__price">
<span class="product-card__price-new">
$20.00
</span>
<span class="product-card__price-old">
$22.00
</span>
</div>
</div>
<div class="product-card__content-box">
<p class="product-card__text">
Classic, that never gets old! Cozy yet warm sweater for everyday.
</p>
<button class="product-card__button">
Add to cart
</button>
</div>
</div>
</div>
<div class="products__item product-card product-card--sale">
<div class="product-card__image-box">
<img class="product-card__image" src="images/products/lacy-blouse.jpg" alt="Women’s Lacy Blouse">
<div class="product-card__link-box">
<a class="product-card__link product-card__link--mag-glass" href="#">
<svg width="19" height="20" viewBox="0 0 19 20">
<path
d="M18.70865,18.21905c0.39619,0.42007 0.38452,1.08782 -0.0285,1.49057c-0.19432,0.18969 -0.44849,0.29481 -0.71663,0.29481c-0.2853,0 -0.54989,-0.11478 -0.74718,-0.32421l-4.71817,-4.99005c-1.33862,0.95894 -2.9068,1.46319 -4.55097,1.46319c-4.37885,0 -7.94186,-3.62393 -7.94186,-8.07833c0,-4.45319 3.563,-8.07672 7.94186,-8.07672c4.38091,0 7.94392,3.62353 7.94392,8.07672c0,1.90661 -0.65964,3.73791 -1.86356,5.19425zM7.9472,2.10588c-3.23582,0 -5.86945,2.67868 -5.86945,5.96914c0,3.29247 2.63363,5.97075 5.86945,5.97075c3.23742,0 5.87151,-2.67828 5.87151,-5.97075c0,-3.29046 -2.63409,-5.96914 -5.87151,-5.96914z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link product-card__link--lines" href="#">
<svg width="16" height="20" viewBox="0 0 16 20">
<path
d="M15.99862,17.29393c0.00423,0.01692 0.00423,0.03262 0.00423,0.04954c0,1.46882 -1.34457,2.66297 -2.99984,2.66297h-9.99607c-1.65504,0 -2.99961,-1.19415 -2.99961,-2.66297c0,-0.01692 0.00401,-0.03262 0.00401,-0.04954l1.14441,-12.89843c0.02449,-0.28676 0.26161,-0.50344 0.54749,-0.50344h2.35405c0.03273,-2.15189 1.78997,-3.89055 3.94775,-3.89055c2.1579,0 3.91502,1.73867 3.94787,3.89055h2.35405c0.28187,0 0.52299,0.21668 0.54749,0.50344zM8.00504,1.10626c-1.54896,0 -2.8117,1.24409 -2.84443,2.78581h5.68874c-0.0325,-1.54172 -1.29547,-2.78581 -2.84431,-2.78581zM13.00301,18.90211c1.03409,0 1.87992,-0.68749 1.89629,-1.53407l-1.09921,-12.3672h-1.84719v1.67705c0,0.30689 -0.24536,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-5.69263v1.67705c0,0.30689 -0.24525,0.55257 -0.55183,0.55257c-0.30647,0 -0.55172,-0.24568 -0.55172,-0.55257v-1.67705h-1.84719l-1.09509,12.3672c0.01637,0.84658 0.85796,1.53407 1.89606,1.53407z"
fill="#29282d"></path>
</svg>
</a>
<a class="product-card__link" href="#">
<svg width="23" height="20" viewBox="0 0 23 20">
<path
d="M21.32698,1.96371c1.08261,1.20865 1.67885,2.8273 1.67885,4.5575c0,1.88406 -0.74753,3.63561 -2.35233,5.51323c-1.4344,1.67866 -3.49789,3.40886 -5.8873,5.41214c-0.89058,0.7467 -1.81137,1.51876 -2.79167,2.36293l-0.02941,0.02457c-0.12714,0.10995 -0.28553,0.16472 -0.44403,0.16472c-0.1585,0 -0.31689,-0.05477 -0.44403,-0.16472l-0.02941,-0.02457c-0.9803,-0.84416 -1.90098,-1.61623 -2.79144,-2.36293c-2.38953,-2.00327 -4.45301,-3.73348 -5.88741,-5.41214c-1.60492,-1.87761 -2.35233,-3.62917 -2.35233,-5.51323c0,-1.73021 0.59612,-3.34885 1.67862,-4.5575c1.13503,-1.26705 2.70939,-1.96501 4.43321,-1.96501c2.42443,0 3.95931,1.42452 4.82014,2.61948c0.22327,0.31052 0.41313,0.62104 0.57266,0.91384c0.15953,-0.2928 0.3495,-0.60332 0.57278,-0.91384c0.86071,-1.19496 2.39571,-2.61948 4.82002,-2.61948c1.72394,0 3.2983,0.69756 4.4331,1.96501zM21.6576,6.52121c0,-1.4072 -0.47653,-2.71493 -1.34205,-3.68112c-0.87524,-0.97707 -2.09049,-1.51474 -3.42167,-1.51474c-1.84822,0 -3.0431,1.11964 -3.7199,2.05966c-0.60711,0.84295 -0.92388,1.69316 -1.03191,2.01898c-0.09041,0.27347 -0.34916,0.45793 -0.64098,0.45793c-0.29182,0 -0.55058,-0.18446 -0.64087,-0.45793c-0.10815,-0.32582 -0.42492,-1.17603 -1.03191,-2.01898c-0.67692,-0.94002 -1.87168,-2.05966 -3.72002,-2.05966c-1.33118,0 -2.54631,0.53767 -3.42167,1.51474c-0.8654,0.96619 -1.34205,2.27392 -1.34205,3.68112c0,3.40484 3.08945,5.99491 7.76596,9.91607c0.76767,0.64359 1.55766,1.30571 2.39056,2.01817c0.83302,-0.71246 1.623,-1.37498 2.39056,-2.01817c4.67651,-3.92116 7.76596,-6.51124 7.76596,-9.91607z"
fill="#29282d"></path>
</svg>
</a>
</div>
</div>
<div class="product-card__wrapper">
<div class="product-card__box">
<div class="star-rating" data-rateyo-rating="2.5"></div>
<h4 class="product-card__title">
Women’s Lacy Blouse
</h4>
<div class="product-card__price">
<span class="product-card__price-new">
$55.00
</span>
<span class="product-card__price-old">
$62.00
</span>
</div>
</div>
<div class="product-card__content-box">
<p class="product-card__text">
For business lunch or for a date, this blouse will impress everybody!
</p>
<button class="product-card__button">
Add to cart
</button>
</div>
</div>
</div>
</div>
<div class="pagination">
<a class="pagination__prev pagination__arrows" href="#">
PREVIOUS
</a>
<ul class="pagination__list">
<li class="pagination__item">
<a class="pagination__link" href="#">
1
</a>
</li>
<li class="pagination__item">
<a class="pagination__link" href="#">
2
</a>
</li>
<li class="pagination__item">
<span class="pagination__link pagination__link--active" href="#">
3
</span>
</li>
<li class="pagination__item">
<span class="pagination__link">
...
</span>
</li>
<li class="pagination__item">
<a class="pagination__link" href="#">
10
</a>
</li>
</ul>
<a class="pagination__next pagination__arrows" href="#">
NEXT
</a>
</div>
</div>
</div>
</div>
</section>
<!-- === / SHOP === -->
</main>
<!-- === FOOTER === -->
<footer class="footer">
<div class="container">
<div class="footer-top">
<div class="footer-top__item footer-top__contact">
<a class="logo footer-top__logo" href="#">
<img class="logo__image" src="images/logo-footer.png" alt="logo">
</a>
<a class="footer-top__address-link" href="contacts.html">
<address class="footer-top__address">
No. 342 - London Oxford Street,
012 United States
</address>
</a>
<a class="footer-top__email" href="mailto:your-email@gmail.com">
your-email@gmail.com
</a>
<a class="footer-top__phone" href="tel:+02838388393">
+0283 838 8393
</a>
<ul class="footer-top__social-list">
<li class="footer-top__social-item">
<a class="footer-top__social-link" href="https://www.facebook.com/" target="_blank">
<svg class="footer-top__social-image" width="12pt" height="19pt" viewBox="0 0 12 19">
<path
d="M 10.46875 10.6875 L 11 7.25 L 7.667969 7.25 L 7.667969 5.015625 C 7.667969 4.078125 8.132812 3.160156 9.625 3.160156 L 11.140625 3.160156 L 11.140625 0.230469 C 11.140625 0.230469 9.765625 0 8.449219 0 C 5.707031 0 3.910156 1.648438 3.910156 4.628906 L 3.910156 7.25 L 0.859375 7.25 L 0.859375 10.6875 L 3.910156 10.6875 L 3.910156 19 L 7.667969 19 L 7.667969 10.6875 Z M 10.46875 10.6875">
</svg>
</a>
</li>
<li class="footer-top__social-item">
<a class="footer-top__social-link" href="https://www.twitter.com/" target="_blank">
<svg class="footer-top__social-image" width="16pt" height="16pt" viewBox="0 0 16 16">
<path
d="M 14.355469 4.742188 C 14.367188 4.882812 14.367188 5.027344 14.367188 5.167969 C 14.367188 9.503906 11.066406 14.496094 5.035156 14.496094 C 3.175781 14.496094 1.453125 13.960938 0 13.027344 C 0.265625 13.054688 0.519531 13.066406 0.792969 13.066406 C 2.324219 13.066406 3.734375 12.546875 4.863281 11.664062 C 3.421875 11.632812 2.214844 10.691406 1.796875 9.390625 C 2 9.421875 2.203125 9.441406 2.417969 9.441406 C 2.710938 9.441406 3.003906 9.402344 3.277344 9.328125 C 1.777344 9.023438 0.648438 7.707031 0.648438 6.113281 L 0.648438 6.070312 C 1.085938 6.316406 1.59375 6.46875 2.132812 6.488281 C 1.25 5.898438 0.671875 4.894531 0.671875 3.757812 C 0.671875 3.148438 0.832031 2.589844 1.117188 2.101562 C 2.730469 4.089844 5.15625 5.390625 7.878906 5.53125 C 7.828125 5.289062 7.796875 5.035156 7.796875 4.78125 C 7.796875 2.976562 9.257812 1.503906 11.074219 1.503906 C 12.019531 1.503906 12.871094 1.898438 13.472656 2.539062 C 14.214844 2.394531 14.921875 2.121094 15.554688 1.746094 C 15.308594 2.507812 14.792969 3.148438 14.113281 3.554688 C 14.773438 3.480469 15.410156 3.300781 16 3.046875 C 15.554688 3.695312 14.996094 4.273438 14.355469 4.742188 Z M 14.355469 4.742188">
</svg>
</a>
</li>
<li class="footer-top__social-item">
<a class="footer-top__social-link" href="https://www.linkedin.com/" target="_blank">
<svg class="footer-top__social-image" width="14pt" height="16pt" viewBox="0 0 14 16">
<path
d="M 3.132812 14 L 0.230469 14 L 0.230469 4.652344 L 3.132812 4.652344 Z M 1.679688 3.378906 C 0.753906 3.378906 0 2.609375 0 1.679688 C 0 0.753906 0.753906 0 1.679688 0 C 2.609375 0 3.363281 0.753906 3.363281 1.679688 C 3.363281 2.609375 2.609375 3.378906 1.679688 3.378906 Z M 13.996094 14 L 11.101562 14 L 11.101562 9.449219 C 11.101562 8.367188 11.078125 6.976562 9.589844 6.976562 C 8.082031 6.976562 7.851562 8.152344 7.851562 9.371094 L 7.851562 14 L 4.953125 14 L 4.953125 4.652344 L 7.734375 4.652344 L 7.734375 5.929688 L 7.777344 5.929688 C 8.164062 5.195312 9.109375 4.417969 10.523438 4.417969 C 13.460938 4.417969 14 6.351562 14 8.867188 L 14 14 Z M 13.996094 14">
</svg>
</a>
</li>
<li class="footer-top__social-item">
<a class="footer-top__social-link" href="https://www.instagram.com/" target="_blank">
<svg width="20" height="20" fill="none">
<path
d="M10 0C7.28 0 6.94.01 5.87.06a7.31 7.31 0 0 0-2.42.47 4.9 4.9 0 0 0-1.76 1.15c-.52.5-.91 1.1-1.17 1.77a7.31 7.31 0 0 0-.46 2.42C.01 6.95 0 7.29 0 10c0 2.72.01 3.06.06 4.13.05 1.06.22 1.78.47 2.42a4.9 4.9 0 0 0 1.15 1.77c.55.55 1.11.9 1.77 1.16.64.24 1.36.4 2.43.46 1.06.05 1.4.06 4.12.06s3.06-.02 4.13-.06a7.48 7.48 0 0 0 2.42-.46 4.9 4.9 0 0 0 1.77-1.16c.51-.5.9-1.1 1.16-1.77.25-.64.4-1.37.46-2.43.05-1.06.06-1.4.06-4.13 0-2.72-.01-3.05-.06-4.1a7.49 7.49 0 0 0-.46-2.44 4.9 4.9 0 0 0-1.16-1.77c-.5-.51-1.1-.9-1.77-1.16-.78-.29-1.6-.44-2.43-.46C13.06 0 12.72 0 10 0Zm0 1.8c2.67 0 2.99.01 4.04.06.98.05 1.5.2 1.86.35.47.18.8.39 1.15.75.35.34.56.67.75 1.14.13.35.3.88.34 1.86.05 1.05.06 1.37.06 4.04s-.01 2.99-.06 4.04a5.69 5.69 0 0 1-.35 1.86 3.25 3.25 0 0 1-1.9 1.9c-.35.13-.89.3-1.87.34-1.06.05-1.37.06-4.04.06-2.68 0-3-.01-4.06-.06a5.74 5.74 0 0 1-1.86-.35 3.14 3.14 0 0 1-1.15-.75 3 3 0 0 1-.75-1.16 5.6 5.6 0 0 1-.35-1.86c-.04-1.04-.05-1.38-.05-4.03 0-2.67.01-3 .05-4.05.05-.98.21-1.52.35-1.87.16-.43.41-.83.75-1.15.32-.34.72-.6 1.15-.75.35-.13.88-.3 1.85-.34 1.06-.04 1.38-.06 4.05-.06l.04.03Zm0 3.06a5.13 5.13 0 1 0 0 10.26 5.13 5.13 0 0 0 0-10.25Zm0 8.47a3.33 3.33 0 1 1 0-6.66 3.33 3.33 0 0 1 0 6.66Zm6.54-8.67a1.2 1.2 0 1 1-2.4 0 1.2 1.2 0 0 1 2.4 0Z" fill="#000"/>
</svg>
</a>
</li>
<li class="footer-top__social-item">
<a class="footer-top__social-link" href="https://www.pinterest.com/" target="_blank">
<svg class="footer-top__social-image" width="15pt" height="17pt" viewBox="0 0 15 17">
<path
d="M 6.90625 0.214844 C 3.433594 0.214844 0 2.488281 0 6.164062 C 0 8.5 1.339844 9.828125 2.152344 9.828125 C 2.488281 9.828125 2.679688 8.910156 2.679688 8.652344 C 2.679688 8.34375 1.878906 7.6875 1.878906 6.402344 C 1.878906 3.730469 3.949219 1.839844 6.632812 1.839844 C 8.9375 1.839844 10.644531 3.125 10.644531 5.484375 C 10.644531 7.25 9.921875 10.554688 7.585938 10.554688 C 6.742188 10.554688 6.023438 9.957031 6.023438 9.101562 C 6.023438 7.847656 6.917969 6.628906 6.917969 5.335938 C 6.917969 3.136719 3.738281 3.535156 3.738281 6.191406 C 3.738281 6.75 3.808594 7.367188 4.0625 7.875 C 3.59375 9.847656 2.640625 12.785156 2.640625 14.820312 C 2.640625 15.445312 2.730469 16.0625 2.792969 16.691406 C 2.90625 16.816406 2.851562 16.804688 3.027344 16.742188 C 4.734375 14.449219 4.671875 14 5.445312 11.003906 C 5.859375 11.78125 6.9375 12.199219 7.789062 12.199219 C 11.386719 12.199219 13 8.761719 13 5.664062 C 13 2.367188 10.09375 0.214844 6.90625 0.214844 Z M 6.90625 0.214844">
</svg>
</a>
</li>
</ul>
</div>
<div class="footer-top__item footer-top__nav">
<h6 class="footer-top__title">
Useful Links
</h6>
<ul class="footer-top__list">
<li class="footer-top__list-item">
<a class="footer-top__item-link" href="#">
About Us
</a>
</li>
<li class="footer-top__list-item">
<a class="footer-top__item-link" href="#">
Privacy Policy
</a>
</li>
<li class="footer-top__list-item">
<a class="footer-top__item-link" href="#">
Terms & Conditions
</a>
</li>
<li class="footer-top__list-item">
<a class="footer-top__item-link" href="contacts.html">
Contact Us
</a>
</li>
<li class="footer-top__list-item">
<a class="footer-top__item-link" href="#">
Help & Support
</a>
</li>
</ul>
</div>
<div class="footer-top__item footer-top__nav">
<h6 class="footer-top__title">
My Account
</h6>
<ul class="footer-top__list">
<li class="footer-top__list-item">
<a class="footer-top__item-link" href="login.html">
My Account
</a>
</li>
<li class="footer-top__list-item">
<a class="footer-top__item-link" href="#">
My Cart
</a>
</li>
<li class="footer-top__list-item">
<a class="footer-top__item-link" href="#">
My Wishlist
</a>
</li>
<li class="footer-top__list-item">
<a class="footer-top__item-link" href="register.html">
Registration
</a>
</li>
<li class="footer-top__list-item">
<a class="footer-top__item-link" href="#">
Check Out
</a>
</li>
</ul>
</div>
<div class="footer-top__item footer-top__item-form">
<h6 class="footer-top__title">
Subscribe Our Newsletter
</h6>
<p class="footer-top__text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.
</p>
<form class="footer-top__form">
<input class="footer-top__form-input" type="email" placeholder="your e-mail address" required>
<button class="footer-top__form-button" type="submit">
SUBSCRIBE
</button>
</form>
</div>
</div>
<div class="footer-bottom">
<p class="footer-bottom__copyright">
© 2022 made by Alexey Tsaplin. All Rights Reserved.
</p>
<div class="footer-bottom__payments">
We Accept
<img class="footer-bottom__payments-icon" src="images/icons/mastercard.png" alt="mastercard icon">
<img class="footer-bottom__payments-icon" src="images/icons/visa.png" alt="visa icon">
<img class="footer-bottom__payments-icon" src="images/icons/paypal.png" alt="paypal icon">
</div>
</div>
</div>
</footer>
<!-- === / FOOTER === -->
<!-- === JAVASCRIPT === -->
<script src="js/main.min.js"></script>
<!-- === / JAVASCRIPT === -->
</body>
</html>