3527 lines
289 KiB
HTML
3527 lines
289 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Meblya</title>
|
|
<link rel="icon" type="image/png" href="images/favicon.png">
|
|
<!-- fonts -->
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i">
|
|
<!-- css -->
|
|
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="vendor/owl-carousel/assets/owl.carousel.min.css">
|
|
<link rel="stylesheet" href="vendor/photoswipe/photoswipe.css">
|
|
<link rel="stylesheet" href="vendor/photoswipe/default-skin/default-skin.css">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<!-- fontawesome -->
|
|
<link rel="stylesheet" href="vendor/fontawesome/css/all.min.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- mobilemenu -->
|
|
<div class="mobilemenu">
|
|
<div class="mobilemenu__backdrop"></div>
|
|
<div class="mobilemenu__container">
|
|
<div class="mobilemenu__header">
|
|
<div class="mobilemenu__title">Menu</div>
|
|
<button class="mobilemenu__close" type="button">
|
|
<svg width="10px" height="10px">
|
|
<use xlink:href="images/sprite.svg#cross-10"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div class="mobilemenu__body">
|
|
<ul class="mobilemenu__links mobilemenu__links--level--1" data-collapse data-collapse-open-class="mobilemenu__item--open">
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="index.html">
|
|
HomePage
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item mobilemenu__item--has-children " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Categories
|
|
</a>
|
|
<button type="button" class="mobilemenu__arrow mobilemenu__expander " data-collapse-trigger>
|
|
<svg width="6px" height="9px">
|
|
<use xlink:href="images/sprite.svg#arrow-left-6x9"></use>
|
|
</svg>
|
|
</button>
|
|
<div class="mobilemenu__sub-links" data-collapse-content>
|
|
<ul class="mobilemenu__links mobilemenu__links--level--2">
|
|
<li class="mobilemenu__item mobilemenu__item--has-children " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Living Room
|
|
</a>
|
|
<button type="button" class="mobilemenu__arrow mobilemenu__expander " data-collapse-trigger>
|
|
<svg width="6px" height="9px">
|
|
<use xlink:href="images/sprite.svg#arrow-left-6x9"></use>
|
|
</svg>
|
|
</button>
|
|
<div class="mobilemenu__sub-links" data-collapse-content>
|
|
<ul class="mobilemenu__links mobilemenu__links--level--3">
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Sofas
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Sectional Sofas
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Coffee Tables
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
TV Stands
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Living Room Sets
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="mobilemenu__item mobilemenu__item--has-children " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Bedroom
|
|
</a>
|
|
<button type="button" class="mobilemenu__arrow mobilemenu__expander " data-collapse-trigger>
|
|
<svg width="6px" height="9px">
|
|
<use xlink:href="images/sprite.svg#arrow-left-6x9"></use>
|
|
</svg>
|
|
</button>
|
|
<div class="mobilemenu__sub-links" data-collapse-content>
|
|
<ul class="mobilemenu__links mobilemenu__links--level--3">
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Beds
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Headboards
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Nightstands
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Dressers
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Mirrored Dressers
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Chest of Drawers
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="mobilemenu__item mobilemenu__item--has-children " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Accent Furniture
|
|
</a>
|
|
<button type="button" class="mobilemenu__arrow mobilemenu__expander " data-collapse-trigger>
|
|
<svg width="6px" height="9px">
|
|
<use xlink:href="images/sprite.svg#arrow-left-6x9"></use>
|
|
</svg>
|
|
</button>
|
|
<div class="mobilemenu__sub-links" data-collapse-content>
|
|
<ul class="mobilemenu__links mobilemenu__links--level--3">
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Accent Chairs
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Accent Tables
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
End and Side Tables
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Console Tables
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Accent Cabinets
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Benches
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Bar Cart
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="mobilemenu__item mobilemenu__item--has-children " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
HomePage Office
|
|
</a>
|
|
<button type="button" class="mobilemenu__arrow mobilemenu__expander " data-collapse-trigger>
|
|
<svg width="6px" height="9px">
|
|
<use xlink:href="images/sprite.svg#arrow-left-6x9"></use>
|
|
</svg>
|
|
</button>
|
|
<div class="mobilemenu__sub-links" data-collapse-content>
|
|
<ul class="mobilemenu__links mobilemenu__links--level--3">
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Desks
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Office Chairs
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Bookcases
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Office Storage
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="mobilemenu__item mobilemenu__item--has-children " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Kitchen & Dining
|
|
</a>
|
|
<button type="button" class="mobilemenu__arrow mobilemenu__expander " data-collapse-trigger>
|
|
<svg width="6px" height="9px">
|
|
<use xlink:href="images/sprite.svg#arrow-left-6x9"></use>
|
|
</svg>
|
|
</button>
|
|
<div class="mobilemenu__sub-links" data-collapse-content>
|
|
<ul class="mobilemenu__links mobilemenu__links--level--3">
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Tables
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Chairs
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Bar Stools
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Benches
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Storage
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Bar Furniture
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Sets
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="mobilemenu__item mobilemenu__item--has-children " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Bathroom
|
|
</a>
|
|
<button type="button" class="mobilemenu__arrow mobilemenu__expander " data-collapse-trigger>
|
|
<svg width="6px" height="9px">
|
|
<use xlink:href="images/sprite.svg#arrow-left-6x9"></use>
|
|
</svg>
|
|
</button>
|
|
<div class="mobilemenu__sub-links" data-collapse-content>
|
|
<ul class="mobilemenu__links mobilemenu__links--level--3">
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Vanities
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Storage
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Mirrors
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Vanity Lighting
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="mobilemenu__item mobilemenu__item--has-children " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Mattresses
|
|
</a>
|
|
<button type="button" class="mobilemenu__arrow mobilemenu__expander " data-collapse-trigger>
|
|
<svg width="6px" height="9px">
|
|
<use xlink:href="images/sprite.svg#arrow-left-6x9"></use>
|
|
</svg>
|
|
</button>
|
|
<div class="mobilemenu__sub-links" data-collapse-content>
|
|
<ul class="mobilemenu__links mobilemenu__links--level--3">
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Memory Foam
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Innerspring
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Hybrid
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Power Bases
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Shop All Mattresses
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="mobilemenu__item mobilemenu__item--has-children " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Kids
|
|
</a>
|
|
<button type="button" class="mobilemenu__arrow mobilemenu__expander " data-collapse-trigger>
|
|
<svg width="6px" height="9px">
|
|
<use xlink:href="images/sprite.svg#arrow-left-6x9"></use>
|
|
</svg>
|
|
</button>
|
|
<div class="mobilemenu__sub-links" data-collapse-content>
|
|
<ul class="mobilemenu__links mobilemenu__links--level--3">
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Bedroom Sets
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Headboards
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Nightstands
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Dressers
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Playroom
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Tables and Chairs
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="mobilemenu__item mobilemenu__item--has-children " data-collapse-item>
|
|
<a class="mobilemenu__link" href="shop-grid.html">
|
|
Shop
|
|
</a>
|
|
<button type="button" class="mobilemenu__arrow mobilemenu__expander " data-collapse-trigger>
|
|
<svg width="6px" height="9px">
|
|
<use xlink:href="images/sprite.svg#arrow-left-6x9"></use>
|
|
</svg>
|
|
</button>
|
|
<div class="mobilemenu__sub-links" data-collapse-content>
|
|
<ul class="mobilemenu__links mobilemenu__links--level--2">
|
|
<li class="mobilemenu__item mobilemenu__item--has-children " data-collapse-item>
|
|
<a class="mobilemenu__link" href="shop-grid.html">
|
|
Shop
|
|
</a>
|
|
<button type="button" class="mobilemenu__arrow mobilemenu__expander " data-collapse-trigger>
|
|
<svg width="6px" height="9px">
|
|
<use xlink:href="images/sprite.svg#arrow-left-6x9"></use>
|
|
</svg>
|
|
</button>
|
|
<div class="mobilemenu__sub-links" data-collapse-content>
|
|
<ul class="mobilemenu__links mobilemenu__links--level--3">
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="shop-grid.html">
|
|
Shop Grid
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="shop-full-grid-5.html">
|
|
Shop Full Grid 5
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="shop-list.html">
|
|
Shop List
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="shop-left-sidebar.html">
|
|
Shop Left Sidebar
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="shop-right-sidebar.html">
|
|
Shop Right Sidebar
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="product.html">
|
|
Product
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="cart.html">
|
|
Cart
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="checkout.html">
|
|
Checkout
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="account.html">
|
|
My Account
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="track-order.html">
|
|
Track Order
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="wishlist.html">
|
|
Wishlist
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="compare.html">
|
|
Compare
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="mobilemenu__item mobilemenu__item--has-children " data-collapse-item>
|
|
<a class="mobilemenu__link" href="blog.html">
|
|
Blog
|
|
</a>
|
|
<button type="button" class="mobilemenu__arrow mobilemenu__expander " data-collapse-trigger>
|
|
<svg width="6px" height="9px">
|
|
<use xlink:href="images/sprite.svg#arrow-left-6x9"></use>
|
|
</svg>
|
|
</button>
|
|
<div class="mobilemenu__sub-links" data-collapse-content>
|
|
<ul class="mobilemenu__links mobilemenu__links--level--2">
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="blog.html">
|
|
Blog Grid
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="blog-list.html">
|
|
Blog List
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="blog-left-sidebar.html">
|
|
Blog Left Sidebar
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="post.html">
|
|
Post
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="mobilemenu__item mobilemenu__item--has-children " data-collapse-item>
|
|
<a class="mobilemenu__link" href="about-us.html">
|
|
Pages
|
|
</a>
|
|
<button type="button" class="mobilemenu__arrow mobilemenu__expander " data-collapse-trigger>
|
|
<svg width="6px" height="9px">
|
|
<use xlink:href="images/sprite.svg#arrow-left-6x9"></use>
|
|
</svg>
|
|
</button>
|
|
<div class="mobilemenu__sub-links" data-collapse-content>
|
|
<ul class="mobilemenu__links mobilemenu__links--level--2">
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="about-us.html">
|
|
About Us
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="contact-us.html">
|
|
Contact Us
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="404.html">
|
|
404
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="terms-and-conditions.html">
|
|
Terms And Conditions
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="faq.html">
|
|
FAQ
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="components.html">
|
|
Components
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="typography.html">
|
|
Typography
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="contact-us.html">
|
|
Contact Us
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="https://themeforest.net/item/meblya-responsive-ecommerce-html-template/23181513">
|
|
Buy Theme
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__divider"></li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="wishlist.html">
|
|
Wishlist<span class="mobilemenu__counter">5</span>
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="compare.html">
|
|
Compare<span class="mobilemenu__counter">2</span>
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="account.html">
|
|
My Account
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="track-order.html">
|
|
Track Order
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item mobilemenu__item--has-children " data-collapse-item>
|
|
<button type="button" class="mobilemenu__link mobilemenu__expander" data-collapse-trigger>
|
|
Language: <span class="mobilemenu__value">EN</span>
|
|
</button>
|
|
<button type="button" class="mobilemenu__arrow mobilemenu__expander mobilemenu__arrow--decorative " data-collapse-trigger>
|
|
<svg width="6px" height="9px">
|
|
<use xlink:href="images/sprite.svg#arrow-left-6x9"></use>
|
|
</svg>
|
|
</button>
|
|
<div class="mobilemenu__sub-links" data-collapse-content>
|
|
<ul class="mobilemenu__links mobilemenu__links--level--2">
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
English
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
German
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
French
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="mobilemenu__item mobilemenu__item--has-children " data-collapse-item>
|
|
<button type="button" class="mobilemenu__link mobilemenu__expander" data-collapse-trigger>
|
|
Currency: <span class="mobilemenu__value">USD</span>
|
|
</button>
|
|
<button type="button" class="mobilemenu__arrow mobilemenu__expander mobilemenu__arrow--decorative " data-collapse-trigger>
|
|
<svg width="6px" height="9px">
|
|
<use xlink:href="images/sprite.svg#arrow-left-6x9"></use>
|
|
</svg>
|
|
</button>
|
|
<div class="mobilemenu__sub-links" data-collapse-content>
|
|
<ul class="mobilemenu__links mobilemenu__links--level--2">
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
US Dollar
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Pound Sterling
|
|
</a>
|
|
</li>
|
|
<li class="mobilemenu__item " data-collapse-item>
|
|
<a class="mobilemenu__link" href="">
|
|
Euro
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- mobilemenu / end -->
|
|
<!-- site -->
|
|
<div class="site">
|
|
<div class="site__container">
|
|
<!-- site__header -->
|
|
<header class="site__header">
|
|
<div class="header">
|
|
<div class="header__body">
|
|
<div class="search">
|
|
<form class="search__form">
|
|
<input class="search__input" type="search" placeholder="Search Query...">
|
|
<button class="search__button" type="submit">
|
|
<svg width="20px" height="20px">
|
|
<use xlink:href="images/sprite.svg#search-20"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="search__button search-trigger" type="button">
|
|
<svg width="20px" height="20px">
|
|
<use xlink:href="images/sprite.svg#cross-20"></use>
|
|
</svg>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
<button class="header__mobilemenu" type="button"><svg width="22px" height="16px">
|
|
<use xlink:href="images/sprite.svg#menu"></use>
|
|
</svg></button>
|
|
<a href="index.html" class="header__logo">
|
|
<!-- logo -->
|
|
<svg class="logo" xmlns="http://www.w3.org/2000/svg" width="82px" height="24px">
|
|
<path d="M79.011,17.987 L79.011,15.978 C79.011,15.978 77.402,17.366 76.739,17.672 C76.074,17.979 75.110,17.987 74.043,17.987 C72.730,17.987 71.698,17.757 70.944,17.004 C70.191,16.252 70.001,15.282 70.001,13.892 C70.001,12.437 70.421,10.962 71.435,10.272 C72.450,9.581 73.878,9.020 75.924,8.947 L78.295,8.953 C78.295,7.563 77.586,6.768 76.168,6.768 C75.077,6.768 73.794,7.099 72.319,7.761 L71.085,5.235 C72.657,4.409 74.400,3.997 76.315,3.997 C78.149,3.997 79.555,4.397 80.532,5.198 C81.510,6 81.999,7.217 81.999,8.852 L81.999,17.987 L79.011,17.987 ZM78.295,11.636 L76.852,11.685 C75.769,11.718 74.963,11.914 74.434,12.273 C73.904,12.633 73.639,13.181 73.639,13.917 C73.639,14.971 74.242,15.297 75.448,15.297 C76.311,15.297 77.101,14.948 77.619,14.449 C78.135,13.951 78.295,13.590 78.295,12.764 L78.295,11.636 ZM57.289,24 C56.646,24 55,23.994 55,23.994 L55,20.995 C55,20.995 56.332,20.998 56.861,20.998 C59.189,20.998 59.962,17.898 59.962,17.898 L54,4 L58,4 L61.720,14.396 L65,4 L69,4 L62.989,19.741 C61.931,22.589 59.909,24 57.289,24 ZM49,0 L52,0 L52,18 L49,18 L49,0 ZM41.500,18 C40.163,18 38.953,17.368 38,16.358 L38,18 L35,18 L35,0 L38,0 L38,5.642 C38.953,4.632 40.163,4 41.500,4 C44.538,4 47,7.134 47,11 C47,14.866 44.538,18 41.500,18 ZM41,7 C39.343,7 38,8.791 38,11 C38,13.209 39.343,15 41,15 C42.657,15 44,13.209 44,11 C44,8.791 42.657,7 41,7 ZM25.157,14.338 C25.743,14.932 26.565,15.229 27.623,15.229 C28.444,15.229 29.222,15.144 29.954,14.973 C30.687,14.802 31.451,14.529 32,14.155 L32,17.036 C31.598,17.361 30.902,17.603 30.162,17.762 C29.421,17.921 28.518,18 27.452,18 C24,18 21,16 21,11 C21,8 22,4 27,4 C32,4 33,8 33,11 L33,12 L24.217,12 C24.257,13.162 24.571,13.744 25.157,14.338 ZM29.527,9 C29.510,8.081 29,7 27,7 C25,7 24.367,8.081 24.302,9 L29.527,9 ZM16,4.500 L10.977,18 L8,18 L3,4.500 L3,18 L0,18 L0,0 L5,0 L9.500,13.400 L14,0 L19,0 L19,18 L16,18 L16,4.500 Z"></path>
|
|
<path class="logo__accent" d="M0,22 L52,22 L52,24 L0,24 L0,22"></path>
|
|
</svg>
|
|
<!-- logo / end -->
|
|
</a>
|
|
<nav class="header__nav main-nav">
|
|
<ul class="main-nav__list">
|
|
<li class="main-nav__item ">
|
|
<a class="main-nav__link" href="index.html">
|
|
HomePage
|
|
</a>
|
|
</li>
|
|
<li class="main-nav__item ">
|
|
<a class="main-nav__link" href="">
|
|
Categories
|
|
<svg class="main-nav__link-arrow" width="9px" height="6px">
|
|
<use xlink:href="images/sprite.svg#arrow-down-9x6"></use>
|
|
</svg>
|
|
</a>
|
|
<div class="main-nav__sub-megamenu">
|
|
<!-- megamenu -->
|
|
<div class="megamenu">
|
|
<div class="row g-custom-30">
|
|
<div class="col-2">
|
|
<ul class="megamenu__links megamenu__links--root">
|
|
<li>
|
|
<a href="">Living Room</a>
|
|
<ul class="megamenu__links megamenu__links--sub">
|
|
<li><a href="">Sofas</a></li>
|
|
<li><a href="">Sectional Sofas</a></li>
|
|
<li><a href="">Coffee Tables</a></li>
|
|
<li><a href="">TV Stands</a></li>
|
|
<li><a href="">Living Room Sets</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="">Bedroom</a>
|
|
<ul class="megamenu__links megamenu__links--sub">
|
|
<li><a href="">Beds</a></li>
|
|
<li><a href="">Headboards</a></li>
|
|
<li><a href="">Nightstands</a></li>
|
|
<li><a href="">Dressers</a></li>
|
|
<li><a href="">Mirrored Dressers</a></li>
|
|
<li><a href="">Chest of Drawers</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-2">
|
|
<ul class="megamenu__links megamenu__links--root">
|
|
<li>
|
|
<a href="">Accent Furniture</a>
|
|
<ul class="megamenu__links megamenu__links--sub">
|
|
<li><a href="">Accent Chairs</a></li>
|
|
<li><a href="">Accent Tables</a></li>
|
|
<li><a href="">End and Side Tables</a></li>
|
|
<li><a href="">Console Tables</a></li>
|
|
<li><a href="">Accent Cabinets</a></li>
|
|
<li><a href="">Benches</a></li>
|
|
<li><a href="">Bar Cart</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="">HomePage Office</a>
|
|
<ul class="megamenu__links megamenu__links--sub">
|
|
<li><a href="">Desks</a></li>
|
|
<li><a href="">Office Chairs</a></li>
|
|
<li><a href="">Bookcases</a></li>
|
|
<li><a href="">Office Storage</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-2">
|
|
<ul class="megamenu__links megamenu__links--root">
|
|
<li>
|
|
<a href="">Kitchen & Dining</a>
|
|
<ul class="megamenu__links megamenu__links--sub">
|
|
<li><a href="">Tables</a></li>
|
|
<li><a href="">Chairs</a></li>
|
|
<li><a href="">Bar Stools</a></li>
|
|
<li><a href="">Benches</a></li>
|
|
<li><a href="">Storage</a></li>
|
|
<li><a href="">Bar Furniture</a></li>
|
|
<li><a href="">Sets</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="">Bathroom</a>
|
|
<ul class="megamenu__links megamenu__links--sub">
|
|
<li><a href="">Vanities</a></li>
|
|
<li><a href="">Storage</a></li>
|
|
<li><a href="">Mirrors</a></li>
|
|
<li><a href="">Vanity Lighting</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-2">
|
|
<ul class="megamenu__links megamenu__links--root">
|
|
<li>
|
|
<a href="">Mattresses</a>
|
|
<ul class="megamenu__links megamenu__links--sub">
|
|
<li><a href="">Memory Foam</a></li>
|
|
<li><a href="">Innerspring</a></li>
|
|
<li><a href="">Hybrid</a></li>
|
|
<li><a href="">Power Bases</a></li>
|
|
<li><a href="">Shop All Mattresses</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="">Kids</a>
|
|
<ul class="megamenu__links megamenu__links--sub">
|
|
<li><a href="">Bedroom Sets</a></li>
|
|
<li><a href="">Headboards</a></li>
|
|
<li><a href="">Nightstands</a></li>
|
|
<li><a href="">Dressers</a></li>
|
|
<li><a href="">Playroom</a></li>
|
|
<li><a href="">Tables and Chairs</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-4">
|
|
<a href="" class="megamenu__banner">
|
|
<img srcset="images/banners/megamenu-banner.jpg 1x,
|
|
images/banners/megamenu-banner@2x.jpg 2x" src="images/banners/megamenu-banner.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- megamenu / end -->
|
|
</div>
|
|
</li>
|
|
<li class="main-nav__item main-nav__item--with--menu ">
|
|
<a class="main-nav__link" href="shop-grid.html">
|
|
Shop
|
|
<svg class="main-nav__link-arrow" width="9px" height="6px">
|
|
<use xlink:href="images/sprite.svg#arrow-down-9x6"></use>
|
|
</svg>
|
|
</a>
|
|
<div class="main-nav__sub-menu">
|
|
<ul class="menu">
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="shop-grid.html">
|
|
Shop
|
|
<svg class="menu__link-arrow" width="6px" height="9px">
|
|
<use xlink:href="images/sprite.svg#arrow-right-6x9"></use>
|
|
</svg>
|
|
</a>
|
|
<div class="menu__sub">
|
|
<ul class="menu">
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="shop-grid.html">
|
|
Shop Grid
|
|
</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="shop-full-grid-5.html">
|
|
Shop Full Grid 5
|
|
</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="shop-list.html">
|
|
Shop List
|
|
</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="shop-left-sidebar.html">
|
|
Shop Left Sidebar
|
|
</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="shop-right-sidebar.html">
|
|
Shop Right Sidebar
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="product.html">
|
|
Product
|
|
</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="cart.html">
|
|
Cart
|
|
</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="checkout.html">
|
|
Checkout
|
|
</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="account.html">
|
|
My Account
|
|
</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="track-order.html">
|
|
Track Order
|
|
</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="wishlist.html">
|
|
Wishlist
|
|
</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="compare.html">
|
|
Compare
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="main-nav__item main-nav__item--with--menu ">
|
|
<a class="main-nav__link" href="blog.html">
|
|
Blog
|
|
<svg class="main-nav__link-arrow" width="9px" height="6px">
|
|
<use xlink:href="images/sprite.svg#arrow-down-9x6"></use>
|
|
</svg>
|
|
</a>
|
|
<div class="main-nav__sub-menu">
|
|
<ul class="menu">
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="blog.html">
|
|
Blog Grid
|
|
</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="blog-list.html">
|
|
Blog List
|
|
</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="blog-left-sidebar.html">
|
|
Blog Left Sidebar
|
|
</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="post.html">
|
|
Post
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="main-nav__item main-nav__item--with--menu ">
|
|
<a class="main-nav__link" href="about-us.html">
|
|
Pages
|
|
<svg class="main-nav__link-arrow" width="9px" height="6px">
|
|
<use xlink:href="images/sprite.svg#arrow-down-9x6"></use>
|
|
</svg>
|
|
</a>
|
|
<div class="main-nav__sub-menu">
|
|
<ul class="menu">
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="about-us.html">
|
|
About Us
|
|
</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="contact-us.html">
|
|
Contact Us
|
|
</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="404.html">
|
|
404
|
|
</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="terms-and-conditions.html">
|
|
Terms And Conditions
|
|
</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="faq.html">
|
|
FAQ
|
|
</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="components.html">
|
|
Components
|
|
</a>
|
|
</li>
|
|
<li class="menu__item">
|
|
<a class="menu__link" href="typography.html">
|
|
Typography
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="main-nav__item ">
|
|
<a class="main-nav__link" href="contact-us.html">
|
|
Contact Us
|
|
</a>
|
|
</li>
|
|
<li class="main-nav__item ">
|
|
<a class="main-nav__link" href="https://themeforest.net/item/meblya-responsive-ecommerce-html-template/23181513">
|
|
Buy Theme
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<div class="header__spring"></div>
|
|
<div class="header__indicator">
|
|
<button type="button" class="header__indicator-button indicator search-trigger">
|
|
<span class="indicator__area">
|
|
<svg class="indicator__icon" width="20px" height="20px">
|
|
<use xlink:href="images/sprite.svg#search-20"></use>
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div class="header__indicator">
|
|
<a href="wishlist.html" class="header__indicator-button indicator">
|
|
<span class="indicator__area">
|
|
<svg class="indicator__icon" width="20px" height="20px">
|
|
<use xlink:href="images/sprite.svg#heart-20"></use>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div class="header__indicator" data-dropdown-trigger="click">
|
|
<a href="cart.html" class="header__indicator-button indicator">
|
|
<span class="indicator__area">
|
|
<span class="indicator__value">2</span>
|
|
<svg class="indicator__icon" width="20px" height="20px">
|
|
<use xlink:href="images/sprite.svg#cart-20"></use>
|
|
</svg>
|
|
</span>
|
|
</a>
|
|
<div class="header__indicator-dropdown">
|
|
<div class="dropcart">
|
|
<div class="dropcart__products-list">
|
|
<div class="dropcart__product">
|
|
<div class="dropcart__product-image">
|
|
<a href="product.html"><img srcset="images/products/product1-1.jpg 1x, images/products/product1-1@2x.jpg 2x" src="images/products/product1-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="dropcart__product-info">
|
|
<div class="dropcart__product-name"><a href="product.html">Aluminum Chandelier</a></div>
|
|
<ul class="dropcart__product-options">
|
|
<li>Color: Gray</li>
|
|
<li>Material: Aluminum</li>
|
|
</ul>
|
|
<div class="dropcart__product-price">1 x $249.00</div>
|
|
</div>
|
|
<button type="button" class="dropcart__product-remove button-remove">
|
|
<svg width="10px" height="10px">
|
|
<use xlink:href="images/sprite.svg#cross-10"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div class="dropcart__product">
|
|
<div class="dropcart__product-image">
|
|
<a href="product.html"><img srcset="images/products/product3-1.jpg 1x, images/products/product3-1@2x.jpg 2x" src="images/products/product3-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="dropcart__product-info">
|
|
<div class="dropcart__product-name"><a href="product.html">Wooden Closet</a></div>
|
|
<ul class="dropcart__product-options">
|
|
<li>Color: Dark Brown</li>
|
|
</ul>
|
|
<div class="dropcart__product-price">3 x $439.00</div>
|
|
</div>
|
|
<button type="button" class="dropcart__product-remove button-remove">
|
|
<svg width="10px" height="10px">
|
|
<use xlink:href="images/sprite.svg#cross-10"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div class="dropcart__product">
|
|
<div class="dropcart__product-image">
|
|
<a href="product.html"><img srcset="images/products/product4-1.jpg 1x, images/products/product4-1@2x.jpg 2x" src="images/products/product4-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="dropcart__product-info">
|
|
<div class="dropcart__product-name"><a href="product.html">Monero Chair</a></div>
|
|
<ul class="dropcart__product-options">
|
|
<li>Color: Brown</li>
|
|
</ul>
|
|
<div class="dropcart__product-price">2 x $17.00</div>
|
|
</div>
|
|
<button type="button" class="dropcart__product-remove button-remove">
|
|
<svg width="10px" height="10px">
|
|
<use xlink:href="images/sprite.svg#cross-10"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="dropcart__totals">
|
|
<table>
|
|
<tr>
|
|
<th>Subtotal</th>
|
|
<td>$2,459.00</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Shipping</th>
|
|
<td>Free Shipping</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Tax</th>
|
|
<td>$0.00</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Total</th>
|
|
<td>$2,459.00</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="dropcart__buttons">
|
|
<a class="btn btn-secondary" href="cart.html">View Cart</a>
|
|
<a class="btn btn-primary" href="checkout.html">Checkout</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- site__header / end -->
|
|
<!-- site__body -->
|
|
<div class="site__body">
|
|
<!-- page -->
|
|
<div class="page">
|
|
<!-- page__header -->
|
|
<div class="page__header">
|
|
<div class="container container--max--xl">
|
|
<div class="row g-custom-30">
|
|
<div class="col">
|
|
<ol class="page__header-breadcrumbs breadcrumb">
|
|
<li class="breadcrumb-item"><a href="index.html">HomePage</a></li>
|
|
<li class="breadcrumb-item"><a href="">Furniture</a></li>
|
|
<li class="breadcrumb-item active" aria-current="page">Current Page</li>
|
|
</ol>
|
|
<h1 class="page__header-title decor-header decor-header--align--center">Product Details</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- page__header / end -->
|
|
<!-- page__body -->
|
|
<div class="page__body">
|
|
<!-- block -->
|
|
<div class="block">
|
|
<div class="product container container--max--xl">
|
|
<div class="card product__info">
|
|
<div class="product__gallery">
|
|
<div class="product-gallery">
|
|
<div class="product-gallery__featured">
|
|
<div class="owl-carousel" id="product-image">
|
|
<a href="images/products/product1-1-big@2x.jpg" data-width="1000" data-height="1000" target="_blank">
|
|
<img srcset="images/products/product1-1-big.jpg 1x, images/products/product1-1-big@2x.jpg 2x" src="images/products/product1-1-big.jpg" alt="">
|
|
</a>
|
|
<a href="images/products/product1-2-big@2x.jpg" data-width="1000" data-height="1000" target="_blank">
|
|
<img srcset="images/products/product1-2-big.jpg 1x, images/products/product1-2-big@2x.jpg 2x" src="images/products/product1-2-big.jpg" alt="">
|
|
</a>
|
|
<a href="images/products/product1-3-big@2x.jpg" data-width="1000" data-height="1000" target="_blank">
|
|
<img srcset="images/products/product1-3-big.jpg 1x, images/products/product1-3-big@2x.jpg 2x" src="images/products/product1-3-big.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="product-gallery__carousel">
|
|
<div class="owl-carousel" id="product-carousel">
|
|
<a href="" class="product-gallery__carousel-item">
|
|
<img class="product-gallery__carousel-image" srcset="images/products/product1-1-big.jpg 1x, images/products/product1-1-big@2x.jpg 2x" src="images/products/product1-1-big.jpg" alt="">
|
|
</a>
|
|
<a href="" class="product-gallery__carousel-item">
|
|
<img class="product-gallery__carousel-image" srcset="images/products/product1-2-big.jpg 1x, images/products/product1-2-big@2x.jpg 2x" src="images/products/product1-2-big.jpg" alt="">
|
|
</a>
|
|
<a href="" class="product-gallery__carousel-item">
|
|
<img class="product-gallery__carousel-image" srcset="images/products/product1-3-big.jpg 1x, images/products/product1-3-big@2x.jpg 2x" src="images/products/product1-3-big.jpg" alt="">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product__details">
|
|
<div class="product__categories-sku">
|
|
<div class="product__categories">
|
|
<a href="">Bedroom</a>,
|
|
<a href="">Chandeliers</a>
|
|
</div>
|
|
<div class="product__sku">SKU: 83690/32</div>
|
|
</div>
|
|
<div class="product__name">
|
|
<h2 class="decor-header">Chandelier Lamp</h2>
|
|
</div>
|
|
<div class="product__rating">
|
|
<div class="product__rating-stars">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product__rating-links">
|
|
<a href="#">Reviews (5)</a> / <a href="#">Write A Review</a>
|
|
</div>
|
|
</div>
|
|
<div class="product__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ornare, mi in ornare elementum, libero nibh
|
|
lacinia urna, quis convallis lorem erat at purus. Maecenas eu varius nisi.
|
|
</div>
|
|
<div class="product__price">
|
|
<span class="product__price-new">$2,750.00</span>
|
|
<span class="product__price-old">$3,750.00</span>
|
|
</div>
|
|
<form class="product__options">
|
|
<div class="mb-3 product__option">
|
|
<label class="form-label product__option-label">Color</label>
|
|
<div class="radio-color">
|
|
<div class="radio-color__list">
|
|
<label class="radio-color__item radio-color__item--white" style="color: #fff;">
|
|
<input type="radio" name="color">
|
|
<span></span>
|
|
</label>
|
|
<label class="radio-color__item" style="color: #ffd599;">
|
|
<input type="radio" name="color">
|
|
<span></span>
|
|
</label>
|
|
<label class="radio-color__item" style="color: #ff6b6b;">
|
|
<input type="radio" name="color">
|
|
<span></span>
|
|
</label>
|
|
<label class="radio-color__item radio-color__item--disabled" style="color: #5398ff;">
|
|
<input type="radio" name="color" disabled>
|
|
<span></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label product__option-label">Material</label>
|
|
<div class="radio-select">
|
|
<div class="radio-select__list">
|
|
<label>
|
|
<input type="radio" name="material">
|
|
<span>Metal</span>
|
|
</label>
|
|
<label>
|
|
<input type="radio" name="material">
|
|
<span>Wood</span>
|
|
</label>
|
|
<label>
|
|
<input type="radio" name="material" disabled>
|
|
<span>Plastic</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label class="form-label product__option-label">Quantity</label>
|
|
<div class="product__actions">
|
|
<div class="product__actions-item">
|
|
<div class="form-control-number product__quantity">
|
|
<input class="form-control form-control-lg form-control-number__input" type="number" min="1" value="1">
|
|
<div class="form-control-number__add"></div>
|
|
<div class="form-control-number__sub"></div>
|
|
</div>
|
|
</div>
|
|
<div class="product__actions-item">
|
|
<button class="btn btn-primary btn-lg">Add to cart</button>
|
|
</div>
|
|
<div class="product__actions-item">
|
|
<button type="button" class="btn btn-secondary btn-svg-icon btn-lg product__wishlist">
|
|
<svg class="product-card__action-icon" width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div class="product__actions-item">
|
|
<button type="button" class="btn btn-secondary btn-svg-icon btn-lg product__compare">
|
|
<svg class="product-card__action-icon" width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div class="product__tags">
|
|
Tags: <a href="">Bedroom</a>, <a href="">Chandelier</a>, <a href="">Lamp</a>
|
|
</div>
|
|
<div class="product__share-links share-links">
|
|
<ul class="share-links__list">
|
|
<li class="share-links__item share-links__item--type--like"><a href="">Like</a></li>
|
|
<li class="share-links__item share-links__item--type--tweet"><a href="">Tweet</a></li>
|
|
<li class="share-links__item share-links__item--type--pin"><a href="">Pin It</a></li>
|
|
<li class="share-links__item share-links__item--type--counter"><a href="">4K</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card product__tabs tabs tabs--product">
|
|
<div class="tabs__list">
|
|
<a href="#tab-description" class="tabs__tab tabs__tab--active">Description</a>
|
|
<a href="#tab-specification" class="tabs__tab">Specification</a>
|
|
<a href="#tab-reviews" class="tabs__tab">Reviews</a>
|
|
</div>
|
|
<div class="tabs__tab-content tabs__tab-content--active" id="tab-description">
|
|
<div class="product__tab-description">
|
|
<div class="typography">
|
|
<h2>Product Full Description</h2>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas fermentum, diam non iaculis finibus,
|
|
ipsum arcu sollicitudin dolor, ut cursus sapien sem sed purus. Donec vitae fringilla tortor, sed
|
|
fermentum nunc. Suspendisse sodales turpis dolor, at rutrum dolor tristique id. Quisque pellentesque
|
|
ullamcorper felis, eget gravida mi elementum a. Maecenas consectetur volutpat ante, sit amet molestie
|
|
urna luctus in. Nulla eget dolor semper urna malesuada dictum. Duis eleifend pellentesque dui et
|
|
finibus. Pellentesque dapibus dignissim augue. Etiam odio est, sodales ac aliquam id, iaculis eget
|
|
lacus. Aenean porta, ante vitae suscipit pulvinar, purus dui interdum tellus, sed dapibus mi mauris
|
|
vitae tellus.
|
|
</p>
|
|
<h3>Etiam lacus lacus mollis in mattis</h3>
|
|
<p>
|
|
Praesent mattis eget augue ac elementum. Maecenas vel ante ut enim mollis accumsan. Vestibulum vel
|
|
eros at mi suscipit feugiat. Sed tortor purus, vulputate et eros a, rhoncus laoreet orci. Proin sapien
|
|
neque, commodo at porta in, vehicula eu elit. Vestibulum ante ipsum primis in faucibus orci luctus et
|
|
ultrices posuere cubilia Curae; Curabitur porta vulputate augue, at sollicitudin nisl molestie eget.
|
|
</p>
|
|
<p>
|
|
Nunc sollicitudin, nunc id accumsan semper, libero nunc aliquet nulla, nec pretium ipsum risus ac
|
|
neque. Morbi eu facilisis purus. Quisque mi tortor, cursus in nulla ut, laoreet commodo quam.
|
|
Pellentesque et ornare sapien. In ac est tempus urna tincidunt finibus. Integer erat ipsum, tristique
|
|
ac lobortis sit amet, dapibus sit amet purus. Nam sed lorem nisi. Vestibulum ultrices tincidunt turpis,
|
|
sit amet fringilla odio scelerisque non.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tabs__tab-content" id="tab-specification">
|
|
<div class="product__tab-specification">
|
|
<div class="spec">
|
|
<h2 class="spec__header decor-header">Specification</h2>
|
|
<div class="spec__section">
|
|
<h4 class="spec__section-title">General</h4>
|
|
<div class="spec__row">
|
|
<div class="spec__name">Material</div>
|
|
<div class="spec__value">Aluminium, Plastic</div>
|
|
</div>
|
|
<div class="spec__row">
|
|
<div class="spec__name">Color</div>
|
|
<div class="spec__value">Metallic gray</div>
|
|
</div>
|
|
<div class="spec__row">
|
|
<div class="spec__name">Type</div>
|
|
<div class="spec__value">Pendant lamp</div>
|
|
</div>
|
|
<div class="spec__row">
|
|
<div class="spec__name">Mount</div>
|
|
<div class="spec__value">2 screws</div>
|
|
</div>
|
|
<div class="spec__row">
|
|
<div class="spec__name">Number of sockets</div>
|
|
<div class="spec__value">1</div>
|
|
</div>
|
|
<div class="spec__row">
|
|
<div class="spec__name">Socket</div>
|
|
<div class="spec__value">E14</div>
|
|
</div>
|
|
</div>
|
|
<div class="spec__section">
|
|
<h4 class="spec__section-title">Dimensions</h4>
|
|
<div class="spec__row">
|
|
<div class="spec__name">Length</div>
|
|
<div class="spec__value">99 mm</div>
|
|
</div>
|
|
<div class="spec__row">
|
|
<div class="spec__name">Width</div>
|
|
<div class="spec__value">207 mm</div>
|
|
</div>
|
|
<div class="spec__row">
|
|
<div class="spec__name">Height</div>
|
|
<div class="spec__value">208 mm</div>
|
|
</div>
|
|
</div>
|
|
<div class="spec__disclaimer">
|
|
Information on technical characteristics, the delivery set, the country of manufacture and the appearance
|
|
of the goods is for reference only and is based on the latest information available at the time of publication.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tabs__tab-content" id="tab-reviews">
|
|
<div class="product__tab-reviews">
|
|
<div class="reviews-view">
|
|
<div class="reviews-view__list">
|
|
<h2 class="reviews-view__header decor-header">Customer Reviews</h2>
|
|
<div class="reviews-list">
|
|
<ol class="reviews-list__content">
|
|
<li class="reviews-list__item">
|
|
<div class="review">
|
|
<div class="review__avatar"><img srcset="images/avatars/avatar1.jpg 1x, images/avatars/avatar1@2x.jpg 2x" src="images/avatars/avatar1.jpg" alt=""></div>
|
|
<div class="review__content">
|
|
<div class="review__author">Samantha Smith</div>
|
|
<div class="review__rating">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="review__text">Phasellus id mattis nulla. Mauris velit nisi, imperdiet vitae sodales in, maximus ut lectus. Vivamus commodo scelerisque lacus, at porttitor dui iaculis id. Curabitur imperdiet ultrices fermentum.</div>
|
|
<div class="review__date">27 May, 2018</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="reviews-list__item">
|
|
<div class="review">
|
|
<div class="review__avatar"><img srcset="images/avatars/avatar2.jpg 1x, images/avatars/avatar2@2x.jpg 2x" src="images/avatars/avatar2.jpg" alt=""></div>
|
|
<div class="review__content">
|
|
<div class="review__author">Adam Taylor</div>
|
|
<div class="review__rating">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="review__text">Aenean non lorem nisl. Duis tempor sollicitudin orci, eget tincidunt ex semper sit amet. Nullam neque justo, sodales congue feugiat ac, facilisis a augue. Donec tempor sapien et fringilla facilisis. Nam maximus consectetur diam. Nulla ut ex mollis, volutpat tellus vitae, accumsan ligula.</div>
|
|
<div class="review__date">12 April, 2018</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="reviews-list__item">
|
|
<div class="review">
|
|
<div class="review__avatar"><img srcset="images/avatars/avatar3.jpg 1x, images/avatars/avatar3@2x.jpg 2x" src="images/avatars/avatar3.jpg" alt=""></div>
|
|
<div class="review__content">
|
|
<div class="review__author">Helena Garcia</div>
|
|
<div class="review__rating">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="review__text">Duis ac lectus scelerisque quam blandit egestas. Pellentesque hendrerit eros laoreet suscipit ultrices.</div>
|
|
<div class="review__date">2 January, 2018</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
<div class="reviews-list__pagination">
|
|
<nav aria-label="Page navigation example">
|
|
<ul class="pagination justify-content-center">
|
|
<li class="page-item disabled">
|
|
<a class="page-link" href="#" aria-label="Previous" tabindex="-1">
|
|
<span aria-hidden="true">
|
|
<svg width="6px" height="9px">
|
|
<use xlink:href="images/sprite.svg#arrow-left-6x9"></use>
|
|
</svg>
|
|
</span>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
</li>
|
|
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
|
<li class="page-item active"><a class="page-link" href="#">2</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
|
<li class="page-item">
|
|
<a class="page-link" href="#" aria-label="Next">
|
|
<span aria-hidden="true">
|
|
<svg width="6px" height="9px">
|
|
<use xlink:href="images/sprite.svg#arrow-right-6x9"></use>
|
|
</svg>
|
|
</span>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<form class="reviews-view__form">
|
|
<h2 class="reviews-view__header decor-header">Write A Review</h2>
|
|
<div class="row g-custom-30">
|
|
<div class="col-12 col-lg-9 col-xl-8">
|
|
<div class="mb-3 row g-3">
|
|
<div class="col-md-4">
|
|
<label for="review-stars" class="form-label">Review Stars</label>
|
|
<select id="review-stars" class="form-select">
|
|
<option>5 Stars Rating</option>
|
|
<option>4 Stars Rating</option>
|
|
<option>3 Stars Rating</option>
|
|
<option>2 Stars Rating</option>
|
|
<option>1 Stars Rating</option>
|
|
</select>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label for="review-author" class="form-label">Your Name</label>
|
|
<input type="text" class="form-control" id="review-author" placeholder="Your Name">
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label for="review-email" class="form-label">Email Address</label>
|
|
<input type="text" class="form-control" id="review-email" placeholder="Email Address">
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="review-text" class="form-label">Your Review</label>
|
|
<textarea class="form-control" id="review-text" rows="6"></textarea>
|
|
</div>
|
|
<div class="mt-4">
|
|
<button type="submit" class="btn btn-primary btn-lg">Post Your Review</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- block / end -->
|
|
<!-- block-products-carousel -->
|
|
<div class="block block-products-carousel">
|
|
<div class="container container--max--xl">
|
|
<div class="block__title">
|
|
<h2 class="decor-header decor-header--align--center">Related Products</h2>
|
|
</div>
|
|
<div class="block-products-carousel__slider slider slider--with-arrows">
|
|
<div class="owl-carousel">
|
|
<div class="product-card product-card--layout--grid">
|
|
<div class="product-card__actions">
|
|
<div class="product-card__actions-list">
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#quickview-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__image">
|
|
<a href="product.html"><img srcset="images/products/product1-1.jpg 1x, images/products/product1-1@2x.jpg 2x" src="images/products/product1-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="product-card__info">
|
|
<div class="product-card__category">
|
|
<a href="">Chandeliers</a>
|
|
</div>
|
|
<div class="product-card__name">
|
|
<a href="product.html">Aluminum Chandelier</a>
|
|
</div>
|
|
<div class="product-card__rating">
|
|
<div class="product-card__rating-title">Reviews (15)</div>
|
|
<div class="product-card__rating-stars">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum libero eget metus suscipit placerat. Duis
|
|
consequat tellus laoreet tellus pharetra, eu tempor mi ornare. Nulla at nibh urna. Morbi vulputate enim id sapien.
|
|
</div>
|
|
<div class="product-card__prices-list">
|
|
<div class="product-card__price">
|
|
$249.00
|
|
</div>
|
|
</div>
|
|
<div class="product-card__buttons">
|
|
<div class="product-card__buttons-list">
|
|
<button class="btn btn-primary product-card__addtocart" type="button">Add To Cart</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__wishlist" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__compare" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card product-card--layout--grid">
|
|
<div class="product-card__badges-list">
|
|
<div class="product-card__badge product-card__badge--style--sale">Sale</div>
|
|
</div>
|
|
<div class="product-card__actions">
|
|
<div class="product-card__actions-list">
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#quickview-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__image">
|
|
<a href="product.html"><img srcset="images/products/product2-1.jpg 1x, images/products/product2-1@2x.jpg 2x" src="images/products/product2-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="product-card__info">
|
|
<div class="product-card__category">
|
|
<a href="">Lamps</a>
|
|
</div>
|
|
<div class="product-card__name">
|
|
<a href="product.html">Bedside Lamp</a>
|
|
</div>
|
|
<div class="product-card__rating">
|
|
<div class="product-card__rating-title">Reviews (7)</div>
|
|
<div class="product-card__rating-stars">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum libero eget metus suscipit placerat. Duis
|
|
consequat tellus laoreet tellus pharetra, eu tempor mi ornare. Nulla at nibh urna. Morbi vulputate enim id sapien.
|
|
</div>
|
|
<div class="product-card__prices-list">
|
|
<div class="product-card__price">
|
|
<span class="product-card__price-new">$321.54</span>
|
|
<span class="product-card__price-old">$419.00</span>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__buttons">
|
|
<div class="product-card__buttons-list">
|
|
<button class="btn btn-primary product-card__addtocart" type="button">Add To Cart</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__wishlist" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__compare" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card product-card--layout--grid">
|
|
<div class="product-card__actions">
|
|
<div class="product-card__actions-list">
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#quickview-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__image">
|
|
<a href="product.html"><img srcset="images/products/product3-1.jpg 1x, images/products/product3-1@2x.jpg 2x" src="images/products/product3-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="product-card__info">
|
|
<div class="product-card__category">
|
|
<a href="">Cabinets</a>
|
|
</div>
|
|
<div class="product-card__name">
|
|
<a href="product.html">Wooden Closet</a>
|
|
</div>
|
|
<div class="product-card__rating">
|
|
<div class="product-card__rating-title">Reviews (3)</div>
|
|
<div class="product-card__rating-stars">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum libero eget metus suscipit placerat. Duis
|
|
consequat tellus laoreet tellus pharetra, eu tempor mi ornare. Nulla at nibh urna. Morbi vulputate enim id sapien.
|
|
</div>
|
|
<div class="product-card__prices-list">
|
|
<div class="product-card__price">
|
|
$1199.00
|
|
</div>
|
|
</div>
|
|
<div class="product-card__buttons">
|
|
<div class="product-card__buttons-list">
|
|
<button class="btn btn-primary product-card__addtocart" type="button">Add To Cart</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__wishlist" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__compare" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card product-card--layout--grid">
|
|
<div class="product-card__actions">
|
|
<div class="product-card__actions-list">
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#quickview-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__image">
|
|
<a href="product.html"><img srcset="images/products/product4-1.jpg 1x, images/products/product4-1@2x.jpg 2x" src="images/products/product4-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="product-card__info">
|
|
<div class="product-card__category">
|
|
<a href="">Wooden Chairs</a>
|
|
</div>
|
|
<div class="product-card__name">
|
|
<a href="product.html">Monero Chair</a>
|
|
</div>
|
|
<div class="product-card__rating">
|
|
<div class="product-card__rating-title">Reviews (0)</div>
|
|
<div class="product-card__rating-stars">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum libero eget metus suscipit placerat. Duis
|
|
consequat tellus laoreet tellus pharetra, eu tempor mi ornare. Nulla at nibh urna. Morbi vulputate enim id sapien.
|
|
</div>
|
|
<div class="product-card__prices-list">
|
|
<div class="product-card__price">
|
|
$94.00
|
|
</div>
|
|
</div>
|
|
<div class="product-card__buttons">
|
|
<div class="product-card__buttons-list">
|
|
<button class="btn btn-primary product-card__addtocart" type="button">Add To Cart</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__wishlist" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__compare" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card product-card--layout--grid">
|
|
<div class="product-card__actions">
|
|
<div class="product-card__actions-list">
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#quickview-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__image">
|
|
<a href="product.html"><img srcset="images/products/product5-1.jpg 1x, images/products/product5-1@2x.jpg 2x" src="images/products/product5-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="product-card__info">
|
|
<div class="product-card__category">
|
|
<a href="">Shoe Racks</a>
|
|
</div>
|
|
<div class="product-card__name">
|
|
<a href="product.html">Shoe Cabinet</a>
|
|
</div>
|
|
<div class="product-card__rating">
|
|
<div class="product-card__rating-title">Reviews (1)</div>
|
|
<div class="product-card__rating-stars">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum libero eget metus suscipit placerat. Duis
|
|
consequat tellus laoreet tellus pharetra, eu tempor mi ornare. Nulla at nibh urna. Morbi vulputate enim id sapien.
|
|
</div>
|
|
<div class="product-card__prices-list">
|
|
<div class="product-card__price">
|
|
$399.00
|
|
</div>
|
|
</div>
|
|
<div class="product-card__buttons">
|
|
<div class="product-card__buttons-list">
|
|
<button class="btn btn-primary product-card__addtocart" type="button">Add To Cart</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__wishlist" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__compare" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card product-card--layout--grid">
|
|
<div class="product-card__actions">
|
|
<div class="product-card__actions-list">
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#quickview-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__image">
|
|
<a href="product.html"><img srcset="images/products/product6-1.jpg 1x, images/products/product6-1@2x.jpg 2x" src="images/products/product6-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="product-card__info">
|
|
<div class="product-card__category">
|
|
<a href="">Armchairs</a>
|
|
</div>
|
|
<div class="product-card__name">
|
|
<a href="product.html">Stylish Armchair</a>
|
|
</div>
|
|
<div class="product-card__rating">
|
|
<div class="product-card__rating-title">Reviews (8)</div>
|
|
<div class="product-card__rating-stars">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum libero eget metus suscipit placerat. Duis
|
|
consequat tellus laoreet tellus pharetra, eu tempor mi ornare. Nulla at nibh urna. Morbi vulputate enim id sapien.
|
|
</div>
|
|
<div class="product-card__prices-list">
|
|
<div class="product-card__price">
|
|
$154.00
|
|
</div>
|
|
</div>
|
|
<div class="product-card__buttons">
|
|
<div class="product-card__buttons-list">
|
|
<button class="btn btn-primary product-card__addtocart" type="button">Add To Cart</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__wishlist" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__compare" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card product-card--layout--grid">
|
|
<div class="product-card__badges-list">
|
|
<div class="product-card__badge product-card__badge--style--new">New</div>
|
|
</div>
|
|
<div class="product-card__actions">
|
|
<div class="product-card__actions-list">
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#quickview-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__image">
|
|
<a href="product.html"><img srcset="images/products/product7-1.jpg 1x, images/products/product7-1@2x.jpg 2x" src="images/products/product7-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="product-card__info">
|
|
<div class="product-card__category">
|
|
<a href="">Fabric Sofas</a>
|
|
</div>
|
|
<div class="product-card__name">
|
|
<a href="product.html">White Sofa</a>
|
|
</div>
|
|
<div class="product-card__rating">
|
|
<div class="product-card__rating-title">Reviews (4)</div>
|
|
<div class="product-card__rating-stars">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum libero eget metus suscipit placerat. Duis
|
|
consequat tellus laoreet tellus pharetra, eu tempor mi ornare. Nulla at nibh urna. Morbi vulputate enim id sapien.
|
|
</div>
|
|
<div class="product-card__prices-list">
|
|
<div class="product-card__price">
|
|
$733.00
|
|
</div>
|
|
</div>
|
|
<div class="product-card__buttons">
|
|
<div class="product-card__buttons-list">
|
|
<button class="btn btn-primary product-card__addtocart" type="button">Add To Cart</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__wishlist" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__compare" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card product-card--layout--grid">
|
|
<div class="product-card__actions">
|
|
<div class="product-card__actions-list">
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#quickview-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__image">
|
|
<a href="product.html"><img srcset="images/products/product8-1.jpg 1x, images/products/product8-1@2x.jpg 2x" src="images/products/product8-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="product-card__info">
|
|
<div class="product-card__category">
|
|
<a href="">Armchairs</a>
|
|
</div>
|
|
<div class="product-card__name">
|
|
<a href="product.html">Black Leather Chair</a>
|
|
</div>
|
|
<div class="product-card__rating">
|
|
<div class="product-card__rating-title">Reviews (0)</div>
|
|
<div class="product-card__rating-stars">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum libero eget metus suscipit placerat. Duis
|
|
consequat tellus laoreet tellus pharetra, eu tempor mi ornare. Nulla at nibh urna. Morbi vulputate enim id sapien.
|
|
</div>
|
|
<div class="product-card__prices-list">
|
|
<div class="product-card__price">
|
|
$215.00
|
|
</div>
|
|
</div>
|
|
<div class="product-card__buttons">
|
|
<div class="product-card__buttons-list">
|
|
<button class="btn btn-primary product-card__addtocart" type="button">Add To Cart</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__wishlist" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__compare" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card product-card--layout--grid">
|
|
<div class="product-card__actions">
|
|
<div class="product-card__actions-list">
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#quickview-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__image">
|
|
<a href="product.html"><img srcset="images/products/product9-1.jpg 1x, images/products/product9-1@2x.jpg 2x" src="images/products/product9-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="product-card__info">
|
|
<div class="product-card__category">
|
|
<a href="">Decor</a>
|
|
</div>
|
|
<div class="product-card__name">
|
|
<a href="product.html">Magic Lamp</a>
|
|
</div>
|
|
<div class="product-card__rating">
|
|
<div class="product-card__rating-title">Reviews (0)</div>
|
|
<div class="product-card__rating-stars">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum libero eget metus suscipit placerat. Duis
|
|
consequat tellus laoreet tellus pharetra, eu tempor mi ornare. Nulla at nibh urna. Morbi vulputate enim id sapien.
|
|
</div>
|
|
<div class="product-card__prices-list">
|
|
<div class="product-card__price">
|
|
$53.00
|
|
</div>
|
|
</div>
|
|
<div class="product-card__buttons">
|
|
<div class="product-card__buttons-list">
|
|
<button class="btn btn-primary product-card__addtocart" type="button">Add To Cart</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__wishlist" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__compare" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card product-card--layout--grid">
|
|
<div class="product-card__actions">
|
|
<div class="product-card__actions-list">
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#quickview-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__image">
|
|
<a href="product.html"><img srcset="images/products/product10-1.jpg 1x, images/products/product10-1@2x.jpg 2x" src="images/products/product10-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="product-card__info">
|
|
<div class="product-card__category">
|
|
<a href="">Beds</a>
|
|
</div>
|
|
<div class="product-card__name">
|
|
<a href="product.html">Meridian Day</a>
|
|
</div>
|
|
<div class="product-card__rating">
|
|
<div class="product-card__rating-title">Reviews (10)</div>
|
|
<div class="product-card__rating-stars">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum libero eget metus suscipit placerat. Duis
|
|
consequat tellus laoreet tellus pharetra, eu tempor mi ornare. Nulla at nibh urna. Morbi vulputate enim id sapien.
|
|
</div>
|
|
<div class="product-card__prices-list">
|
|
<div class="product-card__price">
|
|
$2,199.00
|
|
</div>
|
|
</div>
|
|
<div class="product-card__buttons">
|
|
<div class="product-card__buttons-list">
|
|
<button class="btn btn-primary product-card__addtocart" type="button">Add To Cart</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__wishlist" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__compare" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card product-card--layout--grid">
|
|
<div class="product-card__actions">
|
|
<div class="product-card__actions-list">
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#quickview-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__image">
|
|
<a href="product.html"><img srcset="images/products/product11-1.jpg 1x, images/products/product11-1@2x.jpg 2x" src="images/products/product11-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="product-card__info">
|
|
<div class="product-card__category">
|
|
<a href="">Bookshelves</a>
|
|
</div>
|
|
<div class="product-card__name">
|
|
<a href="product.html">4-Section Bookcase</a>
|
|
</div>
|
|
<div class="product-card__rating">
|
|
<div class="product-card__rating-title">Reviews (6)</div>
|
|
<div class="product-card__rating-stars">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum libero eget metus suscipit placerat. Duis
|
|
consequat tellus laoreet tellus pharetra, eu tempor mi ornare. Nulla at nibh urna. Morbi vulputate enim id sapien.
|
|
</div>
|
|
<div class="product-card__prices-list">
|
|
<div class="product-card__price">
|
|
$129.00
|
|
</div>
|
|
</div>
|
|
<div class="product-card__buttons">
|
|
<div class="product-card__buttons-list">
|
|
<button class="btn btn-primary product-card__addtocart" type="button">Add To Cart</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__wishlist" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__compare" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card product-card--layout--grid">
|
|
<div class="product-card__actions">
|
|
<div class="product-card__actions-list">
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#quickview-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__image">
|
|
<a href="product.html"><img srcset="images/products/product12-1.jpg 1x, images/products/product12-1@2x.jpg 2x" src="images/products/product12-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="product-card__info">
|
|
<div class="product-card__category">
|
|
<a href="">Stools</a>
|
|
</div>
|
|
<div class="product-card__name">
|
|
<a href="product.html">Round Stool</a>
|
|
</div>
|
|
<div class="product-card__rating">
|
|
<div class="product-card__rating-title">Reviews (8)</div>
|
|
<div class="product-card__rating-stars">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum libero eget metus suscipit placerat. Duis
|
|
consequat tellus laoreet tellus pharetra, eu tempor mi ornare. Nulla at nibh urna. Morbi vulputate enim id sapien.
|
|
</div>
|
|
<div class="product-card__prices-list">
|
|
<div class="product-card__price">
|
|
$15.00
|
|
</div>
|
|
</div>
|
|
<div class="product-card__buttons">
|
|
<div class="product-card__buttons-list">
|
|
<button class="btn btn-primary product-card__addtocart" type="button">Add To Cart</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__wishlist" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__compare" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card product-card--layout--grid">
|
|
<div class="product-card__actions">
|
|
<div class="product-card__actions-list">
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#quickview-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__image">
|
|
<a href="product.html"><img srcset="images/products/product13-1.jpg 1x, images/products/product13-1@2x.jpg 2x" src="images/products/product13-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="product-card__info">
|
|
<div class="product-card__category">
|
|
<a href="">Armchairs</a>
|
|
</div>
|
|
<div class="product-card__name">
|
|
<a href="product.html">Fabric Chair</a>
|
|
</div>
|
|
<div class="product-card__rating">
|
|
<div class="product-card__rating-title">Reviews (12)</div>
|
|
<div class="product-card__rating-stars">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum libero eget metus suscipit placerat. Duis
|
|
consequat tellus laoreet tellus pharetra, eu tempor mi ornare. Nulla at nibh urna. Morbi vulputate enim id sapien.
|
|
</div>
|
|
<div class="product-card__prices-list">
|
|
<div class="product-card__price">
|
|
$247.00
|
|
</div>
|
|
</div>
|
|
<div class="product-card__buttons">
|
|
<div class="product-card__buttons-list">
|
|
<button class="btn btn-primary product-card__addtocart" type="button">Add To Cart</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__wishlist" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__compare" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card product-card--layout--grid">
|
|
<div class="product-card__actions">
|
|
<div class="product-card__actions-list">
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#quickview-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__image">
|
|
<a href="product.html"><img srcset="images/products/product14-1.jpg 1x, images/products/product14-1@2x.jpg 2x" src="images/products/product14-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="product-card__info">
|
|
<div class="product-card__category">
|
|
<a href="">Stools</a>
|
|
</div>
|
|
<div class="product-card__name">
|
|
<a href="product.html">Wooden Stool</a>
|
|
</div>
|
|
<div class="product-card__rating">
|
|
<div class="product-card__rating-title">Reviews (2)</div>
|
|
<div class="product-card__rating-stars">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum libero eget metus suscipit placerat. Duis
|
|
consequat tellus laoreet tellus pharetra, eu tempor mi ornare. Nulla at nibh urna. Morbi vulputate enim id sapien.
|
|
</div>
|
|
<div class="product-card__prices-list">
|
|
<div class="product-card__price">
|
|
$17.00
|
|
</div>
|
|
</div>
|
|
<div class="product-card__buttons">
|
|
<div class="product-card__buttons-list">
|
|
<button class="btn btn-primary product-card__addtocart" type="button">Add To Cart</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__wishlist" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__compare" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card product-card--layout--grid">
|
|
<div class="product-card__actions">
|
|
<div class="product-card__actions-list">
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#quickview-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__image">
|
|
<a href="product.html"><img srcset="images/products/product15-1.jpg 1x, images/products/product15-1@2x.jpg 2x" src="images/products/product15-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="product-card__info">
|
|
<div class="product-card__category">
|
|
<a href="">Decor</a>
|
|
</div>
|
|
<div class="product-card__name">
|
|
<a href="product.html">Treasure Chest</a>
|
|
</div>
|
|
<div class="product-card__rating">
|
|
<div class="product-card__rating-title">Reviews (14)</div>
|
|
<div class="product-card__rating-stars">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star rating__star--active" width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum libero eget metus suscipit placerat. Duis
|
|
consequat tellus laoreet tellus pharetra, eu tempor mi ornare. Nulla at nibh urna. Morbi vulputate enim id sapien.
|
|
</div>
|
|
<div class="product-card__prices-list">
|
|
<div class="product-card__price">
|
|
$65.00
|
|
</div>
|
|
</div>
|
|
<div class="product-card__buttons">
|
|
<div class="product-card__buttons-list">
|
|
<button class="btn btn-primary product-card__addtocart" type="button">Add To Cart</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__wishlist" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__compare" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card product-card--layout--grid">
|
|
<div class="product-card__actions">
|
|
<div class="product-card__actions-list">
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#quickview-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon btn-sm" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__image">
|
|
<a href="product.html"><img srcset="images/products/product16-1.jpg 1x, images/products/product16-1@2x.jpg 2x" src="images/products/product16-1.jpg" alt=""></a>
|
|
</div>
|
|
<div class="product-card__info">
|
|
<div class="product-card__category">
|
|
<a href="">Wooden Chair</a>
|
|
</div>
|
|
<div class="product-card__name">
|
|
<a href="product.html">Luxurious Chair</a>
|
|
</div>
|
|
<div class="product-card__rating">
|
|
<div class="product-card__rating-title">Reviews (0)</div>
|
|
<div class="product-card__rating-stars">
|
|
<div class="rating">
|
|
<div class="rating__body">
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
<svg class="rating__star " width="13px" height="12px">
|
|
<g class="rating__fill">
|
|
<use xlink:href="images/sprite.svg#star-normal"></use>
|
|
</g>
|
|
<g class="rating__stroke">
|
|
<use xlink:href="images/sprite.svg#star-normal-stroke"></use>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-card__description">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse dictum libero eget metus suscipit placerat. Duis
|
|
consequat tellus laoreet tellus pharetra, eu tempor mi ornare. Nulla at nibh urna. Morbi vulputate enim id sapien.
|
|
</div>
|
|
<div class="product-card__prices-list">
|
|
<div class="product-card__price">
|
|
$184.00
|
|
</div>
|
|
</div>
|
|
<div class="product-card__buttons">
|
|
<div class="product-card__buttons-list">
|
|
<button class="btn btn-primary product-card__addtocart" type="button">Add To Cart</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__wishlist" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#wishlist-16"></use>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-light btn-svg-icon product-card__compare" type="button">
|
|
<svg width="16px" height="16px">
|
|
<use xlink:href="images/sprite.svg#compare-16"></use>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- block-products-carousel / end -->
|
|
</div>
|
|
<!-- page__body / end -->
|
|
</div>
|
|
<!-- page / end -->
|
|
</div>
|
|
<!-- site__body / end -->
|
|
<!-- site__footer -->
|
|
<footer class="site__footer">
|
|
<div class="footer">
|
|
<div class="container container--max--xl">
|
|
<div class="row g-custom-30">
|
|
<div class="col">
|
|
<div class="footer__widgets">
|
|
<div class="row g-custom-30 justify-content-between">
|
|
<div class="col-12 col-lg-4 col-sm-6 footer__aboutus">
|
|
<div class="footer-aboutus">
|
|
<div class="footer-aboutus__title">
|
|
<h4 class="footer-aboutus__header decor-header">About Us</h4>
|
|
</div>
|
|
<div class="footer-aboutus__text">
|
|
Lorem ipsum dolor sit amet, consectetur
|
|
adipiscing elit. Integer in feugiat lorem.
|
|
Pellentque ac placerat tellus. Ut a lectus magna.
|
|
Mauris sed coqut odio.
|
|
</div>
|
|
<ul class="footer-aboutus__contacts">
|
|
<li class="footer-aboutus__contacts-item">
|
|
<a href="">715 Park Ave, NY 10021 USA</a>
|
|
</li>
|
|
<li class="footer-aboutus__contacts-item"><a href="">meblya@example.com</a></li>
|
|
<li class="footer-aboutus__contacts-item"><a href="">+1 754 000-00-00</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-lg-2 col-sm-6 col-md-3">
|
|
<div class="footer-links" data-collapse data-collapse-open-class="footer-links--open" data-collapse-item>
|
|
<div class="footer-links__title">
|
|
<h4 class="footer-links__header" data-collapse-trigger>
|
|
Information
|
|
<svg class="footer-links__header-arrow" width="9px" height="6px">
|
|
<use xlink:href="images/sprite.svg#arrow-down-9x6"></use>
|
|
</svg>
|
|
</h4>
|
|
</div>
|
|
<div class="footer-links__content" data-collapse-content>
|
|
<ul class="footer-links__list">
|
|
<li class="footer-links__item"><a href="" class="footer-links__link">About Us</a></li>
|
|
<li class="footer-links__item"><a href="" class="footer-links__link">Delivery Information</a></li>
|
|
<li class="footer-links__item"><a href="" class="footer-links__link">Privacy Policy</a></li>
|
|
<li class="footer-links__item"><a href="" class="footer-links__link">Brands</a></li>
|
|
<li class="footer-links__item"><a href="" class="footer-links__link">Contact Us</a></li>
|
|
<li class="footer-links__item"><a href="" class="footer-links__link">Returns</a></li>
|
|
<li class="footer-links__item"><a href="" class="footer-links__link">Site Map</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-lg-2 col-sm-6 col-md-3">
|
|
<div class="footer-links" data-collapse data-collapse-open-class="footer-links--open" data-collapse-item>
|
|
<div class="footer-links__title">
|
|
<h4 class="footer-links__header" data-collapse-trigger>
|
|
My Account
|
|
<svg class="footer-links__header-arrow" width="9px" height="6px">
|
|
<use xlink:href="images/sprite.svg#arrow-down-9x6"></use>
|
|
</svg>
|
|
</h4>
|
|
</div>
|
|
<div class="footer-links__content" data-collapse-content>
|
|
<ul class="footer-links__list">
|
|
<li class="footer-links__item"><a href="" class="footer-links__link">My Account</a></li>
|
|
<li class="footer-links__item"><a href="" class="footer-links__link">Order History</a></li>
|
|
<li class="footer-links__item"><a href="" class="footer-links__link">Wish List</a></li>
|
|
<li class="footer-links__item"><a href="" class="footer-links__link">Newsletter</a></li>
|
|
<li class="footer-links__item"><a href="" class="footer-links__link">Specials</a></li>
|
|
<li class="footer-links__item"><a href="" class="footer-links__link">Gift Certificates</a></li>
|
|
<li class="footer-links__item"><a href="" class="footer-links__link">Affiliate</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-lg-4 footer__followus">
|
|
<div class="footer-followus">
|
|
<div class="footer-followus__title">
|
|
<h4 class="footer-followus__header">Follow Us</h4>
|
|
</div>
|
|
<div class="footer-followus__text">
|
|
Praesent pellentesque volutpat ex, vitae auctor lorem pulvinar mollis felis at lacinia.
|
|
</div>
|
|
<form class="footer-followus__subscribe-form">
|
|
<input type="email" class="form-control form-control--footer" placeholder="Email address">
|
|
<button type="submit" class="btn btn-primary">Subscribe</button>
|
|
</form>
|
|
<ul class="footer-followus__social-links">
|
|
<li class="footer-followus__social-link"><a href="https://themeforest.net/user/kos9/portfolio" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
|
|
<li class="footer-followus__social-link"><a href="https://themeforest.net/user/kos9/portfolio" target="_blank"><i class="fab fa-twitter"></i></a></li>
|
|
<li class="footer-followus__social-link"><a href="https://themeforest.net/user/kos9/portfolio" target="_blank"><i class="fab fa-youtube"></i></a></li>
|
|
<li class="footer-followus__social-link"><a href="https://themeforest.net/user/kos9/portfolio" target="_blank"><i class="fab fa-instagram"></i></a></li>
|
|
<li class="footer-followus__social-link"><a href="https://themeforest.net/user/kos9/portfolio" target="_blank"><i class="fas fa-rss"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row g-custom-30 justify-content-between">
|
|
<div class="col-12 col-sm-auto">
|
|
<div class="copyright">
|
|
<!-- copyright -->
|
|
<a href="">Meblya</a> by <a href="">Kos</a>
|
|
<!-- copyright / end -->
|
|
</div>
|
|
</div>
|
|
<div class="footer__payments col-auto">
|
|
<img srcset="images/payments.png 1x, images/payments@2x.png 2x" src="images/payments.png" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- site__footer / end -->
|
|
</div>
|
|
</div>
|
|
<!-- site / end -->
|
|
<!-- photoswipe -->
|
|
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="pswp__bg"></div>
|
|
<div class="pswp__scroll-wrap">
|
|
<div class="pswp__container">
|
|
<div class="pswp__item"></div>
|
|
<div class="pswp__item"></div>
|
|
<div class="pswp__item"></div>
|
|
</div>
|
|
<div class="pswp__ui pswp__ui--hidden">
|
|
<div class="pswp__top-bar">
|
|
<div class="pswp__counter"></div>
|
|
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
|
|
<!--<button class="pswp__button pswp__button--share" title="Share"></button>-->
|
|
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
|
|
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
|
|
<div class="pswp__preloader">
|
|
<div class="pswp__preloader__icn">
|
|
<div class="pswp__preloader__cut">
|
|
<div class="pswp__preloader__donut"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
|
|
<div class="pswp__share-tooltip"></div>
|
|
</div>
|
|
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
|
|
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
|
|
<div class="pswp__caption">
|
|
<div class="pswp__caption__center"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- photoswipe / end -->
|
|
<!-- js -->
|
|
<script src="vendor/jquery/jquery.min.js"></script>
|
|
<script src="vendor/owl-carousel/owl.carousel.min.js"></script>
|
|
<script src="vendor/nouislider/nouislider.min.js"></script>
|
|
<script src="vendor/photoswipe/photoswipe.min.js"></script>
|
|
<script src="vendor/photoswipe/photoswipe-ui-default.min.js"></script>
|
|
<script src="vendor/svg4everybody/svg4everybody.min.js"></script>
|
|
<script src="js/main.js"></script>
|
|
<script>
|
|
svg4everybody();
|
|
</script>
|
|
</body>
|
|
|
|
</html> |