diff --git a/dist/icons.adfc4680.svg b/dist/icons.adfc4680.svg new file mode 100644 index 00000000000..9ec158b1c0e --- /dev/null +++ b/dist/icons.adfc4680.svg @@ -0,0 +1,63 @@ + diff --git a/dist/image64.4e2bd811.jpg b/dist/image64.4e2bd811.jpg new file mode 100644 index 00000000000..5421199ee61 Binary files /dev/null and b/dist/image64.4e2bd811.jpg differ diff --git a/dist/image64@2x.ce18945b.jpg b/dist/image64@2x.ce18945b.jpg new file mode 100644 index 00000000000..fa7f5f2fe31 Binary files /dev/null and b/dist/image64@2x.ce18945b.jpg differ diff --git a/dist/image65.e0ca77fd.jpg b/dist/image65.e0ca77fd.jpg new file mode 100644 index 00000000000..dddd05f44db Binary files /dev/null and b/dist/image65.e0ca77fd.jpg differ diff --git a/dist/image65@2x.de9f7a2f.jpg b/dist/image65@2x.de9f7a2f.jpg new file mode 100644 index 00000000000..2f8375f28f8 Binary files /dev/null and b/dist/image65@2x.de9f7a2f.jpg differ diff --git a/dist/image66.029aca5c.jpg b/dist/image66.029aca5c.jpg new file mode 100644 index 00000000000..9064851f4a0 Binary files /dev/null and b/dist/image66.029aca5c.jpg differ diff --git a/dist/image67.6f8d0331.jpg b/dist/image67.6f8d0331.jpg new file mode 100644 index 00000000000..159e78e0ab3 Binary files /dev/null and b/dist/image67.6f8d0331.jpg differ diff --git a/dist/image67@2x.145ea43c.jpg b/dist/image67@2x.145ea43c.jpg new file mode 100644 index 00000000000..4c540f0fcf7 Binary files /dev/null and b/dist/image67@2x.145ea43c.jpg differ diff --git a/dist/img_bigwatch.cb345797.jpg b/dist/img_bigwatch.cb345797.jpg new file mode 100644 index 00000000000..93d19c4c07d Binary files /dev/null and b/dist/img_bigwatch.cb345797.jpg differ diff --git a/dist/img_bigwatch@2x.f9f76725.jpg b/dist/img_bigwatch@2x.f9f76725.jpg new file mode 100644 index 00000000000..f7d72f55c95 Binary files /dev/null and b/dist/img_bigwatch@2x.f9f76725.jpg differ diff --git a/dist/index.5cd18847.js b/dist/index.5cd18847.js new file mode 100644 index 00000000000..c2f5972502b --- /dev/null +++ b/dist/index.5cd18847.js @@ -0,0 +1,524 @@ +// modules are defined as an array +// [ module function, map of requires ] +// +// map of requires is short require name -> numeric require +// +// anything defined in a previous bundle is accessed via the +// orig method which is the require for previous bundles + +(function (modules, entry, mainEntry, parcelRequireName, globalName) { + /* eslint-disable no-undef */ + var globalObject = + typeof globalThis !== 'undefined' + ? globalThis + : typeof self !== 'undefined' + ? self + : typeof window !== 'undefined' + ? window + : typeof global !== 'undefined' + ? global + : {}; + /* eslint-enable no-undef */ + + // Save the require from previous bundle to this closure if any + var previousRequire = + typeof globalObject[parcelRequireName] === 'function' && + globalObject[parcelRequireName]; + + var cache = previousRequire.cache || {}; + // Do not use `require` to prevent Webpack from trying to bundle this call + var nodeRequire = + typeof module !== 'undefined' && + typeof module.require === 'function' && + module.require.bind(module); + + function newRequire(name, jumped) { + if (!cache[name]) { + if (!modules[name]) { + // if we cannot find the module within our internal map or + // cache jump to the current global require ie. the last bundle + // that was added to the page. + var currentRequire = + typeof globalObject[parcelRequireName] === 'function' && + globalObject[parcelRequireName]; + if (!jumped && currentRequire) { + return currentRequire(name, true); + } + + // If there are other bundles on this page the require from the + // previous one is saved to 'previousRequire'. Repeat this as + // many times as there are bundles until the module is found or + // we exhaust the require chain. + if (previousRequire) { + return previousRequire(name, true); + } + + // Try the node require function if it exists. + if (nodeRequire && typeof name === 'string') { + return nodeRequire(name); + } + + var err = new Error("Cannot find module '" + name + "'"); + err.code = 'MODULE_NOT_FOUND'; + throw err; + } + + localRequire.resolve = resolve; + localRequire.cache = {}; + + var module = (cache[name] = new newRequire.Module(name)); + + modules[name][0].call( + module.exports, + localRequire, + module, + module.exports, + this + ); + } + + return cache[name].exports; + + function localRequire(x) { + var res = localRequire.resolve(x); + return res === false ? {} : newRequire(res); + } + + function resolve(x) { + var id = modules[name][1][x]; + return id != null ? id : x; + } + } + + function Module(moduleName) { + this.id = moduleName; + this.bundle = newRequire; + this.exports = {}; + } + + newRequire.isParcelRequire = true; + newRequire.Module = Module; + newRequire.modules = modules; + newRequire.cache = cache; + newRequire.parent = previousRequire; + newRequire.register = function (id, exports) { + modules[id] = [ + function (require, module) { + module.exports = exports; + }, + {}, + ]; + }; + + Object.defineProperty(newRequire, 'root', { + get: function () { + return globalObject[parcelRequireName]; + }, + }); + + globalObject[parcelRequireName] = newRequire; + + for (var i = 0; i < entry.length; i++) { + newRequire(entry[i]); + } + + if (mainEntry) { + // Expose entry point to Node, AMD or browser globals + // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js + var mainExports = newRequire(mainEntry); + + // CommonJS + if (typeof exports === 'object' && typeof module !== 'undefined') { + module.exports = mainExports; + + // RequireJS + } else if (typeof define === 'function' && define.amd) { + define(function () { + return mainExports; + }); + + //
+380 (68) 443-94-26

Social Media

Welcome to our collection of premium watches

Watch 1
Watch 2
Watch 3
Watch 4
Watch 5
1 ──── 5

Our watches are not just timepieces, but also an expression of your personality and lifestyle. From classic designs to modern ones, we have a watch to suit every taste and occasion.

Watch

About us

Welcome to our premium watch collection, where luxury and style meet functionality and precision. Our selection of timepieces embodies the very best in Swiss craftsmanship and engineering, ensuring that you'll always have a reliable and stylish accessory on your wrist.

At our premium watch collection, we believe that a watch is more than just a timekeeping device – it's a statement piece that reflects your personality and style. So why settle for anything less than the best? Browse our collection today and discover the perfect watch for you.

watchspot gif

Catalog

New watches

Green And Bronze–The Match Made In Heaven

Green and Bronze Watch
Black Skeleton Watch

Sale

  • watch
  • watch
  • watch
  • watch
watch

Greenlane Watch By Police For MenHT

Product tag: PEWJK2227003

€700 €1000

DESCRIPTION

Richly detailed with an understated design - the Police Men's Greenlane watch features a versatile multifunction design that fits effortlessly into work and play. The steel case is adorned with a semi-transparent black dial. The timepiece exhibits a contrast through a black IP bracelet with matching crown and pushers.

DETAILS & FEATURES

Gender: man
Size: 46x54.5mm
Case Colour: Steel
Band Material: Metal
Case Material: Metal
Features: Multifunction
Water Resistant: 5 (ATM)
Band Colour: Steel

