-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathcatalog.html
More file actions
64 lines (61 loc) · 12.8 KB
/
catalog.html
File metadata and controls
64 lines (61 loc) · 12.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>All products — Paavan</title>
<link rel="stylesheet" href="styles.css">
</head>
<body data-nav-active="catalog">
<div id="site-header"></div>
<main class="site-main">
<div class="catalog-layout">
<aside class="filter-panel">
<h3>Department</h3>
<a href="catalog.html" class="filter-cat" data-category="">All</a>
<a href="catalog.html?category=Electronics" class="filter-cat" data-category="Electronics">Electronics</a>
<a href="catalog.html?category=Fashion" class="filter-cat" data-category="Fashion">Fashion</a>
<a href="catalog.html?category=Home" class="filter-cat" data-category="Home">Home & Kitchen</a>
<a href="catalog.html?category=Sports" class="filter-cat" data-category="Sports">Sports & Outdoors</a>
</aside>
<div>
<div class="catalog-toolbar">
<h1 style="margin:0;font-size:1.25rem">Results</h1>
<span id="catalog-count" class="p-card-meta">…</span>
</div>
<div class="product-grid" id="catalog-grid" style="padding:0"><!--CRAWL_CATALOG_START--><article class="p-card crawl-static-card"><a href="product.html?id=ns-1001" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1505740420928-5e560c06d30e?auto=format&fit=crop&w=600&h=600&q=80" alt="Wireless noise-cancelling headphones" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1001" class="p-card-title">Wireless noise-cancelling headphones</a><div class="p-card-price">189.99 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1002" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1593359677879-a4bb92f829d1?auto=format&fit=crop&w=600&h=600&q=80" alt="4K Ultra HD smart TV 55"" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1002" class="p-card-title">4K Ultra HD smart TV 55"</a><div class="p-card-price">649 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1003" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1556911220-bff31c812dba?auto=format&fit=crop&w=600&h=600&q=80" alt="Stainless steel electric kettle 1.7L" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1003" class="p-card-title">Stainless steel electric kettle 1.7L</a><div class="p-card-price">42.5 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1004" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1521572163474-6864f9cf17ab?auto=format&fit=crop&w=600&h=600&q=80" alt="Men's organic cotton crewneck tee" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1004" class="p-card-title">Men's organic cotton crewneck tee</a><div class="p-card-price">24.9 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1005" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1542291026-7eec264c27ff?auto=format&fit=crop&w=600&h=600&q=80" alt="Women's running shoes — cushioned sole" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1005" class="p-card-title">Women's running shoes — cushioned sole</a><div class="p-card-price">89 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1006" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1556911220-e15b29be8c8f?auto=format&fit=crop&w=600&h=600&q=80" alt="Ceramic non-stick cookware set (10 pcs)" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1006" class="p-card-title">Ceramic non-stick cookware set (10 pcs)</a><div class="p-card-price">129.99 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1007" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1625842268584-8f3296236761?auto=format&fit=crop&w=600&h=600&q=80" alt="USB-C laptop docking station" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1007" class="p-card-title">USB-C laptop docking station</a><div class="p-card-price">119 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1008" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1601925260382-2a0341e70063?auto=format&fit=crop&w=600&h=600&q=80" alt="Yoga mat — extra thick 10mm" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1008" class="p-card-title">Yoga mat — extra thick 10mm</a><div class="p-card-price">34.95 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1009" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1507473885765-e6ed057f782c?auto=format&fit=crop&w=600&h=600&q=80" alt="LED desk lamp with wireless charger" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1009" class="p-card-title">LED desk lamp with wireless charger</a><div class="p-card-price">56 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1010" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1587829741301-dc798b83add3?auto=format&fit=crop&w=600&h=600&q=80" alt="Mechanical gaming keyboard RGB" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1010" class="p-card-title">Mechanical gaming keyboard RGB</a><div class="p-card-price">119.99 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1011" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1631049307264-da0ec9d70304?auto=format&fit=crop&w=600&h=600&q=80" alt="Down alternative duvet — king size" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1011" class="p-card-title">Down alternative duvet — king size</a><div class="p-card-price">79 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1012" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1572635196237-14b3f281503f?auto=format&fit=crop&w=600&h=600&q=80" alt="Polarized sunglasses — metal frame" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1012" class="p-card-title">Polarized sunglasses — metal frame</a><div class="p-card-price">69.5 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1013" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1602143407151-7111542de6e8?auto=format&fit=crop&w=600&h=600&q=80" alt="Stainless steel water bottle 750ml" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1013" class="p-card-title">Stainless steel water bottle 750ml</a><div class="p-card-price">28 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1014" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1558618666-fcd25c85cd64?auto=format&fit=crop&w=600&h=600&q=80" alt="Robot vacuum — app control" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1014" class="p-card-title">Robot vacuum — app control</a><div class="p-card-price">299 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1015" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1527864550417-7fd91fc51a46?auto=format&fit=crop&w=600&h=600&q=80" alt="Wireless ergonomic mouse" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1015" class="p-card-title">Wireless ergonomic mouse</a><div class="p-card-price">49.99 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1016" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1539533018447-63fcce2678e3?auto=format&fit=crop&w=600&h=600&q=80" alt="Wool blend winter coat — men's" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1016" class="p-card-title">Wool blend winter coat — men's</a><div class="p-card-price">159 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1017" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1497935586351-b67a49e012bf?auto=format&fit=crop&w=600&h=600&q=80" alt="Espresso machine — 15 bar pump" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1017" class="p-card-title">Espresso machine — 15 bar pump</a><div class="p-card-price">249 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1018" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1518611012118-696072aa579a?auto=format&fit=crop&w=600&h=600&q=80" alt="Resistance bands set (5 levels)" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1018" class="p-card-title">Resistance bands set (5 levels)</a><div class="p-card-price">22.9 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1019" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1608043152269-423dbba4e7e2?auto=format&fit=crop&w=600&h=600&q=80" alt="Portable Bluetooth speaker IPX7" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1019" class="p-card-title">Portable Bluetooth speaker IPX7</a><div class="p-card-price">79.99 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1020" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&w=600&h=600&q=80" alt="Linen table runner 240cm" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1020" class="p-card-title">Linen table runner 240cm</a><div class="p-card-price">36 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1021" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1553062407-98eeb64c6a62?auto=format&fit=crop&w=600&h=600&q=80" alt="Kids' backpack — ergonomic" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1021" class="p-card-title">Kids' backpack — ergonomic</a><div class="p-card-price">44.95 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1022" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1585515358197-40e01018e4f2?auto=format&fit=crop&w=600&h=600&q=80" alt="Cast iron skillet 26cm" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1022" class="p-card-title">Cast iron skillet 26cm</a><div class="p-card-price">39 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1023" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1579586337278-3befd40fd17a?auto=format&fit=crop&w=600&h=600&q=80" alt="Fitness tracker with heart rate" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1023" class="p-card-title">Fitness tracker with heart rate</a><div class="p-card-price">59 EUR</div></div></article>
<article class="p-card crawl-static-card"><a href="product.html?id=ns-1024" class="p-card-img-wrap"><img src="https://images.unsplash.com/photo-1616627547584-b0e9e28c8a96?auto=format&fit=crop&w=600&h=600&q=80" alt="Cotton bath towel set (4 pcs)" width="400" height="400" loading="lazy"/></a><div class="p-card-body"><a href="product.html?id=ns-1024" class="p-card-title">Cotton bath towel set (4 pcs)</a><div class="p-card-price">48 EUR</div></div></article><!--CRAWL_CATALOG_END--></div>
</div>
</div>
</main>
<div id="site-footer"></div>
<script src="layout.js"></script>
<script>ShopLayout.inject('catalog');</script>
<script src="shop.js"></script>
<script>
document.addEventListener('DOMContentLoaded', PaavanShop.initCatalog);
</script>
</body>
</html>