diff --git a/imac.202c52ff.jpeg b/imac.202c52ff.jpeg
new file mode 100644
index 00000000000..c282f7c494d
Binary files /dev/null and b/imac.202c52ff.jpeg differ
diff --git a/imac.d0e0225a.jpeg b/imac.d0e0225a.jpeg
new file mode 100644
index 00000000000..1f1a90f1dca
Binary files /dev/null and b/imac.d0e0225a.jpeg differ
diff --git a/index.e378193d.css b/index.e378193d.css
new file mode 100644
index 00000000000..49262222b08
--- /dev/null
+++ b/index.e378193d.css
@@ -0,0 +1,181 @@
+* {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+}
+
+.page {
+ color: #060b35;
+ font-family: Roboto, sans-serif;
+ font-size: 12px;
+ font-weight: 400;
+ line-height: 14px;
+}
+
+.page__body {
+ margin: 0;
+}
+
+.nav {
+ text-transform: uppercase;
+ font-weight: 500;
+}
+
+.nav__list {
+ list-style: none;
+ display: flex;
+}
+
+.nav__list :not(:last-child) {
+ margin-right: 20px;
+}
+
+.nav__link {
+ color: #060b35;
+ padding-block: 23px;
+ text-decoration: none;
+ transition: all .3s;
+ display: block;
+ position: relative;
+}
+
+.nav__link--hover:hover, .nav__link--active {
+ color: #00acdc;
+}
+
+.nav__link--active:before {
+ content: "";
+ background-color: #00acdc;
+ border-radius: 8px;
+ width: 100%;
+ height: 4px;
+ display: block;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+}
+
+.header {
+ justify-content: space-between;
+ align-items: center;
+ padding-inline: 50px;
+ display: flex;
+ box-shadow: 0 2px 4px #0000000d;
+}
+
+.header__logo-link, .stars {
+ display: flex;
+}
+
+.stars :not(:last-child) {
+ margin-right: 4px;
+}
+
+.stars--active :not(:last-child) {
+ background-image: url("star-active.2be54011.svg");
+}
+
+.stars__item {
+ background-image: url("star.fa806e3c.svg");
+ background-position: center;
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 16px;
+}
+
+.buy {
+ text-align: center;
+ text-transform: uppercase;
+ color: #fff;
+ background-color: #00acdc;
+ border-radius: 5px;
+ padding: 12px 70px;
+ font-size: 14px;
+ font-weight: 700;
+ line-height: 16px;
+ text-decoration: none;
+ transition: all .3s;
+}
+
+.buy:hover {
+ color: #00acdc;
+ background-color: #fff;
+ border: 1px solid #00acdc;
+}
+
+.grid-container {
+ grid-template-columns: repeat(auto-fit, minmax(200px, 200px));
+ justify-content: center;
+ gap: 46px 48px;
+ padding: 50px 40px;
+ display: grid;
+}
+
+.card {
+ border: 1px solid #f3f3f3;
+ border-radius: 5px;
+ flex-direction: column;
+ justify-content: center;
+ width: 200px;
+ padding: 32px 16px 16px;
+ transition: all .3s;
+ display: flex;
+}
+
+.card:hover {
+ transform: scale(1.2);
+}
+
+.card__image {
+ min-height: 134px;
+ margin-bottom: 40px;
+ padding-inline: 3px;
+}
+
+.card__title {
+ margin-bottom: 4px;
+ font-size: 12px;
+ font-weight: 500;
+ line-height: 18px;
+}
+
+.card:hover .card__title {
+ color: #34568b;
+}
+
+.card__code {
+ color: #616070;
+ margin-bottom: 16px;
+ font-size: 10px;
+}
+
+.card__rating {
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 24px;
+ display: flex;
+}
+
+.card__review {
+ color: #060b35;
+ font-size: 10px;
+}
+
+.card__price {
+ justify-content: space-between;
+ margin-bottom: 16px;
+ display: flex;
+}
+
+.card__price-text {
+ color: #616070;
+ line-height: 18px;
+}
+
+.card__price-number {
+ color: #060b35;
+ font-size: 16px;
+ font-weight: 700;
+ line-height: 18px;
+}
+/*# sourceMappingURL=index.e378193d.css.map */
diff --git a/index.e378193d.css.map b/index.e378193d.css.map
new file mode 100644
index 00000000000..54aafc8ffd1
--- /dev/null
+++ b/index.e378193d.css.map
@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;;;AAMA;;;;;;;;AAQA;;;;ACdA;;;;;AAIE;;;;;AAIE;;;;AAKF;;;;;;;;;AAQE;;;;AAOE;;;;;;;;;;;;AC5BN;;;;;;;;AAOE;;;;ACJA;;;;AAIA;;;;AAIA;;;;;;;;ACXF;;;;;;;;;;;;;;AAaE;;;;;;ACbF;;;;;;;;AAQA;;;;;;;;;;;AAUE;;;;AAIA;;;;;;AAMA;;;;;;;AAOA;;;;AAIA;;;;;;AAMA;;;;;;;AAOA;;;;;AAKA;;;;;;AAMA;;;;;AAKA","sources":["src/styles/blocks/page.scss","src/styles/blocks/nav.scss","src/styles/blocks/header.scss","src/styles/blocks/stars.scss","src/styles/blocks/buy.scss","src/styles/blocks/card.scss"],"sourcesContent":[null,null,null,null,null,null],"names":[],"version":3,"file":"index.e378193d.css.map","sourceRoot":"/__parcel_source_root/"}
\ No newline at end of file
diff --git a/index.f8de2ccf.css b/index.f8de2ccf.css
new file mode 100644
index 00000000000..10dd42ce19b
--- /dev/null
+++ b/index.f8de2ccf.css
@@ -0,0 +1,2 @@
+*{box-sizing:border-box;margin:0;padding:0}.page{color:#060b35;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;line-height:14px}.page__body{margin:0}.nav{text-transform:uppercase;font-weight:500}.nav__list{list-style:none;display:flex}.nav__list :not(:last-child){margin-right:20px}.nav__link{color:#060b35;padding-block:23px;text-decoration:none;transition:all .3s;display:block;position:relative}.nav__link--hover:hover,.nav__link--active{color:#00acdc}.nav__link--active:before{content:"";background-color:#00acdc;border-radius:8px;width:100%;height:4px;display:block;position:absolute;bottom:0;left:0}.header{justify-content:space-between;align-items:center;padding-inline:50px;display:flex;box-shadow:0 2px 4px #0000000d}.header__logo-link,.stars{display:flex}.stars :not(:last-child){margin-right:4px}.stars--active :not(:last-child){background-image:url(star-active.edda4c43.svg)}.stars__item{background-image:url(star.822d561e.svg);background-position:50%;background-repeat:no-repeat;width:16px;height:16px}.buy{text-align:center;text-transform:uppercase;color:#fff;background-color:#00acdc;border-radius:5px;padding:12px 70px;font-size:14px;font-weight:700;line-height:16px;text-decoration:none;transition:all .3s}.buy:hover{color:#00acdc;background-color:#fff;border:1px solid #00acdc}.grid-container{grid-template-columns:repeat(auto-fit,minmax(200px,200px));justify-content:center;gap:46px 48px;padding:50px 40px;display:grid}.card{border:1px solid #f3f3f3;border-radius:5px;flex-direction:column;justify-content:center;width:200px;padding:32px 16px 16px;transition:all .3s;display:flex}.card:hover{transform:scale(1.2)}.card__image{min-height:134px;margin-bottom:40px;padding-inline:3px}.card__title{margin-bottom:4px;font-size:12px;font-weight:500;line-height:18px}.card:hover .card__title{color:#34568b}.card__code{color:#616070;margin-bottom:16px;font-size:10px}.card__rating{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.card__review{color:#060b35;font-size:10px}.card__price{justify-content:space-between;margin-bottom:16px;display:flex}.card__price-text{color:#616070;line-height:18px}.card__price-number{color:#060b35;font-size:16px;font-weight:700;line-height:18px}
+/*# sourceMappingURL=index.f8de2ccf.css.map */
diff --git a/index.f8de2ccf.css.map b/index.f8de2ccf.css.map
new file mode 100644
index 00000000000..323b0cb8aaf
--- /dev/null
+++ b/index.f8de2ccf.css.map
@@ -0,0 +1 @@
+{"mappings":"ACAA,2CAMA,kGAQA,qBCdA,8CAIE,wCAIE,+CAKF,oHAQE,yDAOE,sJC5BN,yHAOE,uCCJA,0CAIA,iGAIA,iJCXF,gNAaE,wECbF,+IAQA,iKAUE,iCAIA,oEAMA,+EAOA,uCAIA,4DAMA,+FAOA,2CAKA,2EAMA,iDAKA","sources":["index.f8de2ccf.css","src/styles/blocks/page.scss","src/styles/blocks/nav.scss","src/styles/blocks/header.scss","src/styles/blocks/stars.scss","src/styles/blocks/buy.scss","src/styles/blocks/card.scss"],"sourcesContent":["* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n.page {\n color: #060b35;\n font-family: Roboto, sans-serif;\n font-size: 12px;\n font-weight: 400;\n line-height: 14px;\n}\n\n.page__body {\n margin: 0;\n}\n\n.nav {\n text-transform: uppercase;\n font-weight: 500;\n}\n\n.nav__list {\n list-style: none;\n display: flex;\n}\n\n.nav__list :not(:last-child) {\n margin-right: 20px;\n}\n\n.nav__link {\n color: #060b35;\n padding-block: 23px;\n text-decoration: none;\n transition: all .3s;\n display: block;\n position: relative;\n}\n\n.nav__link--hover:hover, .nav__link--active {\n color: #00acdc;\n}\n\n.nav__link--active:before {\n content: \"\";\n background-color: #00acdc;\n border-radius: 8px;\n width: 100%;\n height: 4px;\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n}\n\n.header {\n justify-content: space-between;\n align-items: center;\n padding-inline: 50px;\n display: flex;\n box-shadow: 0 2px 4px #0000000d;\n}\n\n.header__logo-link, .stars {\n display: flex;\n}\n\n.stars :not(:last-child) {\n margin-right: 4px;\n}\n\n.stars--active :not(:last-child) {\n background-image: url(\"star-active.edda4c43.svg\");\n}\n\n.stars__item {\n background-image: url(\"star.822d561e.svg\");\n background-position: center;\n background-repeat: no-repeat;\n width: 16px;\n height: 16px;\n}\n\n.buy {\n text-align: center;\n text-transform: uppercase;\n color: #fff;\n background-color: #00acdc;\n border-radius: 5px;\n padding: 12px 70px;\n font-size: 14px;\n font-weight: 700;\n line-height: 16px;\n text-decoration: none;\n transition: all .3s;\n}\n\n.buy:hover {\n color: #00acdc;\n background-color: #fff;\n border: 1px solid #00acdc;\n}\n\n.grid-container {\n grid-template-columns: repeat(auto-fit, minmax(200px, 200px));\n justify-content: center;\n gap: 46px 48px;\n padding: 50px 40px;\n display: grid;\n}\n\n.card {\n border: 1px solid #f3f3f3;\n border-radius: 5px;\n flex-direction: column;\n justify-content: center;\n width: 200px;\n padding: 32px 16px 16px;\n transition: all .3s;\n display: flex;\n}\n\n.card:hover {\n transform: scale(1.2);\n}\n\n.card__image {\n min-height: 134px;\n margin-bottom: 40px;\n padding-inline: 3px;\n}\n\n.card__title {\n margin-bottom: 4px;\n font-size: 12px;\n font-weight: 500;\n line-height: 18px;\n}\n\n.card:hover .card__title {\n color: #34568b;\n}\n\n.card__code {\n color: #616070;\n margin-bottom: 16px;\n font-size: 10px;\n}\n\n.card__rating {\n justify-content: space-between;\n align-items: center;\n margin-bottom: 24px;\n display: flex;\n}\n\n.card__review {\n color: #060b35;\n font-size: 10px;\n}\n\n.card__price {\n justify-content: space-between;\n margin-bottom: 16px;\n display: flex;\n}\n\n.card__price-text {\n color: #616070;\n line-height: 18px;\n}\n\n.card__price-number {\n color: #060b35;\n font-size: 16px;\n font-weight: 700;\n line-height: 18px;\n}\n/*# sourceMappingURL=index.f8de2ccf.css.map */\n","* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n.page {\n font-family: Roboto, sans-serif;\n font-weight: 400;\n font-size: 12px;\n line-height: 14px;\n color: $main-accent;\n}\n\n.page__body {\n margin: 0;\n}\n",".nav {\n text-transform: uppercase;\n font-weight: 500;\n\n &__list {\n display: flex;\n list-style: none;\n\n & :not(:last-child) {\n margin-right: 20px;\n }\n }\n\n &__link {\n position: relative;\n display: block;\n text-decoration: none;\n color: $main-accent;\n padding-block: 23px;\n transition: $transition-duration;\n\n &--hover:hover {\n color: $blue-accent;\n }\n\n &--active {\n color: $blue-accent;\n\n &::before {\n content: '';\n display: block;\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 4px;\n border-radius: 8px;\n background-color: $blue-accent;\n }\n }\n }\n}\n",".header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-inline: 50px;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);\n\n &__logo-link {\n display: flex;\n }\n}\n",".stars {\n display: flex;\n\n & :not(:last-child) {\n margin-right: 4px;\n }\n\n &--active :not(:last-child) {\n background-image: url(/src/images/star-active.svg);\n }\n\n &__item {\n width: 16px;\n height: 16px;\n background-image: url(/src/images/star.svg);\n background-repeat: no-repeat;\n background-position: center;\n }\n}\n",".buy {\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n padding: 12px 70px;\n color: rgba(255, 255, 255, 1);\n background-color: $blue-accent;\n font-weight: 700;\n font-size: 14px;\n line-height: 16px;\n border-radius: $rounding;\n transition: $transition-duration;\n\n &:hover {\n background-color: $white;\n color: $blue-accent;\n border: $blue-border;\n }\n}\n",".grid-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 200px));\n justify-content: center;\n gap: 46px 48px;\n padding: 50px 40px;\n}\n\n.card {\n display: flex;\n justify-content: center;\n flex-direction: column;\n width: 200px;\n border: $gray-border;\n padding: 32px 16px 16px;\n border-radius: $rounding;\n transition: $transition-duration;\n\n &:hover {\n transform: scale(1.2);\n }\n\n &__image {\n margin-bottom: 40px;\n padding-inline: 3px;\n min-height: 134px;\n }\n\n &__title {\n font-weight: 500;\n font-size: 12px;\n line-height: 18px;\n margin-bottom: 4px;\n }\n\n &:hover .card__title {\n color: $title-hover;\n }\n\n &__code {\n font-size: 10px;\n color: $secondary;\n margin-bottom: 16px;\n }\n\n &__rating {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 24px;\n }\n\n &__review {\n font-size: 10px;\n color: $main-accent;\n }\n\n &__price {\n display: flex;\n justify-content: space-between;\n margin-bottom: 16px;\n }\n\n &__price-text {\n line-height: 18px;\n color: $secondary;\n }\n\n &__price-number {\n font-weight: 700;\n font-size: 16px;\n line-height: 18px;\n color: $main-accent;\n }\n}\n"],"names":[],"version":3,"file":"index.f8de2ccf.css.map"}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 00000000000..74935c40815
--- /dev/null
+++ b/index.html
@@ -0,0 +1 @@
+Catalog APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A) Product code: 195434 Buy APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A) Product code: 195434 Buy APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A) Product code: 195434 Buy APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A) Product code: 195434 Buy APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A) Product code: 195434 Buy APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A) Product code: 195434 Buy APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A) Product code: 195434 Buy APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A) Product code: 195434 Buy
\ No newline at end of file
diff --git a/layout_catalog.59712999.js b/layout_catalog.59712999.js
new file mode 100644
index 00000000000..724c08af34c
--- /dev/null
+++ b/layout_catalog.59712999.js
@@ -0,0 +1,590 @@
+// 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;
+ });
+
+ //
+
+
+
+