\ No newline at end of file diff --git a/dist/logo.c493797d.png b/dist/logo.c493797d.png new file mode 100644 index 00000000000..c2713a727c6 Binary files /dev/null and b/dist/logo.c493797d.png differ diff --git a/dist/rectangle8.9975ad73.jpg b/dist/rectangle8.9975ad73.jpg new file mode 100644 index 00000000000..c59bf9bd969 Binary files /dev/null and b/dist/rectangle8.9975ad73.jpg differ diff --git a/dist/rectangle9.71bfea34.jpg b/dist/rectangle9.71bfea34.jpg new file mode 100644 index 00000000000..5e098bc6896 Binary files /dev/null and b/dist/rectangle9.71bfea34.jpg differ diff --git a/dist/watch-d.d8b03084.jpg b/dist/watch-d.d8b03084.jpg new file mode 100644 index 00000000000..92026da0351 Binary files /dev/null and b/dist/watch-d.d8b03084.jpg differ diff --git a/dist/watch-d@2x.58449e96.jpg b/dist/watch-d@2x.58449e96.jpg new file mode 100644 index 00000000000..495d550123a Binary files /dev/null and b/dist/watch-d@2x.58449e96.jpg differ diff --git a/dist/watch-m.014f4b3d.jpg b/dist/watch-m.014f4b3d.jpg new file mode 100644 index 00000000000..8afb794e27c Binary files /dev/null and b/dist/watch-m.014f4b3d.jpg differ diff --git a/dist/watch-m@2x.74ad408c.jpg b/dist/watch-m@2x.74ad408c.jpg new file mode 100644 index 00000000000..0e2cd0b521c Binary files /dev/null and b/dist/watch-m@2x.74ad408c.jpg differ diff --git a/dist/watch-t.2265b028.jpg b/dist/watch-t.2265b028.jpg new file mode 100644 index 00000000000..ad3d5c5ff3e Binary files /dev/null and b/dist/watch-t.2265b028.jpg differ diff --git a/dist/watch-t@2x.f25bdb25.jpg b/dist/watch-t@2x.f25bdb25.jpg new file mode 100644 index 00000000000..89cfeed64f0 Binary files /dev/null and b/dist/watch-t@2x.f25bdb25.jpg differ diff --git a/dist/watch01.9594d3a6.jpg b/dist/watch01.9594d3a6.jpg new file mode 100644 index 00000000000..badafec9e3a Binary files /dev/null and b/dist/watch01.9594d3a6.jpg differ diff --git a/dist/watch01@2x.a4dda08d.jpg b/dist/watch01@2x.a4dda08d.jpg new file mode 100644 index 00000000000..6d31ddb9f47 Binary files /dev/null and b/dist/watch01@2x.a4dda08d.jpg differ diff --git a/dist/watch02.4dcffcdd.jpg b/dist/watch02.4dcffcdd.jpg new file mode 100644 index 00000000000..a4eb8e205ae Binary files /dev/null and b/dist/watch02.4dcffcdd.jpg differ diff --git a/dist/watch02@2x.253f1704.jpg b/dist/watch02@2x.253f1704.jpg new file mode 100644 index 00000000000..944bf05ab27 Binary files /dev/null and b/dist/watch02@2x.253f1704.jpg differ diff --git a/dist/watch03.da0af916.jpg b/dist/watch03.da0af916.jpg new file mode 100644 index 00000000000..264b411778c Binary files /dev/null and b/dist/watch03.da0af916.jpg differ diff --git a/dist/watch03@2x.ddb7e262.jpg b/dist/watch03@2x.ddb7e262.jpg new file mode 100644 index 00000000000..68fb4ad9194 Binary files /dev/null and b/dist/watch03@2x.ddb7e262.jpg differ diff --git a/dist/watch04.7eae54bb.jpg b/dist/watch04.7eae54bb.jpg new file mode 100644 index 00000000000..011ddc8e9df Binary files /dev/null and b/dist/watch04.7eae54bb.jpg differ diff --git a/dist/watch04@2x.62f400b9.jpg b/dist/watch04@2x.62f400b9.jpg new file mode 100644 index 00000000000..ed4271a6667 Binary files /dev/null and b/dist/watch04@2x.62f400b9.jpg differ diff --git a/dist/watch05.79a91018.jpg b/dist/watch05.79a91018.jpg new file mode 100644 index 00000000000..a536351580e Binary files /dev/null and b/dist/watch05.79a91018.jpg differ diff --git a/dist/watch05@2x.3901a633.jpg b/dist/watch05@2x.3901a633.jpg new file mode 100644 index 00000000000..fb7209ddd95 Binary files /dev/null and b/dist/watch05@2x.3901a633.jpg differ diff --git a/dist/watch06.8021148d.jpg b/dist/watch06.8021148d.jpg new file mode 100644 index 00000000000..4a3d6c3c8eb Binary files /dev/null and b/dist/watch06.8021148d.jpg differ diff --git a/dist/watch06@2x.561bd638.jpg b/dist/watch06@2x.561bd638.jpg new file mode 100644 index 00000000000..4bf88ac4882 Binary files /dev/null and b/dist/watch06@2x.561bd638.jpg differ diff --git a/dist/watch07.1fa5e96f.jpg b/dist/watch07.1fa5e96f.jpg new file mode 100644 index 00000000000..62acfb70119 Binary files /dev/null and b/dist/watch07.1fa5e96f.jpg differ diff --git a/dist/watch07@2x.5b0dc049.jpg b/dist/watch07@2x.5b0dc049.jpg new file mode 100644 index 00000000000..f066cda82f2 Binary files /dev/null and b/dist/watch07@2x.5b0dc049.jpg differ diff --git a/dist/watch08.afb2c312.jpg b/dist/watch08.afb2c312.jpg new file mode 100644 index 00000000000..61a9ba00c54 Binary files /dev/null and b/dist/watch08.afb2c312.jpg differ diff --git a/dist/watch08@2x.b1958340.jpg b/dist/watch08@2x.b1958340.jpg new file mode 100644 index 00000000000..1c5d4443f15 Binary files /dev/null and b/dist/watch08@2x.b1958340.jpg differ diff --git a/dist/watch09.250e1437.jpg b/dist/watch09.250e1437.jpg new file mode 100644 index 00000000000..8b3f5555697 Binary files /dev/null and b/dist/watch09.250e1437.jpg differ diff --git a/dist/watch09@2x.b8fa3f27.jpg b/dist/watch09@2x.b8fa3f27.jpg new file mode 100644 index 00000000000..c93b9527b43 Binary files /dev/null and b/dist/watch09@2x.b8fa3f27.jpg differ diff --git a/dist/watch1-m.0b9c16f3.jpg b/dist/watch1-m.0b9c16f3.jpg new file mode 100644 index 00000000000..760005a3672 Binary files /dev/null and b/dist/watch1-m.0b9c16f3.jpg differ diff --git a/dist/watch1-m@2x.aa3413f2.jpg b/dist/watch1-m@2x.aa3413f2.jpg new file mode 100644 index 00000000000..48cc9cbf8a2 Binary files /dev/null and b/dist/watch1-m@2x.aa3413f2.jpg differ diff --git a/dist/watch1-td.dfce56d5.jpg b/dist/watch1-td.dfce56d5.jpg new file mode 100644 index 00000000000..785ea1a2a79 Binary files /dev/null and b/dist/watch1-td.dfce56d5.jpg differ diff --git a/dist/watch1-td@2x.3dc346f2.jpg b/dist/watch1-td@2x.3dc346f2.jpg new file mode 100644 index 00000000000..c1c42397bdb Binary files /dev/null and b/dist/watch1-td@2x.3dc346f2.jpg differ diff --git a/dist/watch10.81a609a5.jpg b/dist/watch10.81a609a5.jpg new file mode 100644 index 00000000000..ad9586733a0 Binary files /dev/null and b/dist/watch10.81a609a5.jpg differ diff --git a/dist/watch10@2x.ef711325.jpg b/dist/watch10@2x.ef711325.jpg new file mode 100644 index 00000000000..442398ed1c7 Binary files /dev/null and b/dist/watch10@2x.ef711325.jpg differ diff --git a/dist/watch11.477bc098.jpg b/dist/watch11.477bc098.jpg new file mode 100644 index 00000000000..01bf57dce70 Binary files /dev/null and b/dist/watch11.477bc098.jpg differ diff --git a/dist/watch11@2x.5abc1696.jpg b/dist/watch11@2x.5abc1696.jpg new file mode 100644 index 00000000000..44982ef666b Binary files /dev/null and b/dist/watch11@2x.5abc1696.jpg differ diff --git a/dist/watch12.411bf557.jpg b/dist/watch12.411bf557.jpg new file mode 100644 index 00000000000..aa017b8b6d0 Binary files /dev/null and b/dist/watch12.411bf557.jpg differ diff --git a/dist/watch12@2x.92c43719.jpg b/dist/watch12@2x.92c43719.jpg new file mode 100644 index 00000000000..7707c89f133 Binary files /dev/null and b/dist/watch12@2x.92c43719.jpg differ diff --git a/dist/watch2-m.3e43f1fa.jpg b/dist/watch2-m.3e43f1fa.jpg new file mode 100644 index 00000000000..ee25aed0db1 Binary files /dev/null and b/dist/watch2-m.3e43f1fa.jpg differ diff --git a/dist/watch2-m@2x.d36470d0.jpg b/dist/watch2-m@2x.d36470d0.jpg new file mode 100644 index 00000000000..bedbbfc9840 Binary files /dev/null and b/dist/watch2-m@2x.d36470d0.jpg differ diff --git a/dist/watch2-td.b66eb292.jpg b/dist/watch2-td.b66eb292.jpg new file mode 100644 index 00000000000..534ca26d9eb Binary files /dev/null and b/dist/watch2-td.b66eb292.jpg differ diff --git a/dist/watch2-td@2x.1efbf12a.jpg b/dist/watch2-td@2x.1efbf12a.jpg new file mode 100644 index 00000000000..81563b6c2ac Binary files /dev/null and b/dist/watch2-td@2x.1efbf12a.jpg differ diff --git a/dist/watch3-m.475a5cc2.jpg b/dist/watch3-m.475a5cc2.jpg new file mode 100644 index 00000000000..897cbe68803 Binary files /dev/null and b/dist/watch3-m.475a5cc2.jpg differ diff --git a/dist/watch3-m@2x.01438f31.jpg b/dist/watch3-m@2x.01438f31.jpg new file mode 100644 index 00000000000..bd97f8c53cf Binary files /dev/null and b/dist/watch3-m@2x.01438f31.jpg differ diff --git a/dist/watch3-td.eb038830.jpg b/dist/watch3-td.eb038830.jpg new file mode 100644 index 00000000000..861cc4d247e Binary files /dev/null and b/dist/watch3-td.eb038830.jpg differ diff --git a/dist/watch3-td@2x.14d16917.jpg b/dist/watch3-td@2x.14d16917.jpg new file mode 100644 index 00000000000..2ee2e3b943c Binary files /dev/null and b/dist/watch3-td@2x.14d16917.jpg differ diff --git a/dist/watch4-m.06213d7b.jpg b/dist/watch4-m.06213d7b.jpg new file mode 100644 index 00000000000..27341187552 Binary files /dev/null and b/dist/watch4-m.06213d7b.jpg differ diff --git a/dist/watch4-m@2x.4048f213.jpg b/dist/watch4-m@2x.4048f213.jpg new file mode 100644 index 00000000000..9718e2264d5 Binary files /dev/null and b/dist/watch4-m@2x.4048f213.jpg differ diff --git a/dist/watch4-td.3f9bd654.jpg b/dist/watch4-td.3f9bd654.jpg new file mode 100644 index 00000000000..620c8c94c96 Binary files /dev/null and b/dist/watch4-td.3f9bd654.jpg differ diff --git a/dist/watch4-td@2x.bd34545f.jpg b/dist/watch4-td@2x.bd34545f.jpg new file mode 100644 index 00000000000..e7d5713b020 Binary files /dev/null and b/dist/watch4-td@2x.bd34545f.jpg differ diff --git a/dist/watch5-m.7d2fe1ae.jpg b/dist/watch5-m.7d2fe1ae.jpg new file mode 100644 index 00000000000..e3e45165bc4 Binary files /dev/null and b/dist/watch5-m.7d2fe1ae.jpg differ diff --git a/dist/watch5-m@2x.f16b46ce.jpg b/dist/watch5-m@2x.f16b46ce.jpg new file mode 100644 index 00000000000..148e02fb8e7 Binary files /dev/null and b/dist/watch5-m@2x.f16b46ce.jpg differ diff --git a/dist/watch5-td.9549d03d.jpg b/dist/watch5-td.9549d03d.jpg new file mode 100644 index 00000000000..1765f12c7c2 Binary files /dev/null and b/dist/watch5-td.9549d03d.jpg differ diff --git a/dist/watch5-td@2x.6be47110.jpg b/dist/watch5-td@2x.6be47110.jpg new file mode 100644 index 00000000000..d81257fb69a Binary files /dev/null and b/dist/watch5-td@2x.6be47110.jpg differ diff --git a/dist/watchspot.5de4af1c.gif b/dist/watchspot.5de4af1c.gif new file mode 100644 index 00000000000..e1c692b8b3d Binary files /dev/null and b/dist/watchspot.5de4af1c.gif differ diff --git a/package-lock.json b/package-lock.json index e6c0aff679c..9752fc3312f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -203,78 +203,84 @@ } }, "node_modules/@msgpackr-extract/msgpackr-extract-darwin-arm64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-2.0.2.tgz", - "integrity": "sha512-FMX5i7a+ojIguHpWbzh5MCsCouJkwf4z4ejdUY/fsgB9Vkdak4ZnoIEskOyOUMMB4lctiZFGszFQJXUeFL8tRg==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz", + "integrity": "sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==", "cpu": [ "arm64" ], "dev": true, + "license": "MIT", "optional": true, "os": [ "darwin" ] }, "node_modules/@msgpackr-extract/msgpackr-extract-darwin-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-2.0.2.tgz", - "integrity": "sha512-DznYtF3lHuZDSRaIOYeif4JgO0NtO2Xf8DsngAugMx/bUdTFbg86jDTmkVJBNmV+cxszz6OjGvinnS8AbJ342g==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.3.tgz", + "integrity": "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==", "cpu": [ "x64" ], "dev": true, + "license": "MIT", "optional": true, "os": [ "darwin" ] }, "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-2.0.2.tgz", - "integrity": "sha512-Gy9+c3Wj+rUlD3YvCZTi92gs+cRX7ZQogtwq0IhRenloTTlsbpezNgk6OCkt59V4ATEWSic9rbU92H/l7XsRvA==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz", + "integrity": "sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==", "cpu": [ "arm" ], "dev": true, + "license": "MIT", "optional": true, "os": [ "linux" ] }, "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-2.0.2.tgz", - "integrity": "sha512-b0jMEo566YdM2K+BurSed7bswjo3a6bcdw5ETqoIfSuxKuRLPfAiOjVbZyZBgx3J/TAM/QrvEQ/VN89A0ZAxSg==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz", + "integrity": "sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==", "cpu": [ "arm64" ], "dev": true, + "license": "MIT", "optional": true, "os": [ "linux" ] }, "node_modules/@msgpackr-extract/msgpackr-extract-linux-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-2.0.2.tgz", - "integrity": "sha512-zrBHaePwcv4cQXxzYgNj0+A8I1uVN97E7/3LmkRocYZ+rMwUsnPpp4RuTAHSRoKlTQV3nSdCQW4Qdt4MXw/iHw==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz", + "integrity": "sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==", "cpu": [ "x64" ], "dev": true, + "license": "MIT", "optional": true, "os": [ "linux" ] }, "node_modules/@msgpackr-extract/msgpackr-extract-win32-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-2.0.2.tgz", - "integrity": "sha512-fpnI00dt+yO1cKx9qBXelKhPBdEgvc8ZPav1+0r09j0woYQU2N79w/jcGawSY5UGlgQ3vjaJsFHnGbGvvqdLzg==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz", + "integrity": "sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==", "cpu": [ "x64" ], "dev": true, + "license": "MIT", "optional": true, "os": [ "win32" @@ -1665,12 +1671,13 @@ "dev": true }, "node_modules/braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", "dev": true, + "license": "MIT", "dependencies": { - "fill-range": "^7.0.1" + "fill-range": "^7.1.1" }, "engines": { "node": ">=8" @@ -1721,9 +1728,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001346", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001346.tgz", - "integrity": "sha512-q6ibZUO2t88QCIPayP/euuDREq+aMAxFE5S70PkrLh0iTDj/zEhgvJRKC2+CvXY6EWc6oQwUR48lL5vCW6jiXQ==", + "version": "1.0.30001653", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001653.tgz", + "integrity": "sha512-XGWQVB8wFQ2+9NZwZ10GxTYC5hk0Fa+q8cSkr0tgvMhYhMHP/QC+WTgrePMDBWiWc/pV+1ik82Al20XOK25Gcw==", "dev": true, "funding": [ { @@ -1733,8 +1740,13 @@ { "type": "tidelift", "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" } - ] + ], + "license": "CC-BY-4.0" }, "node_modules/chalk": { "version": "4.1.2", @@ -2061,10 +2073,11 @@ "dev": true }, "node_modules/fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", "dev": true, + "license": "MIT", "dependencies": { "to-regex-range": "^5.0.1" }, @@ -2269,6 +2282,7 @@ "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", "dev": true, + "license": "MIT", "engines": { "node": ">=0.12.0" } @@ -2286,10 +2300,11 @@ "dev": true }, "node_modules/json5": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz", - "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==", + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", "dev": true, + "license": "MIT", "bin": { "json5": "lib/cli.js" }, @@ -2426,12 +2441,13 @@ } }, "node_modules/micromatch": { - "version": "4.0.5", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", - "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", "dev": true, + "license": "MIT", "dependencies": { - "braces": "^3.0.2", + "braces": "^3.0.3", "picomatch": "^2.3.1" }, "engines": { @@ -2450,43 +2466,63 @@ } }, "node_modules/msgpackr": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.6.1.tgz", - "integrity": "sha512-Je+xBEfdjtvA4bKaOv8iRhjC8qX2oJwpYH4f7JrG4uMVJVmnmkAT4pjKdbztKprGj3iwjcxPzb5umVZ02Qq3tA==", + "version": "1.11.0", + "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.0.tgz", + "integrity": "sha512-I8qXuuALqJe5laEBYoFykChhSXLikZmUhccjGsPuSJ/7uPip2TJ7lwdIQwWSAi0jGZDXv4WOP8Qg65QZRuXxXw==", "dev": true, + "license": "MIT", "optionalDependencies": { - "msgpackr-extract": "^2.0.2" + "msgpackr-extract": "^3.0.2" } }, "node_modules/msgpackr-extract": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-2.0.2.tgz", - "integrity": "sha512-coskCeJG2KDny23zWeu+6tNy7BLnAiOGgiwzlgdm4oeSsTpqEJJPguHIuKZcCdB7tzhZbXNYSg6jZAXkZErkJA==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-3.0.3.tgz", + "integrity": "sha512-P0efT1C9jIdVRefqjzOQ9Xml57zpOXnIuS+csaB4MdZbTdmGDLo8XhzBG1N7aO11gKDDkJvBLULeFTo46wwreA==", "dev": true, "hasInstallScript": true, + "license": "MIT", "optional": true, "dependencies": { - "node-gyp-build-optional-packages": "5.0.2" + "node-gyp-build-optional-packages": "5.2.2" + }, + "bin": { + "download-msgpackr-prebuilds": "bin/download-prebuilds.js" }, "optionalDependencies": { - "@msgpackr-extract/msgpackr-extract-darwin-arm64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-darwin-x64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-arm": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-arm64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-x64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-win32-x64": "2.0.2" + "@msgpackr-extract/msgpackr-extract-darwin-arm64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.3" + } + }, + "node_modules/msgpackr-extract/node_modules/detect-libc": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz", + "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==", + "dev": true, + "license": "Apache-2.0", + "optional": true, + "engines": { + "node": ">=8" } }, "node_modules/msgpackr-extract/node_modules/node-gyp-build-optional-packages": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.0.2.tgz", - "integrity": "sha512-PiN4NWmlQPqvbEFcH/omQsswWQbe5Z9YK/zdB23irp5j2XibaA2IrGvpSWmVVG4qMZdmPdwPctSy4a86rOMn6g==", + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.2.2.tgz", + "integrity": "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==", "dev": true, + "license": "MIT", "optional": true, + "dependencies": { + "detect-libc": "^2.0.1" + }, "bin": { - "node-gyp-build-optional": "optional.js", "node-gyp-build-optional-packages": "bin.js", - "node-gyp-build-test": "build-test.js" + "node-gyp-build-optional-packages-optional": "optional.js", + "node-gyp-build-optional-packages-test": "build-test.js" } }, "node_modules/nan": { @@ -2906,10 +2942,11 @@ } }, "node_modules/semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", + "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", "dev": true, + "license": "ISC", "bin": { "semver": "bin/semver" } @@ -3028,6 +3065,7 @@ "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", "dev": true, + "license": "MIT", "dependencies": { "is-number": "^7.0.0" }, @@ -3245,44 +3283,44 @@ } }, "@msgpackr-extract/msgpackr-extract-darwin-arm64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-2.0.2.tgz", - "integrity": "sha512-FMX5i7a+ojIguHpWbzh5MCsCouJkwf4z4ejdUY/fsgB9Vkdak4ZnoIEskOyOUMMB4lctiZFGszFQJXUeFL8tRg==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz", + "integrity": "sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-darwin-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-2.0.2.tgz", - "integrity": "sha512-DznYtF3lHuZDSRaIOYeif4JgO0NtO2Xf8DsngAugMx/bUdTFbg86jDTmkVJBNmV+cxszz6OjGvinnS8AbJ342g==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.3.tgz", + "integrity": "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-linux-arm": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-2.0.2.tgz", - "integrity": "sha512-Gy9+c3Wj+rUlD3YvCZTi92gs+cRX7ZQogtwq0IhRenloTTlsbpezNgk6OCkt59V4ATEWSic9rbU92H/l7XsRvA==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz", + "integrity": "sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-linux-arm64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-2.0.2.tgz", - "integrity": "sha512-b0jMEo566YdM2K+BurSed7bswjo3a6bcdw5ETqoIfSuxKuRLPfAiOjVbZyZBgx3J/TAM/QrvEQ/VN89A0ZAxSg==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz", + "integrity": "sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-linux-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-2.0.2.tgz", - "integrity": "sha512-zrBHaePwcv4cQXxzYgNj0+A8I1uVN97E7/3LmkRocYZ+rMwUsnPpp4RuTAHSRoKlTQV3nSdCQW4Qdt4MXw/iHw==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz", + "integrity": "sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-win32-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-2.0.2.tgz", - "integrity": "sha512-fpnI00dt+yO1cKx9qBXelKhPBdEgvc8ZPav1+0r09j0woYQU2N79w/jcGawSY5UGlgQ3vjaJsFHnGbGvvqdLzg==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz", + "integrity": "sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==", "dev": true, "optional": true }, @@ -4128,12 +4166,12 @@ "dev": true }, "braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", "dev": true, "requires": { - "fill-range": "^7.0.1" + "fill-range": "^7.1.1" } }, "browserslist": { @@ -4162,9 +4200,9 @@ "dev": true }, "caniuse-lite": { - "version": "1.0.30001346", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001346.tgz", - "integrity": "sha512-q6ibZUO2t88QCIPayP/euuDREq+aMAxFE5S70PkrLh0iTDj/zEhgvJRKC2+CvXY6EWc6oQwUR48lL5vCW6jiXQ==", + "version": "1.0.30001653", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001653.tgz", + "integrity": "sha512-XGWQVB8wFQ2+9NZwZ10GxTYC5hk0Fa+q8cSkr0tgvMhYhMHP/QC+WTgrePMDBWiWc/pV+1ik82Al20XOK25Gcw==", "dev": true }, "chalk": { @@ -4402,9 +4440,9 @@ "dev": true }, "fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", "dev": true, "requires": { "to-regex-range": "^5.0.1" @@ -4541,9 +4579,9 @@ "dev": true }, "json5": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz", - "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==", + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", "dev": true }, "lines-and-columns": { @@ -4635,12 +4673,12 @@ "dev": true }, "micromatch": { - "version": "4.0.5", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", - "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", "dev": true, "requires": { - "braces": "^3.0.2", + "braces": "^3.0.3", "picomatch": "^2.3.1" } }, @@ -4650,36 +4688,46 @@ "integrity": "sha512-2lMlY1Yc1+CUy0gw4H95uNN7vjbpoED7NNRSBHE25nWfLBdmMzFCsPshlzbxHz+gYMcBEUN8V4pU16prcdPSgA==" }, "msgpackr": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.6.1.tgz", - "integrity": "sha512-Je+xBEfdjtvA4bKaOv8iRhjC8qX2oJwpYH4f7JrG4uMVJVmnmkAT4pjKdbztKprGj3iwjcxPzb5umVZ02Qq3tA==", + "version": "1.11.0", + "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.0.tgz", + "integrity": "sha512-I8qXuuALqJe5laEBYoFykChhSXLikZmUhccjGsPuSJ/7uPip2TJ7lwdIQwWSAi0jGZDXv4WOP8Qg65QZRuXxXw==", "dev": true, "requires": { - "msgpackr-extract": "^2.0.2" + "msgpackr-extract": "^3.0.2" } }, "msgpackr-extract": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-2.0.2.tgz", - "integrity": "sha512-coskCeJG2KDny23zWeu+6tNy7BLnAiOGgiwzlgdm4oeSsTpqEJJPguHIuKZcCdB7tzhZbXNYSg6jZAXkZErkJA==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-3.0.3.tgz", + "integrity": "sha512-P0efT1C9jIdVRefqjzOQ9Xml57zpOXnIuS+csaB4MdZbTdmGDLo8XhzBG1N7aO11gKDDkJvBLULeFTo46wwreA==", "dev": true, "optional": true, "requires": { - "@msgpackr-extract/msgpackr-extract-darwin-arm64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-darwin-x64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-arm": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-arm64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-x64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-win32-x64": "2.0.2", - "node-gyp-build-optional-packages": "5.0.2" + "@msgpackr-extract/msgpackr-extract-darwin-arm64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.3", + "node-gyp-build-optional-packages": "5.2.2" }, "dependencies": { - "node-gyp-build-optional-packages": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.0.2.tgz", - "integrity": "sha512-PiN4NWmlQPqvbEFcH/omQsswWQbe5Z9YK/zdB23irp5j2XibaA2IrGvpSWmVVG4qMZdmPdwPctSy4a86rOMn6g==", + "detect-libc": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz", + "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==", "dev": true, "optional": true + }, + "node-gyp-build-optional-packages": { + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.2.2.tgz", + "integrity": "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==", + "dev": true, + "optional": true, + "requires": { + "detect-libc": "^2.0.1" + } } } }, @@ -4969,9 +5017,9 @@ } }, "semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", + "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", "dev": true }, "source-map": { diff --git a/package.json b/package.json index efbc9f63d06..e5d2c48731e 100755 --- a/package.json +++ b/package.json @@ -2,14 +2,14 @@ "name": "parcel-project-template", "version": "2.0.0", "description": "", - "homepage": "https://goitacademy.github.io/parcel-project-template", + "homepage": "https://DutuGabriel.github.io/Team-3-project", "scripts": { "start": "parcel src/*.html", - "build": "parcel build src/*.html --public-url /parcel-project-template/" + "build": "parcel build src/*.html --public-url /Team-3-project/" }, "repository": { "type": "git", - "url": "git+https://github.com/goitacademy/parcel-project-template.git" + "url": "https://DutuGabriel.github.io/Team-3-project" }, "keywords": [], "author": "Alexander Repeta ", diff --git a/src/images/Vector12.svg b/src/images/Vector12.svg new file mode 100644 index 00000000000..e902c31ef75 --- /dev/null +++ b/src/images/Vector12.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/images/icons.svg b/src/images/icons.svg new file mode 100644 index 00000000000..dda0fac8c97 --- /dev/null +++ b/src/images/icons.svg @@ -0,0 +1,63 @@ + diff --git a/src/images/image64.jpg b/src/images/image64.jpg new file mode 100644 index 00000000000..5421199ee61 Binary files /dev/null and b/src/images/image64.jpg differ diff --git a/src/images/image64@2x.jpg b/src/images/image64@2x.jpg new file mode 100644 index 00000000000..fa7f5f2fe31 Binary files /dev/null and b/src/images/image64@2x.jpg differ diff --git a/src/images/image65.jpg b/src/images/image65.jpg new file mode 100644 index 00000000000..dddd05f44db Binary files /dev/null and b/src/images/image65.jpg differ diff --git a/src/images/image65@2x.jpg b/src/images/image65@2x.jpg new file mode 100644 index 00000000000..2f8375f28f8 Binary files /dev/null and b/src/images/image65@2x.jpg differ diff --git a/src/images/image66.jpg b/src/images/image66.jpg new file mode 100644 index 00000000000..9064851f4a0 Binary files /dev/null and b/src/images/image66.jpg differ diff --git a/src/images/image66@2x.jpg b/src/images/image66@2x.jpg new file mode 100644 index 00000000000..290e5d87722 Binary files /dev/null and b/src/images/image66@2x.jpg differ diff --git a/src/images/image67.jpg b/src/images/image67.jpg new file mode 100644 index 00000000000..159e78e0ab3 Binary files /dev/null and b/src/images/image67.jpg differ diff --git a/src/images/image67@2x.jpg b/src/images/image67@2x.jpg new file mode 100644 index 00000000000..4c540f0fcf7 Binary files /dev/null and b/src/images/image67@2x.jpg differ diff --git a/src/images/img_bigwatch.jpg b/src/images/img_bigwatch.jpg new file mode 100644 index 00000000000..93d19c4c07d Binary files /dev/null and b/src/images/img_bigwatch.jpg differ diff --git a/src/images/img_bigwatch@2x.jpg b/src/images/img_bigwatch@2x.jpg new file mode 100644 index 00000000000..f7d72f55c95 Binary files /dev/null and b/src/images/img_bigwatch@2x.jpg differ diff --git a/src/images/logo.png b/src/images/logo.png old mode 100755 new mode 100644 index a6ce6517853..c2713a727c6 Binary files a/src/images/logo.png and b/src/images/logo.png differ diff --git a/src/images/rectangle8.jpg b/src/images/rectangle8.jpg new file mode 100644 index 00000000000..c59bf9bd969 Binary files /dev/null and b/src/images/rectangle8.jpg differ diff --git a/src/images/rectangle9.jpg b/src/images/rectangle9.jpg new file mode 100644 index 00000000000..5e098bc6896 Binary files /dev/null and b/src/images/rectangle9.jpg differ diff --git a/src/images/watch-d.jpg b/src/images/watch-d.jpg new file mode 100644 index 00000000000..92026da0351 Binary files /dev/null and b/src/images/watch-d.jpg differ diff --git a/src/images/watch-d@2x.jpg b/src/images/watch-d@2x.jpg new file mode 100644 index 00000000000..495d550123a Binary files /dev/null and b/src/images/watch-d@2x.jpg differ diff --git a/src/images/watch-m.jpg b/src/images/watch-m.jpg new file mode 100644 index 00000000000..8afb794e27c Binary files /dev/null and b/src/images/watch-m.jpg differ diff --git a/src/images/watch-m@2x.jpg b/src/images/watch-m@2x.jpg new file mode 100644 index 00000000000..0e2cd0b521c Binary files /dev/null and b/src/images/watch-m@2x.jpg differ diff --git a/src/images/watch-t.jpg b/src/images/watch-t.jpg new file mode 100644 index 00000000000..ad3d5c5ff3e Binary files /dev/null and b/src/images/watch-t.jpg differ diff --git a/src/images/watch-t@2x.jpg b/src/images/watch-t@2x.jpg new file mode 100644 index 00000000000..89cfeed64f0 Binary files /dev/null and b/src/images/watch-t@2x.jpg differ diff --git a/src/images/watch01.jpg b/src/images/watch01.jpg new file mode 100644 index 00000000000..badafec9e3a Binary files /dev/null and b/src/images/watch01.jpg differ diff --git a/src/images/watch01@2x.jpg b/src/images/watch01@2x.jpg new file mode 100644 index 00000000000..6d31ddb9f47 Binary files /dev/null and b/src/images/watch01@2x.jpg differ diff --git a/src/images/watch02.jpg b/src/images/watch02.jpg new file mode 100644 index 00000000000..a4eb8e205ae Binary files /dev/null and b/src/images/watch02.jpg differ diff --git a/src/images/watch02@2x.jpg b/src/images/watch02@2x.jpg new file mode 100644 index 00000000000..944bf05ab27 Binary files /dev/null and b/src/images/watch02@2x.jpg differ diff --git a/src/images/watch03.jpg b/src/images/watch03.jpg new file mode 100644 index 00000000000..264b411778c Binary files /dev/null and b/src/images/watch03.jpg differ diff --git a/src/images/watch03@2x.jpg b/src/images/watch03@2x.jpg new file mode 100644 index 00000000000..68fb4ad9194 Binary files /dev/null and b/src/images/watch03@2x.jpg differ diff --git a/src/images/watch04.jpg b/src/images/watch04.jpg new file mode 100644 index 00000000000..011ddc8e9df Binary files /dev/null and b/src/images/watch04.jpg differ diff --git a/src/images/watch04@2x.jpg b/src/images/watch04@2x.jpg new file mode 100644 index 00000000000..ed4271a6667 Binary files /dev/null and b/src/images/watch04@2x.jpg differ diff --git a/src/images/watch05.jpg b/src/images/watch05.jpg new file mode 100644 index 00000000000..a536351580e Binary files /dev/null and b/src/images/watch05.jpg differ diff --git a/src/images/watch05@2x.jpg b/src/images/watch05@2x.jpg new file mode 100644 index 00000000000..fb7209ddd95 Binary files /dev/null and b/src/images/watch05@2x.jpg differ diff --git a/src/images/watch06.jpg b/src/images/watch06.jpg new file mode 100644 index 00000000000..4a3d6c3c8eb Binary files /dev/null and b/src/images/watch06.jpg differ diff --git a/src/images/watch06@2x.jpg b/src/images/watch06@2x.jpg new file mode 100644 index 00000000000..4bf88ac4882 Binary files /dev/null and b/src/images/watch06@2x.jpg differ diff --git a/src/images/watch07.jpg b/src/images/watch07.jpg new file mode 100644 index 00000000000..62acfb70119 Binary files /dev/null and b/src/images/watch07.jpg differ diff --git a/src/images/watch07@2x.jpg b/src/images/watch07@2x.jpg new file mode 100644 index 00000000000..f066cda82f2 Binary files /dev/null and b/src/images/watch07@2x.jpg differ diff --git a/src/images/watch08.jpg b/src/images/watch08.jpg new file mode 100644 index 00000000000..61a9ba00c54 Binary files /dev/null and b/src/images/watch08.jpg differ diff --git a/src/images/watch08@2x.jpg b/src/images/watch08@2x.jpg new file mode 100644 index 00000000000..1c5d4443f15 Binary files /dev/null and b/src/images/watch08@2x.jpg differ diff --git a/src/images/watch09.jpg b/src/images/watch09.jpg new file mode 100644 index 00000000000..8b3f5555697 Binary files /dev/null and b/src/images/watch09.jpg differ diff --git a/src/images/watch09@2x.jpg b/src/images/watch09@2x.jpg new file mode 100644 index 00000000000..c93b9527b43 Binary files /dev/null and b/src/images/watch09@2x.jpg differ diff --git a/src/images/watch1-m.jpg b/src/images/watch1-m.jpg new file mode 100644 index 00000000000..760005a3672 Binary files /dev/null and b/src/images/watch1-m.jpg differ diff --git a/src/images/watch1-m@2x.jpg b/src/images/watch1-m@2x.jpg new file mode 100644 index 00000000000..48cc9cbf8a2 Binary files /dev/null and b/src/images/watch1-m@2x.jpg differ diff --git a/src/images/watch1-td.jpg b/src/images/watch1-td.jpg new file mode 100644 index 00000000000..785ea1a2a79 Binary files /dev/null and b/src/images/watch1-td.jpg differ diff --git a/src/images/watch1-td@2x.jpg b/src/images/watch1-td@2x.jpg new file mode 100644 index 00000000000..c1c42397bdb Binary files /dev/null and b/src/images/watch1-td@2x.jpg differ diff --git a/src/images/watch10.jpg b/src/images/watch10.jpg new file mode 100644 index 00000000000..ad9586733a0 Binary files /dev/null and b/src/images/watch10.jpg differ diff --git a/src/images/watch10@2x.jpg b/src/images/watch10@2x.jpg new file mode 100644 index 00000000000..442398ed1c7 Binary files /dev/null and b/src/images/watch10@2x.jpg differ diff --git a/src/images/watch11.jpg b/src/images/watch11.jpg new file mode 100644 index 00000000000..01bf57dce70 Binary files /dev/null and b/src/images/watch11.jpg differ diff --git a/src/images/watch11@2x.jpg b/src/images/watch11@2x.jpg new file mode 100644 index 00000000000..44982ef666b Binary files /dev/null and b/src/images/watch11@2x.jpg differ diff --git a/src/images/watch12.jpg b/src/images/watch12.jpg new file mode 100644 index 00000000000..aa017b8b6d0 Binary files /dev/null and b/src/images/watch12.jpg differ diff --git a/src/images/watch12@2x.jpg b/src/images/watch12@2x.jpg new file mode 100644 index 00000000000..7707c89f133 Binary files /dev/null and b/src/images/watch12@2x.jpg differ diff --git a/src/images/watch2-m.jpg b/src/images/watch2-m.jpg new file mode 100644 index 00000000000..ee25aed0db1 Binary files /dev/null and b/src/images/watch2-m.jpg differ diff --git a/src/images/watch2-m@2x.jpg b/src/images/watch2-m@2x.jpg new file mode 100644 index 00000000000..bedbbfc9840 Binary files /dev/null and b/src/images/watch2-m@2x.jpg differ diff --git a/src/images/watch2-td.jpg b/src/images/watch2-td.jpg new file mode 100644 index 00000000000..534ca26d9eb Binary files /dev/null and b/src/images/watch2-td.jpg differ diff --git a/src/images/watch2-td@2x.jpg b/src/images/watch2-td@2x.jpg new file mode 100644 index 00000000000..81563b6c2ac Binary files /dev/null and b/src/images/watch2-td@2x.jpg differ diff --git a/src/images/watch3-m.jpg b/src/images/watch3-m.jpg new file mode 100644 index 00000000000..897cbe68803 Binary files /dev/null and b/src/images/watch3-m.jpg differ diff --git a/src/images/watch3-m@2x.jpg b/src/images/watch3-m@2x.jpg new file mode 100644 index 00000000000..bd97f8c53cf Binary files /dev/null and b/src/images/watch3-m@2x.jpg differ diff --git a/src/images/watch3-td.jpg b/src/images/watch3-td.jpg new file mode 100644 index 00000000000..861cc4d247e Binary files /dev/null and b/src/images/watch3-td.jpg differ diff --git a/src/images/watch3-td@2x.jpg b/src/images/watch3-td@2x.jpg new file mode 100644 index 00000000000..2ee2e3b943c Binary files /dev/null and b/src/images/watch3-td@2x.jpg differ diff --git a/src/images/watch4-m.jpg b/src/images/watch4-m.jpg new file mode 100644 index 00000000000..27341187552 Binary files /dev/null and b/src/images/watch4-m.jpg differ diff --git a/src/images/watch4-m@2x.jpg b/src/images/watch4-m@2x.jpg new file mode 100644 index 00000000000..9718e2264d5 Binary files /dev/null and b/src/images/watch4-m@2x.jpg differ diff --git a/src/images/watch4-td.jpg b/src/images/watch4-td.jpg new file mode 100644 index 00000000000..620c8c94c96 Binary files /dev/null and b/src/images/watch4-td.jpg differ diff --git a/src/images/watch4-td@2x.jpg b/src/images/watch4-td@2x.jpg new file mode 100644 index 00000000000..e7d5713b020 Binary files /dev/null and b/src/images/watch4-td@2x.jpg differ diff --git a/src/images/watch5-m.jpg b/src/images/watch5-m.jpg new file mode 100644 index 00000000000..e3e45165bc4 Binary files /dev/null and b/src/images/watch5-m.jpg differ diff --git a/src/images/watch5-m@2x.jpg b/src/images/watch5-m@2x.jpg new file mode 100644 index 00000000000..148e02fb8e7 Binary files /dev/null and b/src/images/watch5-m@2x.jpg differ diff --git a/src/images/watch5-td.jpg b/src/images/watch5-td.jpg new file mode 100644 index 00000000000..1765f12c7c2 Binary files /dev/null and b/src/images/watch5-td.jpg differ diff --git a/src/images/watch5-td@2x.jpg b/src/images/watch5-td@2x.jpg new file mode 100644 index 00000000000..d81257fb69a Binary files /dev/null and b/src/images/watch5-td@2x.jpg differ diff --git a/src/images/watchspot.gif b/src/images/watchspot.gif new file mode 100644 index 00000000000..e1c692b8b3d Binary files /dev/null and b/src/images/watchspot.gif differ diff --git a/src/index.html b/src/index.html index 92da07de4e6..b35ec93ddc8 100755 --- a/src/index.html +++ b/src/index.html @@ -1,15 +1,36 @@ - + - Page title + Team 3 Project + + + + + + -

Example title

- + + + + + + + + diff --git a/src/index.js b/src/index.js index e69de29bb2d..8b137891791 100755 --- a/src/index.js +++ b/src/index.js @@ -0,0 +1 @@ + diff --git a/src/modal.js b/src/modal.js new file mode 100644 index 00000000000..e03cd665b48 --- /dev/null +++ b/src/modal.js @@ -0,0 +1,18 @@ +(() => { + const refs = { + openModalBtn: document.querySelectorAll('[data-modal-open]'), + closeModalBtn: document.querySelector('[data-modal-close]'), + modal: document.querySelector('[data-modal]'), + }; + + refs.openModalBtn.forEach(element => { + element.addEventListener('click', toggleModal); + }); + + refs.closeModalBtn.addEventListener('click', toggleModal); + + function toggleModal() { + refs.modal.classList.toggle('is-hidden'); + document.body.classList.toggle('no-scroll'); + } +})(); diff --git a/src/partials/aboutus.html b/src/partials/aboutus.html new file mode 100644 index 00000000000..dac011f2ec7 --- /dev/null +++ b/src/partials/aboutus.html @@ -0,0 +1,31 @@ + + +
+
+
+

About us

+

+ Welcome to our premium watch collection, where luxury and style meet + functionality and precision. Our selection of timepieces embodies the + very best in Swiss craftsmanship and engineering, ensuring that you'll + always have a reliable and stylish accessory on your wrist. +

+

+ At our premium watch collection, we believe that a watch is more than + just a timekeeping device – it's a statement piece that reflects + your personality and style. So why settle for anything less than the + best? Browse our collection today and discover the perfect watch for + you. +

+
+
+ watchspot gif +
+
+
diff --git a/src/partials/catalog.html b/src/partials/catalog.html new file mode 100644 index 00000000000..727542d99da --- /dev/null +++ b/src/partials/catalog.html @@ -0,0 +1,508 @@ + + +
+
+

Catalog

+
    + + +
  • + + + + +
    + Tube Watch S42 Date Steel With Black Case +
    +
    +

    Description

    +

    + Richly detailed with an understated design - the Police + Men's Greenlane watch. +

    +

    DETAILS & FEATURES

    +
      +
    • Gender: man
      • +
    • Size: 46x54.5mm
      • +
    • Band Material: Metal
      • +
    • Case Material: Metal
      • +
    • Features: Multifunction
      • +
    • Water Resistant: 5 (ATM)
      • +
    • Band Colour: Steel
      • +
    +
    +
    +
    +
    +

    Tube Watch S42 Date Steel With Black

    + €500 +
    +
    • + + + +
  • + + + + +
    + Avondale Watch Police For Men +
    +
    +

    Description

    +

    + Richly detailed with an understated design - the Police + Men's Greenlane watch. +

    +

    DETAILS & FEATURES

    +
      +
    • Gender: man
      • +
    • Size: 46x54.5mm
      • +
    • Band Material: Metal
      • +
    • Case Material: Metal
      • +
    • Features: Multifunction
      • +
    • Water Resistant: 5 (ATM)
      • +
    • Band Colour: Steel
      • +
    +
    +
    +
    +
    +

    Avondale Watch Police For Men

    + €800 +
    +
    • + + + +
  • + + + +
    + Diver 300M CoAxial Master Chronometer Chronograph +
    +
    +

    Description

    +

    + Richly detailed with an understated design - the Police + Men's Greenlane watch. +

    +

    DETAILS & FEATURES

    +
      +
    • Gender: man
      • +
    • Size: 46x54.5mm
      • +
    • Band Material: Metal
      • +
    • Case Material: Metal
      • +
    • Features: Multifunction
      • +
    • Water Resistant: 5 (ATM)
      • +
    • Band Colour: Steel
      • +
    +
    +
    +
    +
    +

    + Diver 300M Co‐Axial Master Chronometer +

    + €600 +
    +
    • + + + +
  • + + + +
    + Diver 300M CoAxial Master Chronometer +
    +
    +

    Description

    +

    + Richly detailed with an understated design - the Police + Men's Greenlane watch. +

    +

    DETAILS & FEATURES

    +
      +
    • Gender: man
      • +
    • Size: 46x54.5mm
      • +
    • Band Material: Metal
      • +
    • Case Material: Metal
      • +
    • Features: Multifunction
      • +
    • Water Resistant: 5 (ATM)
      • +
    • Band Colour: Steel
      • +
    +
    +
    +
    +
    +

    + Diver 300M Co‐Axial Master Chronometer +

    + €1400 +
    +
    • + + + +
  • + + + +
    + Taman Watch By Police For Men +
    +
    +

    Description

    +

    + Richly detailed with an understated design - the Police + Men's Greenlane watch. +

    +

    DETAILS & FEATURES

    +
      +
    • Gender: man
      • +
    • Size: 46x54.5mm
      • +
    • Band Material: Metal
      • +
    • Case Material: Metal
      • +
    • Features: Multifunction
      • +
    • Water Resistant: 5 (ATM)
      • +
    • Band Colour: Steel
      • +
    +
    +
    +
    +
    +

    Taman Watch By Police For Men

    + €500 +
    +
    • + + + +
  • + + + +
    + Malawi Watch Police For Men +
    +
    +

    Description

    +

    + Richly detailed with an understated design - the Police + Men's Greenlane watch. +

    +

    DETAILS & FEATURES

    +
      +
    • Gender: man
      • +
    • Size: 46x54.5mm
      • +
    • Band Material: Metal
      • +
    • Case Material: Metal
      • +
    • Features: Multifunction
      • +
    • Water Resistant: 5 (ATM)
      • +
    • Band Colour: Steel
      • +
    +
    +
    +
    +
    +

    Malawi Watch Police For Men

    + €555 +
    +
    • + + + +
  • + + + +
    + Diver 300M Co-Axial Master + Chronometer +
    +
    +

    Description

    +

    + Richly detailed with an understated design - the Police + Men's Greenlane watch. +

    +

    DETAILS & FEATURES

    +
      +
    • Gender: man
      • +
    • Size: 46x54.5mm
      • +
    • Band Material: Metal
      • +
    • Case Material: Metal
      • +
    • Features: Multifunction
      • +
    • Water Resistant: 5 (ATM)
      • +
    • Band Colour: Steel
      • +
    +
    +
    +
    +
    +

    + Diver 300M Co‐Axial Master Chronometer +

    + €1200 +
    +
    • + + + +
  • + + + +
    + Greenlane Watch By Police For Men +
    +
    +

    Description

    +

    + Richly detailed with an understated design - the Police + Men's Greenlane watch. +

    +

    DETAILS & FEATURES

    +
      +
    • Gender: man
      • +
    • Size: 46x54.5mm
      • +
    • Band Material: Metal
      • +
    • Case Material: Metal
      • +
    • Features: Multifunction
      • +
    • Water Resistant: 5 (ATM)
      • +
    • Band Colour: Steel
      • +
    +
    +
    +
    +
    +

    Greenlane Watch By Police For Men

    + €1000 +
    +
    • + + + +
  • + + + +
    + Greenlane Watch By + Police For Men +
    +
    +

    Description

    +

    + Richly detailed with an understated design - the Police + Men's Greenlane watch. +

    +

    DETAILS & FEATURES

    +
      +
    • Gender: man
      • +
    • Size: 46x54.5mm
      • +
    • Band Material: Metal
      • +
    • Case Material: Metal
      • +
    • Features: Multifunction
      • +
    • Water Resistant: 5 (ATM)
      • +
    • Band Colour: Steel
      • +
    +
    +
    +
    +
    +

    Squardrc 5402 Chrono

    + €359 +
    +
    • + + + +
  • + + + +
    + Squardrc 5402 Chrono +
    +
    +

    Description

    +

    + Richly detailed with an understated design - the Police + Men's Greenlane watch. +

    +

    DETAILS & FEATURES

    +
      +
    • Gender: man
      • +
    • Size: 46x54.5mm
      • +
    • Band Material: Metal
      • +
    • Case Material: Metal
      • +
    • Features: Multifunction
      • +
    • Water Resistant: 5 (ATM)
      • +
    • Band Colour: Steel
      • +
    +
    +
    +
    +
    +

    + Diver 300M Co‐Axial Master Chronometer Chronograph +

    + €400 +
    +
    • + + + +
  • + + + +
    + Citizen +
    +
    +

    Description

    +

    + Richly detailed with an understated design - the Police + Men's Greenlane watch. +

    +

    DETAILS & FEATURES

    +
      +
    • Gender: man
      • +
    • Size: 46x54.5mm
      • +
    • Band Material: Metal
      • +
    • Case Material: Metal
      • +
    • Features: Multifunction
      • +
    • Water Resistant: 5 (ATM)
      • +
    • Band Colour: Steel
      • +
    +
    +
    +
    +
    +

    Citizen

    + €519 +
    +
    • + + + +
  • + + + +
    + Diver + 300M CoAxial Master Chronometer Chronograph +
    +
    +

    Description

    +

    + Richly detailed with an understated design - the Police + Men's Greenlane watch. +

    +

    DETAILS & FEATURES

    +
      +
    • Gender: man
      • +
    • Size: 46x54.5mm
      • +
    • Band Material: Metal
      • +
    • Case Material: Metal
      • +
    • Features: Multifunction
      • +
    • Water Resistant: 5 (ATM)
      • +
    • Band Colour: Steel
      • +
    +
    +
    +
    +
    +

    Armani Exchange

    + €400 +
    +
    • +
+ +
+
diff --git a/src/partials/example.html b/src/partials/example.html deleted file mode 100755 index f7f444c97e2..00000000000 --- a/src/partials/example.html +++ /dev/null @@ -1,37 +0,0 @@ -
-

HTML-partials

- - - - -

- The - - posthtml-include - - plugin allows you to add code from other HTML files (fragments) to HTML page - files. Fragments are stored in the src/partials folder. The - addition occurs when compiling page files, such as index.html. -

- -

- This example.html file is an example of such a snippet, with - the markup of a certain part of the main page. This is very convenient for - team development on student projects, when several people write in one HTML - file at once. -

- -

- The syntax for adding a fragment to the main file is: - <include src="./partials/filename.html"></include> -

- -
-
diff --git a/src/partials/footer.html b/src/partials/footer.html new file mode 100644 index 00000000000..b9d80cd0424 --- /dev/null +++ b/src/partials/footer.html @@ -0,0 +1,71 @@ + + + + + + + + + + + diff --git a/src/partials/header.html b/src/partials/header.html new file mode 100644 index 00000000000..bff0c523cb2 --- /dev/null +++ b/src/partials/header.html @@ -0,0 +1,139 @@ + + +
+
+ +
+
+ +380 (68) 443-94-26 +
+
+ +
+
+ + + +
+
+ + +
+
+ +
+ +
+ + + + diff --git a/src/partials/hero.html b/src/partials/hero.html new file mode 100644 index 00000000000..5949aa878a0 --- /dev/null +++ b/src/partials/hero.html @@ -0,0 +1,160 @@ + + + + + + +
+
+

Welcome to our collection of premium watches

+
+
+
+ + + + Watch 1 + +
+
+ + + + Watch 2 + +
+
+ + + + Watch 3 + +
+
+ + + + Watch 4 + +
+
+ + + + Watch 5 + +
+
+
+ 1 ──── + 5 +
+
+
+ + + +
+
+ + + +
+
+
+

+ Our watches are not just timepieces, but also an expression of your + personality and lifestyle. From classic designs to modern ones, we have a + watch to suit every taste and occasion. +

+ + + + + Watch + +
+
+ + + + + + diff --git a/src/partials/modal.html b/src/partials/modal.html new file mode 100644 index 00000000000..0bd733625a2 --- /dev/null +++ b/src/partials/modal.html @@ -0,0 +1,95 @@ + + + diff --git a/src/partials/sale.html b/src/partials/sale.html new file mode 100644 index 00000000000..b56acc5a159 --- /dev/null +++ b/src/partials/sale.html @@ -0,0 +1,89 @@ + + +
+
+

Sale

+
+
+
    +
  • + watch +
    • +
  • + watch +
    • +
  • + watch +
    • +
  • + watch +
    • +
+ watch +
+
+
+

Greenlane Watch By Police For MenHT

+

Product tag: PEWJK2227003

+

+ €700 €1000 +

+
+
+

+ DESCRIPTION + + + +

+

+ Richly detailed with an understated design - the Police Men's + Greenlane watch features a versatile multifunction design that fits + effortlessly into work and play. The steel case is adorned with a + semi-transparent black dial. The timepiece exhibits a contrast + through a black IP bracelet with matching crown and pushers. +

+
+
+

+ DETAILS & FEATURES + + + +

+

+ Gender: man
+ Size: 46x54.5mm
+ Case Colour: Steel
+ Band Material: Metal
+ Case Material: Metal
+ Features: Multifunction
+ Water Resistant: 5 (ATM)
+ Band Colour: Steel +

+
+
+
+
+
diff --git a/src/partials/watches.html b/src/partials/watches.html new file mode 100644 index 00000000000..c2aa79cb244 --- /dev/null +++ b/src/partials/watches.html @@ -0,0 +1,18 @@ + + +
+
+
+ New watches +

Green And Bronze–The Match Made In Heaven

+
+
+
+ Green and Bronze Watch +
+
+ Black Skeleton Watch +
+
+
+ \ No newline at end of file diff --git a/src/sass/_example.scss b/src/sass/_example.scss deleted file mode 100755 index 05c89b464f5..00000000000 --- a/src/sass/_example.scss +++ /dev/null @@ -1,28 +0,0 @@ -.example { - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, - Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; - line-height: 1.5; - background-color: #fff; - color: #2f2f37; - max-width: 960px; - padding: 16px; -} - -.example code { - font-family: monospace; - font-size: 16px; - font-weight: 700; - background-color: #ff6b0a; - color: #fff; - padding: 2px 6px; - border-radius: 2px; -} - -.example .background { - height: 240px; - // ❗️❗️❗️ The path to images from a SASS file - // is always the same as from the css folder. - background-image: url('../images/logo.png'); - background-size: cover; - background-position: center; -} diff --git a/src/sass/aboutus.scss b/src/sass/aboutus.scss new file mode 100644 index 00000000000..6c98496967e --- /dev/null +++ b/src/sass/aboutus.scss @@ -0,0 +1,123 @@ +/* About Us Section */ + +.aboutus-section { + padding-top: 40px; +} + +.aboutus-title { + padding-bottom: 40px; + font-size: 32px; + font-weight: 600; + line-height: 40px; + letter-spacing: -0.02em; + text-align: left; + color: var(--darkgreen); +} + +.aboutus-paragraph { + font-size: 14px; + font-weight: 300; + line-height: 18px; + letter-spacing: -0.02em; + text-align: left; + color: (var(--black)); + display: block; +} + +.first-paragraph { + padding-bottom: 20px; +} + +.second-paragraph { + padding-bottom: 40px; +} + +.aboutus-image { + width: 100%; + height: 365px; + position: relative; +} + +.image { + width: 100%; + height: 100%; + object-fit: cover; + object-position: center; + position: absolute; +} + +@media screen and (min-width: 768px) { + .aboutus-section { + padding-top: 64px; + } + + .text { + width: 100%; + height: 162px; + display: flex; + flex-direction: row; + padding-bottom: 40px; + } + + .aboutus-title { + font-size: 40px; + line-height: 44px; + padding-bottom: 118px; + padding-top: 0px; + } + + .first-paragraph { + width: 220px; + height: 162px; + padding-left: 40px; + } + + .second-paragraph { + width: 250px; + height: 144px; + padding-left: 20px; + } + + .aboutus-image { + height: 465px; + } +} + +@media screen and (min-width: 1280px) { + .aboutus-section { + padding-top: 80px; + } + + .text { + width: 100%; + height: 90px; + padding-bottom: 40px; + } + + .first-paragraph { + width: 439px; + height: 90px; + padding-left: 110px; + } + + .second-paragraph { + width: 380px; + height: 90px; + padding-left: 40px; + padding-right: 33px; + } + + .aboutus-image { + width: 892px; + height: 500px; + padding-left: 284px; + } + + .image { + width: 892px; + height: 500px; + object-fit: cover; + object-position: center; + position: absolute; + } +} diff --git a/src/sass/catalog.scss b/src/sass/catalog.scss new file mode 100644 index 00000000000..6a25e22065c --- /dev/null +++ b/src/sass/catalog.scss @@ -0,0 +1,241 @@ +/* Catalog Section */ + +@media only screen and (max-width: 1020px) { + .catalog-list-item.blockmob { + display: none; + } +} + +.catalog-section { + padding: 64px 0; +} + +.catalog-icons { + display: none; +} + +.section-catalog .title { + margin-bottom: 40px; +} + +.catalog-title { + font-weight: 600; + color: #1e2827; + font-size: 32px; + line-height: 1.25; + letter-spacing: -0.02em; + margin-bottom: 83px; +} + +.catalog-list { + display: flex; + justify-content: center; + flex-wrap: wrap; + column-gap: 24px; + row-gap: 48px; +} + +.catalog-list-item { + position: relative; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.image-container { + position: relative; + width: 100%; + overflow: hidden; + align-items: center; + justify-content: center; + border-radius: 8px; +} + +.image-container img { + width: 100%; + display: block; + align-items: center; + justify-content: center; + border-radius: 8px; +} + +.overlay { + position: absolute; + top: 0; + left: 0; + bottom: -100%; + width: 100%; + height: 100%; + background-color: #1e2827; + opacity: 0; + transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; + display: flex; + align-items: center; + justify-content: center; + border-radius: 8px; +} + +.image-container:hover .overlay { + opacity: 1; + transform: translateY(0); +} + +.overlay-description { + text-align: left; + color: #ffffff; + padding: 15px 10px 5px 10px; + margin-top: 20px; +} + +.overlay-title { + margin-bottom: 10px; + text-transform: uppercase; + font-weight: 400; + font-size: 14px; + line-height: 1.29; + letter-spacing: -0.02em; + color: #ffffff; +} + +.overlay-text { + font-weight: 400; + font-size: 14px; + line-height: 1.29; + letter-spacing: -0.01em; + color: rgba(255, 255, 255, 0.5); + margin-bottom: 30px; +} + +.image-container:hover .overlay { + opacity: 1; +} + +.catalog-list-item :hover { + cursor: pointer; +} + +.overlay-description.size { + width: 236px; +} + +.catalog-description { + padding: 32px 16px; + border-top: none; +} + +.text-description { + font-size: 14px; + line-height: 1.29; + letter-spacing: -0.02em; + color: #141414; + margin-bottom: 4px; +} + +.price { + font-size: 12px; + line-height: 1.17; + letter-spacing: -0.02em; + color: rgb(20, 20, 20, 0.5); +} + +.catalog-button { + max-width: 108px; + background-color: #1e2827; + color: #ffffff; + border-radius: 8px; + border: 1px solid #1e2827; + white-space: nowrap; + text-transform: uppercase; + font-size: 12px; + line-height: 1.17; + text-align: center; + padding: 14px 28px; + margin-left: auto; + display: block; + transition: border 250ms cubic-bezier cubic-bezier(0.4, 0, 0.2, 1); +} + +.catalog-button:focus, +.catalog-button:hover { + border: 1px solid #ffffff; +} + +@media screen and (min-width: 768px) { + .catalog-icons { + position: absolute; + display: inline-block; + stroke-width: 0; + stroke: rgba(20, 20, 20, 0.1); + fill: #ffffff; + right: 14px; + top: 14px; + z-index: 1; + } + + .catalog-title { + font-size: 40px; + line-height: 1.1; + margin-bottom: 83px; + } + + .catalog-button { + max-width: 122px; + padding: 18px 35px; + } + + .catalog-list { + display: flex; + flex-wrap: wrap; + row-gap: 40px; + column-gap: 32px; + } + + .catalog-list .catalog-list-item { + margin-bottom: 0; + width: calc((100% - 32px) / 2); + } + + .image-container img { + width: 336px; + height: 360px; + } + + .overlay-description { + padding: 40px; + } +} + +@media screen and (min-width: 1280px) { + .catalog-icons { + display: none; + } + + .catalog-list { + display: flex; + flex-wrap: wrap; + row-gap: 64px; + column-gap: 24px; + } + + .catalog-list .catalog-list-item { + width: calc((100% - 72px) / 4); + } + + .overlay-description { + padding: 20px; + } + + .overlay { + padding: 25px 0 25px; + } + + .overlay-text { + margin-bottom: 40px; + } + + .image-container img { + width: 276px; + height: 375px; + } +} diff --git a/src/sass/footer.scss b/src/sass/footer.scss new file mode 100644 index 00000000000..bf4ac873a64 --- /dev/null +++ b/src/sass/footer.scss @@ -0,0 +1,201 @@ +/* Footer Section */ + +.site-footer { + background-color: #1e2827; + padding: 40px 0; + margin: 0 auto; + color: #fff; +} + +.footer-container { + display: flex; + justify-content: space-between; + align-items: flex-start; + margin: 0 auto; + padding-bottom: 20px; + border-bottom: 1px solid #333; + flex-wrap: wrap; +} + +.footer-left, +.footer-center, +.footer-right { + flex: 1 1 auto; +} + +.footer-bottom { + flex-wrap: wrap; +} + +.footer-left { + max-width: 200px; + text-align: center; +} + +.footer-logo { + width: 40px; + margin-bottom: 0.5px; +} + +.footer-contact { + line-height: 1.6; + color: #fff; + font-size: 18px; +} + +.footer-right { + display: flex; + justify-content: flex-end; +} + +.footer-center { + text-align: left; + display: flex; + justify-content: flex-end; +} + +.footer-links { + list-style: none; + padding: 0; + text-align: center; +} + +.footer-links li { + margin-bottom: 10px; +} + +.footer-links a { + color: #fff; + text-decoration: none; + font-size: 14px; + font-weight: 400; + line-height: 18px; + letter-spacing: -0.02em; + transition: color 0.3s ease; +} + +.footer-links a:hover { + color: rgba(255, 255, 255, 0.7); +} + +.footer-right { + display: flex; + align-items: center; +} + +.social-icons a { + margin-right: 10px; +} + +.social-icons img { + width: 36px; + height: 36px; + border-radius: 4px; + background-color: #ffffff1a; + padding: 8px; + transition: background-color 0.3s ease; +} + +.social-icons a:hover img { + background-color: #007aff; +} + +.footer-bottom { + display: flex; + justify-content: space-between; + align-items: center; + margin: 20px auto 0; + font-size: 12px; + color: #b5b5b5; +} + +.footer-legal a { + color: #b5b5b5; + text-decoration: none; + margin-left: 20px; + transition: color 0.3s ease; +} + +.footer-legal a:hover { + color: #fff; +} + +.contacts-link-footer-link { + line-height: 5; + color: #fff; + transition: color 0.3s ease; +} + +.contacts-link-footer-link:hover { + color: rgba(255, 255, 255, 0.7); +} + +.contacts-link-footer-adr-link { + color: #fff; + transition: color 0.3s ease; +} + +.contacts-link-footer-adr-link:hover { + color: rgba(255, 255, 255, 0.7); +} + +@media screen and (min-width: 768px) { + .footer-left { + text-align: left; + } + + .footer-links { + text-align: left; + } +} + +@media screen and (max-width: 768px) { + .footer-container, + .footer-bottom { + flex-direction: column; + align-items: center; + } + + .footer-left, + .footer-center, + .footer-right { + max-width: 100%; + margin-bottom: 20px; + } + + .footer-contact { + font-size: 16px; + } + + .footer-logo { + width: 35px; + } + + .social-icons img { + width: 32px; + height: 32px; + } + + .footer-legal a { + margin-left: 15px; + } +} + +@media screen and (min-width: 1280px) { + .footer-container { + padding-bottom: 20px; + } + + .footer-logo { + width: 40px; + } + + .social-icons img { + width: 36px; + height: 36px; + } + + .footer-contact { + font-size: 18px; + } +} diff --git a/src/sass/header.scss b/src/sass/header.scss new file mode 100644 index 00000000000..44dd3b4ef5c --- /dev/null +++ b/src/sass/header.scss @@ -0,0 +1,303 @@ +:root { + --white: #ffffff; + --darkgreen: #1e2827; + --black: #141414; +} + +/* Header Section */ + +.header { + background-color: var(--black); + display: flex; + align-items: center; +} + +.header-container { + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + margin-top: 29px; + box-sizing: border-box; + z-index: 2; +} + +.header-nav { + display: flex; + align-items: center; +} + +.logo-text { + display: flex; + align-items: center; + font-size: 12px; + font-weight: 400; + letter-spacing: -0.03em; +} + +.logo-link { + display: flex; + align-items: center; + color: white; + gap: 4px; +} + +.logo-link img { + width: 14px; + height: 14px; + margin-bottom: 4px; +} + +.menu { + display: none; +} + +.header-address-container:hover, +.header-address-container:focus { + background-color: #25312f; + border: 1px solid #ffffff; + fill: var(--white); +} + +.header-address { + display: none; +} + +.menu-btn { + display: flex; + align-items: center; + border: none; + background-color: transparent; + padding: 0; +} + +/* Modal Menu */ + +.modal-menu-window { + display: flex; + flex-direction: column; + position: fixed; + z-index: 100; + top: 0; + left: 50%; + height: 100vh; + width: 100%; + transform: translateX(-50%); + background-color: var(--darkgreen); + color: var(--white); + visibility: hidden; +} + +.modal-menu-window.is-open { + visibility: visible; +} + +.menu-close-btn { + display: flex; + align-items: center; + justify-content: center; + border: none; + background-color: transparent; + padding: 0; +} + +.modal-header-container { + display: flex; + align-items: center; + width: 335px; + justify-content: space-between; + margin-top: 29px; + padding: 0; +} + +.modal-header-nav { + display: flex; + justify-content: center; +} + +.modal-menu-container { + display: flex; + justify-content: center; + margin-top: 200px; +} + +.modal-menu { + display: flex; + flex-direction: column; + align-items: center; + gap: 14px; +} + +.modal-menu-link { + color: var(--white); + font-weight: 400; + text-align: center; + position: relative; + transition: color 0.3s ease; +} + +.modal-menu-link::after { + content: ''; + width: 100%; + position: absolute; + left: 0; + bottom: -1px; + background-color: white; + border-radius: 2px; + height: 1px; + transform: scaleX(0); + transition: transform 0.3s ease; +} + +.modal-menu-link:hover::after { + transform: scaleX(1); +} + +.modal-menu-link:hover, +.modal-menu-link:focus { + color: rgba(255, 255, 255, 0.7); +} + +.modal-social-media-container { + background-color: #1a2221; + margin-top: auto; + padding: 40px 0; +} + +.modal-social-media-title { + text-align: center; + font-size: 14px; + font-weight: 400; + line-height: 18px; + letter-spacing: -0.03em; +} + +.modal-social-media { + display: flex; + justify-content: center; + gap: 20px; + margin-top: 40px; +} + +.modal-social-media-link { + background-color: #121717; + fill: var(--darkgreen); + border: 1px solid #121717; + border-radius: 15%; + display: flex; + align-items: center; + justify-content: center; + width: 36px; + height: 36px; + transition: background-color 0.3s ease, border 0.3s ease; + border: 1px solid transparent; +} + +.modal-social-media-link:hover, +.modal-social-media-link:focus { + background-color: #25312f; + border: 1px solid #ffffff; + fill: var(--white); +} + +@media screen and (min-width: 768px) { + .header-container { + margin-top: 20px; + color: white; + } + + .logo-link img { + width: 19px; + height: 19px; + margin-bottom: 3px; + } + + .logo-text { + box-sizing: border-box; + font-size: 15px; + line-height: 15.37px; + } + + .header-nav { + gap: 80px; + } + + .menu { + display: flex; + gap: 40px; + font-size: 9px; + line-height: 12px; + } + + .menu-item { + display: flex; + align-items: center; + justify-content: center; + } + + .menu-link { + color: white; + position: relative; + margin: 0; + transition: color 0.3s ease; + } + + .menu-link::after { + content: ''; + width: 100%; + position: absolute; + left: 0; + bottom: -1px; + background-color: white; + border-radius: 2px; + height: 1px; + transform: scaleX(0); + transition: transform 0.3s ease; + } + + .menu-link:hover::after { + transform: scaleX(1); + } + + .menu-link:hover, + .menu-link:focus { + color: rgba(255, 255, 255, 0.7); + } + + .header-address-container { + display: flex; + justify-content: center; + width: 159px; + height: 48px; + margin-top: 0; + background-color: var(--darkgreen); + border-radius: 8px; + transition: background-color 0.3s ease, border 0.3s ease; + border: 1px solid transparent; + } + + .header-address { + display: flex; + justify-content: center; + align-items: center; + gap: 40px; + font-size: 9px; + } + + .address-link { + color: white; + } + + .header-address-container .address-link { + display: flex; + align-items: center; + } + + .menu-btn { + display: none; + } + + .modal-menu-window { + display: none; + } +} diff --git a/src/sass/hero.scss b/src/sass/hero.scss new file mode 100644 index 00000000000..17643f244f2 --- /dev/null +++ b/src/sass/hero.scss @@ -0,0 +1,190 @@ +/* Hero Section */ + +.hero { + background-color: var(--black); + color: white; + padding-top: 69px; + padding-bottom: 40px; +} + +.hero-container { + display: flex; + flex-direction: column; + padding: 0; +} + +.hero-title { + font-size: 38px; + font-weight: 600; + line-height: 40px; + letter-spacing: -0.04em; + text-align: left; + margin-bottom: 60px; +} + +.swiper-container { + height: 200px; + width: 266px; + border-radius: 10px; + overflow: hidden; + user-select: none; +} + +.swiper-slide { + width: 266px; +} + +.swiper-slide img { + border-radius: 10px; +} + +.swiper-buttons { + display: flex; + position: static; + flex-direction: row; + align-items: center; + height: 32px; + margin-bottom: 40px; + margin-top: 20px; + width: 100%; +} + +.swiper-button-next { + margin-left: 44px; +} + +.swiper-button-next, +.swiper-button-prev { + top: 502px !important; + margin-top: 20px !important; + width: 32px !important; + height: 32px !important; + left: auto !important; + right: auto !important; +} + +.swiper-button-next::after, +.swiper-button-prev::after { + display: none; +} + +.hero-text { + display: flex; + font-size: 14px; + font-weight: 300; + line-height: 18px; + letter-spacing: -0.02em; + text-align: left; + width: 248px; + margin-top: 92px; + margin-bottom: 40px; + margin-left: auto; + margin-right: 0; +} + +.swiper-counter { + display: flex; + align-items: center; + width: 82px; + height: 18px; + display: flex; + position: absolute; + margin-left: 184px; + margin-top: 35px; + color: #fff; + font-size: 14px; +} + +#current-slide { + margin-right: 6px; +} + +#total-slides { + margin-left: 6px; +} + +@media screen and (min-width: 768px) { + .hero { + padding-top: 80px; + padding-bottom: 64px; + } + + .hero-container { + flex-direction: row; + flex-wrap: wrap; + } + + .hero-text { + width: 248px; + align-items: center; + margin-top: 0; + margin-bottom: 0; + } + + .hero-img { + margin-top: 100px; + } + + .hero-title { + font-size: 60px; + line-height: 62px; + width: 653px; + } + + .swiper-buttons { + height: 40px; + } + + .swiper-button-next { + margin-left: 52px; + } + + .swiper-button-next, + .swiper-button-prev { + top: 650px !important; + width: 40px !important; + height: 40px !important; + } + + .swiper-slide img { + height: 255px; + width: 436px; + } + + .swiper-wrapper { + width: 436px; + } + + .swiper-container { + height: 255px; + width: 436px; + } + + .swiper-counter { + margin-left: 353px; + margin-top: 43px; + } +} + +@media screen and (min-width: 1280px) { + .hero { + padding: 80px 0; + } + + .hero-img { + margin-left: auto; + margin-top: -335px; + } + + .hero-text { + width: 282px; + margin-top: -660px; + } + + .hero-title { + font-size: 60px; + line-height: 62px; + width: 750px; + margin-bottom: 122px; + } +} diff --git a/src/sass/index.scss b/src/sass/index.scss index 8d1a014a6b5..e6fe7a42b7a 100755 --- a/src/sass/index.scss +++ b/src/sass/index.scss @@ -1,2 +1,10 @@ +@import './style.scss'; +@import './aboutus.scss'; +@import './catalog.scss'; @import './common'; -@import './example'; +@import './footer.scss'; +@import './header.scss'; +@import './hero.scss'; +@import './modal.scss'; +@import './sale.scss'; +@import './watches.scss'; diff --git a/src/sass/modal.scss b/src/sass/modal.scss new file mode 100644 index 00000000000..afbcaf5ea0f --- /dev/null +++ b/src/sass/modal.scss @@ -0,0 +1,363 @@ +/* Buy Menu Section */ + +.backdrop { + position: fixed; + top: 0px; + height: 100%; + width: 100%; + z-index: 100; + background-color: rgba(46, 47, 66, 0.4); + transition: opacity 1s linear, visibility 1s linear; + overflow: auto; +} + +.is-hidden { + opacity: 0; + visibility: hidden; + pointer-events: none; +} + +.modal { + position: absolute; + width: 100%; + box-sizing: border-box; + left: 50%; + padding-top: 12px; + padding-left: 20px; + padding-right: 20px; + padding-bottom: 40px; + background: #ffffff; + box-shadow: 0px 0px 223px rgba(0, 0, 0, 0.05), + 0px 0px 130.6px rgba(0, 0, 0, 0.037963), + 0px 0px 71.0296px rgba(0, 0, 0, 0.0303704), + 0px 0px 36.2375px rgba(0, 0, 0, 0.025), + 0px 0px 18.1704px rgba(0, 0, 0, 0.0196296), + 0px 0px 8.77546px rgba(0, 0, 0, 0.012037); + isolation: isolate; + transform: translate(-50%) scale(1) rotate(0); + transition-duration: 250ms; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.backdrop.is-hidden .modal { + transform: translate(-50%, -50%) scale(0) rotate(-180deg); + transition-duration: 250ms; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.close-modal-icon { + display: flex; + width: 20px; + height: 20px; + stroke: #141414; +} + +.close-modal-btn { + display: flex; + align-items: center; + justify-content: center; + margin-left: auto; + margin-right: -8px; + border: none; + background-color: #ffffff; + transition-duration: 250ms; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.close-modal-svg { + border: 1.3px solid #141414; + line-height: 100%; +} + +.modal-block1-list { + list-style: none; + margin-bottom: 40px; +} + +.modal-block1-item { + max-width: 276px; + height: 375px; + margin: auto; +} + +.modal-block1-item-img { + margin-bottom: 14px; +} + +.modal-block1-description { + flex-direction: column; + justify-content: space-between; + display: flex; +} + +.modal-block1-title { + margin-bottom: 4px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-family: 'Epilogue'; + font-style: normal; + font-size: 14px; + line-height: 1.29; + letter-spacing: -0.02em; + color: #141414; + font-weight: 400; +} + +.modal-block1-text { + margin-top: 0; + margin-bottom: 0; + font-family: 'Epilogue'; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 1.17; + letter-spacing: -0.02em; + color: rgba(20, 20, 20, 0.5); +} + +.modal-block2-form { + display: flex; + flex-direction: column; + height: 578px; + max-width: 295px; +} + +.modal-block2-label { + padding: 0px; + margin-bottom: 18px; +} + +.modal-no { + margin-bottom: 20px; +} + +.modal-block2-title { + display: block; + font-family: 'Epilogue'; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 1.17; + letter-spacing: -0.02em; + color: #141414; + margin-bottom: 12px; +} + +.modal-block2-input-wrap { + position: relative; +} + +.modal-block2-input { + padding: 12px 16px; + width: 100%; + height: 42px; + border: 1px solid rgba(20, 20, 20, 0.5); + border-radius: 8px; +} + +.modal-block2-input::placeholder { + font-family: 'Epilogue'; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 1.29; + letter-spacing: -0.02em; + color: rgba(20, 20, 20, 0.5); + display: flex; +} + +.comments { + min-height: 170px; + resize: none; + height: auto; + margin-bottom: 0px; +} + +input:not(:placeholder-shown):required:valid { + border: 1px solid rgba(20, 20, 20, 0.5); +} + +input:not(:placeholder-shown):required:invalid { + border-color: red; + border-radius: 10px; +} + +.submit-modal-btn { + font-family: 'Epilogue'; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 1.17; + text-align: center; + text-transform: uppercase; + color: #ffffff; + min-height: 50px; + background: #1e2827; + border-radius: 8px; + flex-direction: row; + justify-content: center; + align-items: flex-start; + margin-bottom: 12px; +} + +.modal-bottom-text { + font-family: 'Epilogue'; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 1.17; + letter-spacing: -0.02em; + color: rgba(20, 20, 20, 0.4); + margin: 0 auto; +} + +.modal-bottom-link { + font-family: 'Plus Jakarta Sans'; + font-weight: 400; + font-size: 12px; + line-height: 1.17; + letter-spacing: -0.02em; + color: rgba(20, 20, 20, 0.4); +} + +.modal-bottom-text br { + display: none; +} + +@media screen and (min-width: 375px) { + .modal { + max-width: 335px; + margin-left: auto; + margin-right: auto; + } +} + +@media screen and (max-width: 767px) { + .backdrop { + overflow-y: auto; + } + + .modal-block2-form { + margin: auto; + } +} + +/* 768 */ +@media screen and (min-width: 768px) { + .modal { + max-width: 744px; + max-height: 670px; + padding: 40px; + height: 1073px; + top: 50%; + transform: translate(-50%, -50%) scale(1) rotate(0); + } + + .close-modal-btn { + top: -32px; + right: -10px; + position: relative; + padding: 6px; + } + + .close-modal-icon { + width: 24px; + height: 24px; + } + + .modal-block1 { + float: left; + margin-right: 20px; + } + + .modal-block1-list { + padding-left: 0; + padding-right: 0; + margin-top: 0; + margin-bottom: 0; + } + + .modal-block2 { + margin-top: -32px; + margin-right: -10px; + } + + .modal-block2-form { + max-width: 368px; + } + + .modal-block2-label { + width: 100%; + } + + .modal-block2-title { + font-size: 14px; + line-height: 1.29; + padding: 0; + } + + .modal-block2-input { + width: 368px; + } + + .modal-block2-input::placeholder { + font-size: 16px; + line-height: 1.12; + } + + .comments { + max-width: 368px; + margin-bottom: 0px; + } + + .submit-modal-btn { + width: 368px; + } +} + +/* 1280 */ +@media screen and (min-width: 1280px) { + .modal { + max-width: 904px; + max-height: 694px; + } + + .modal-block1 { + margin-right: 40px; + } + + .modal-block2 { + height: 614px; + } + + .modal-block2-form { + max-width: 508px; + height: 100%; + } + + .modal-block2-input { + width: 508px; + } + + .modal-no { + margin-bottom: 40px; + } + + .comments { + max-width: 508px; + margin-bottom: 0px; + } + + .submit-modal-btn { + width: 508px; + } + + .modal-bottom-text { + margin-left: 0; + } + + .modal-bottom-text br { + display: block; + } +} diff --git a/src/sass/sale.scss b/src/sass/sale.scss new file mode 100644 index 00000000000..7909e2a3b42 --- /dev/null +++ b/src/sass/sale.scss @@ -0,0 +1,232 @@ +/* Sale Section */ + +.sale-section { + width: 100%; + height: 100%; + padding-top: 40px; + padding-bottom: 80px; +} + +.sale-container { + width: 100%; +} + +.sale-title { + margin-bottom: 40px; + font-weight: 600; + font-size: 32px; + letter-spacing: 0.02em; + line-height: 1.25; +} + +.watch-images { + display: flex; + margin-bottom: 40px; +} + +.list-images { + margin: 0; + list-style: none; + padding: 0; +} + +.item-images { + width: 80px; + height: 80px; + margin-bottom: 10px; +} + +.big-watch { + width: 235px; + height: 350px; + padding-left: 20px; +} + +.watch-title { + margin-bottom: 40px; +} + +.watch-name { + margin-bottom: 8px; + font-weight: 400; + font-size: 24px; + letter-spacing: -0.02em; + line-height: 1; +} + +.watch-text { + font-size: 14px; + letter-spacing: -0.01em; + color: #14141480; +} + +.watch-price { + margin-top: 16px; + font-size: 18px; + letter-spacing: -0.02em; +} + +.watch-discount { + margin-left: 8px; + font-size: 12px; + text-decoration-line: line-through; + letter-spacing: -0.02em; + color: #14141480; +} + +.watch-description { + margin-bottom: 40px; +} + +.watch-description-title { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 9px; + font-weight: 400; + font-size: 18px; + letter-spacing: -0.02em; + padding: 8px 0; + border-top: 1px solid; +} + +.svg-sale { + display: flex; + width: 16; + height: 0; + border: 1px solid black; +} + +.watch-description-text { + font-size: 14px; + letter-spacing: -0.02em; + color: #14141480; +} + +.watch-details-title { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 9px; + font-weight: 400; + font-size: 18px; + letter-spacing: -0.02em; + padding: 8px 0; + border-top: 1px solid; +} + +.watch-details-text { + font-size: 14px; + line-height: 18px; + letter-spacing: -0.02em; + color: #14141480; +} + +@media screen and (min-width: 768px) { + .sale-section { + padding-top: 64px; + padding-bottom: 128px; + } + + .sale-container { + width: 100%; + } + + .sale-title { + font-size: 40px; + line-height: 1.1; + } + + .watch-images { + padding-left: 66px; + padding-right: 66px; + } + + .list-images { + margin-bottom: 10px; + } + + .item-images { + width: 146px; + height: 146px; + } + + .big-watch { + width: 406px; + height: 614px; + } + + .watch-information { + margin-left: 66px; + margin-right: 66px; + } +} + +@media screen and (min-width: 1280px) { + .sale-section { + padding-top: 80px; + padding-bottom: 160px; + } + + .sale-container { + width: 100%; + } + + .sale-title { + margin-bottom: 80px; + } + + .sale-item { + display: flex; + } + + .watch-images { + width: 572px; + margin-bottom: 0; + } + + .item-images { + width: 146px; + height: 146px; + } + + .big-watch { + width: 406px; + height: 614px; + left: 166px; + } + + .watch-information { + width: 369px; + margin-left: 0; + } + + .watch-title { + margin-left: 0; + margin-right: 0; + } + + .watch-name { + font-size: 38px; + line-height: 40px; + } + + .watch-description { + margin-bottom: 20px; + margin-left: 0; + margin-right: 0; + } + + .watch-description-title { + margin-bottom: 17px; + } + + .watch-details { + margin-left: 0; + margin-right: 0; + } + + .watch-details-title { + margin-bottom: 17px; + } +} diff --git a/src/sass/style.scss b/src/sass/style.scss new file mode 100644 index 00000000000..c13df4fdbef --- /dev/null +++ b/src/sass/style.scss @@ -0,0 +1,73 @@ +/* Style reset */ + +h1, +h2, +h3, +h4, +h5, +h6, +p { + margin: 0; +} + +ul { + padding: 0; + margin: 0; + list-style-type: none; +} + +a { + text-decoration: none; + font-style: normal; +} + +*, +*::after, +*::before { + box-sizing: inherit; +} + +body { + font-family: 'Epilogue', sans-serif; + background-color: var(--white); +} + +img { + display: block; + width: 100%; + height: auto; +} + +button { + cursor: pointer; +} + +.section { + min-width: 375px; + width: 100%; +} + +.container { + max-width: 335px; + margin: 0 auto; +} + +@media screen and (min-width: 768px) { + .section { + min-width: 768px; + } + + .container { + max-width: 704px; + } +} + +@media screen and (min-width: 1280px) { + .section { + min-width: 1280px; + } + + .container { + max-width: 1176px; + } +} diff --git a/src/sass/watches.scss b/src/sass/watches.scss new file mode 100644 index 00000000000..196a6aa62df --- /dev/null +++ b/src/sass/watches.scss @@ -0,0 +1,41 @@ +.watches-section { + padding: 40px 0; +} + +.watches-header { + margin-bottom: 20px; + text-align: left; +} + +.watches-category { + display: block; + color: #14141466; + font-size: 14px; + font-weight: 300; + margin-bottom: 8px; +} + +.watches-title { + font-weight: 600; + color: #1e2827; + font-size: 40px; + line-height: 1.25; + letter-spacing: -0.02em; + margin-bottom: 40px; +} + +.watches-images { + display: flex; + justify-content: center; + gap: 20px; +} + +@media (max-width: 768px) { + .watches-title { + font-size: 32px; + } + + .watches-images { + flex-direction: column; + } +}