make build

voievodik · Jul 28, 2023 · 6171b85 · 6171b85
commit 6171b85
Show file tree

Hide file tree

Showing 55 changed files with 6,630 additions and 0 deletions.
diff --git a/imac.2690641a.jpeg b/imac.2690641a.jpeg
diff --git a/index.html b/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en" class="page"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Catalog</title><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="styles.2e2c4a58.css"></head><body id="home"> <header class="header"> <a class="logo" href="#home"> <img src="logo.6c938e44.png" alt="Moyo logo"> </a> <nav class="nav"> <ul class="nav__list"> <li class="nav__item"> <a class="is-active nav__link" href="#apple">Apple</a> </li> <li class="nav__item"> <a class="nav__link" href="#samsung">Samsung</a> </li> <li class="nav__item"> <a class="nav__link" href="#smartphones">Smartphones</a> </li> <li class="nav__item"> <a class="nav__link" data-qa="nav-hover" href="#laptops&computers"> Laptops & computers </a> </li> <li class="nav__item"> <a class="nav__link" href="#gadgets">Gadgets</a> </li> <li class="nav__item"> <a class="nav__link" href="#tablets">Tablets</a> </li> <li class="nav__item"> <a class="nav__link" href="#photo">Photo</a> </li> <li class="nav__item"> <a class="nav__link" href="#video">Video</a> </li> </ul> </nav> </header> <main class="main"> <ul class="cards main__cards"> <li class="card" data-qa="card"> <img class="card__img" src="imac.2690641a.jpeg" alt="APPLE A1419 iMac"> <h3 class="card__name">APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)</h3> <p class="card__code">Product code: 195434</p> <div class="card__reviews"> <ul class="card__stars stars stars--4"> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> </ul> <p class="card__review-number"> Reviews: 5 </p> </div> <div class="card__price"> <p class="card__text">Price:</p> <p class="card__price-number">$2,199</p> </div> <a class="card__link" href="#" data-qa="card-hover"> Buy </a> </li> <li class="card"> <img class="card__img" src="imac.2690641a.jpeg" alt="APPLE A1419 iMac"> <h3 class="card__name">APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)</h3> <p class="card__code">Product code: 195434</p> <div class="card__reviews"> <ul class="card__stars stars stars--4"> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> </ul> <p class="card__review-number"> Reviews: 5 </p> </div> <div class="card__price"> <p class="card__text">Price:</p> <p class="card__price-number">$2,199</p> </div> <a class="card__link" href="#" data-qa="hover"> Buy </a> </li> <li class="card"> <img class="card__img" src="imac.2690641a.jpeg" alt="APPLE A1419 iMac"> <h3 class="card__name">APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)</h3> <p class="card__code">Product code: 195434</p> <div class="card__reviews"> <ul class="card__stars stars stars--4"> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> </ul> <p class="card__review-number"> Reviews: 5 </p> </div> <div class="card__price"> <p class="card__text">Price:</p> <p class="card__price-number">$2,199</p> </div> <a class="card__link" href="#" data-qa="hover"> Buy </a> </li> <li class="card"> <img class="card__img" src="imac.2690641a.jpeg" alt="APPLE A1419 iMac"> <h3 class="card__name">APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)</h3> <p class="card__code">Product code: 195434</p> <div class="card__reviews"> <ul class="card__stars stars stars--4"> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> </ul> <p class="card__review-number"> Reviews: 5 </p> </div> <div class="card__price"> <p class="card__text">Price:</p> <p class="card__price-number">$2,199</p> </div> <a class="card__link" href="#" data-qa="hover"> Buy </a> </li> <li class="card"> <img class="card__img" src="imac.2690641a.jpeg" alt="APPLE A1419 iMac"> <h3 class="card__name">APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)</h3> <p class="card__code">Product code: 195434</p> <div class="card__reviews"> <ul class="card__stars stars stars--4"> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> </ul> <p class="card__review-number"> Reviews: 5 </p> </div> <div class="card__price"> <p class="card__text">Price:</p> <p class="card__price-number">$2,199</p> </div> <a class="card__link" href="#" data-qa="hover"> Buy </a> </li> <li class="card"> <img class="card__img" src="imac.2690641a.jpeg" alt="APPLE A1419 iMac"> <h3 class="card__name">APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)</h3> <p class="card__code">Product code: 195434</p> <div class="card__reviews"> <ul class="card__stars stars stars--4"> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> </ul> <p class="card__review-number"> Reviews: 5 </p> </div> <div class="card__price"> <p class="card__text">Price:</p> <p class="card__price-number">$2,199</p> </div> <a class="card__link" href="#" data-qa="hover"> Buy </a> </li> <li class="card"> <img class="card__img" src="imac.2690641a.jpeg" alt="APPLE A1419 iMac"> <h3 class="card__name">APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)</h3> <p class="card__code">Product code: 195434</p> <div class="card__reviews"> <ul class="card__stars stars stars--4"> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> </ul> <p class="card__review-number"> Reviews: 5 </p> </div> <div class="card__price"> <p class="card__text">Price:</p> <p class="card__price-number">$2,199</p> </div> <a class="card__link" href="#" data-qa="hover"> Buy </a> </li> <li class="card"> <img class="card__img" src="imac.2690641a.jpeg" alt="APPLE A1419 iMac"> <h3 class="card__name">APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)</h3> <p class="card__code">Product code: 195434</p> <div class="card__reviews"> <ul class="card__stars stars stars--4"> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> </ul> <p class="card__review-number"> Reviews: 5 </p> </div> <div class="card__price"> <p class="card__text">Price:</p> <p class="card__price-number">$2,199</p> </div> <a class="card__link" href="#" data-qa="hover"> Buy </a> </li> </ul> </main> </body></html>
diff --git a/logo.6c938e44.png b/logo.6c938e44.png
diff --git a/report/bitmaps_reference/Card_with_data-qa_card_1024px.png b/report/bitmaps_reference/Card_with_data-qa_card_1024px.png
diff --git a/report/bitmaps_reference/Card_with_data-qa_card_1200px.png b/report/bitmaps_reference/Card_with_data-qa_card_1200px.png
diff --git a/report/bitmaps_reference/Entire_document_1024px.png b/report/bitmaps_reference/Entire_document_1024px.png
diff --git a/report/bitmaps_reference/Entire_document_1200px.png b/report/bitmaps_reference/Entire_document_1200px.png
diff --git a/report/bitmaps_reference/Header_tag_1024px.png b/report/bitmaps_reference/Header_tag_1024px.png
diff --git a/report/bitmaps_reference/Header_tag_1200px.png b/report/bitmaps_reference/Header_tag_1200px.png
diff --git a/report/bitmaps_reference/Link_with_class_is-active_1024px.png b/report/bitmaps_reference/Link_with_class_is-active_1024px.png
diff --git a/report/bitmaps_reference/Link_with_class_is-active_1200px.png b/report/bitmaps_reference/Link_with_class_is-active_1200px.png
diff --git a/report/bitmaps_reference/Link_with_data-qa_hover_1024px.png b/report/bitmaps_reference/Link_with_data-qa_hover_1024px.png
diff --git a/report/bitmaps_reference/Link_with_data-qa_hover_1200px.png b/report/bitmaps_reference/Link_with_data-qa_hover_1200px.png
diff --git a/report/bitmaps_reference/Main_tag_1024px.png b/report/bitmaps_reference/Main_tag_1024px.png
diff --git a/report/bitmaps_reference/Main_tag_1200px.png b/report/bitmaps_reference/Main_tag_1200px.png
diff --git a/report/bitmaps_reference/Nav_tag_1024px.png b/report/bitmaps_reference/Nav_tag_1024px.png
diff --git a/report/bitmaps_reference/Nav_tag_1200px.png b/report/bitmaps_reference/Nav_tag_1200px.png
diff --git a/report/bitmaps_test/20230728-193933/Card_with_data-qa_card_1024px.png b/report/bitmaps_test/20230728-193933/Card_with_data-qa_card_1024px.png
diff --git a/report/bitmaps_test/20230728-193933/Card_with_data-qa_card_1200px.png b/report/bitmaps_test/20230728-193933/Card_with_data-qa_card_1200px.png
diff --git a/report/bitmaps_test/20230728-193933/Entire_document_1024px.png b/report/bitmaps_test/20230728-193933/Entire_document_1024px.png
diff --git a/report/bitmaps_test/20230728-193933/Entire_document_1200px.png b/report/bitmaps_test/20230728-193933/Entire_document_1200px.png
diff --git a/report/bitmaps_test/20230728-193933/Header_tag_1024px.png b/report/bitmaps_test/20230728-193933/Header_tag_1024px.png
diff --git a/report/bitmaps_test/20230728-193933/Header_tag_1200px.png b/report/bitmaps_test/20230728-193933/Header_tag_1200px.png
diff --git a/report/bitmaps_test/20230728-193933/Link_with_class_is-active_1024px.png b/report/bitmaps_test/20230728-193933/Link_with_class_is-active_1024px.png
diff --git a/report/bitmaps_test/20230728-193933/Link_with_class_is-active_1200px.png b/report/bitmaps_test/20230728-193933/Link_with_class_is-active_1200px.png
diff --git a/report/bitmaps_test/20230728-193933/Link_with_data-qa_hover_1024px.png b/report/bitmaps_test/20230728-193933/Link_with_data-qa_hover_1024px.png
diff --git a/report/bitmaps_test/20230728-193933/Link_with_data-qa_hover_1200px.png b/report/bitmaps_test/20230728-193933/Link_with_data-qa_hover_1200px.png
diff --git a/report/bitmaps_test/20230728-193933/Main_tag_1024px.png b/report/bitmaps_test/20230728-193933/Main_tag_1024px.png
diff --git a/report/bitmaps_test/20230728-193933/Main_tag_1200px.png b/report/bitmaps_test/20230728-193933/Main_tag_1200px.png
diff --git a/report/bitmaps_test/20230728-193933/Nav_tag_1024px.png b/report/bitmaps_test/20230728-193933/Nav_tag_1024px.png
diff --git a/report/bitmaps_test/20230728-193933/Nav_tag_1200px.png b/report/bitmaps_test/20230728-193933/Nav_tag_1200px.png
diff --git a/report/bitmaps_test/20230728-193933/report.json b/report/bitmaps_test/20230728-193933/report.json
@@ -0,0 +1,347 @@
+{
+  "testSuite": "BackstopJS",
+  "tests": [
+    {
+      "pair": {
+        "reference": "..\\bitmaps_reference\\Entire_document_1024px.png",
+        "test": "..\\bitmaps_test\\20230728-193933\\Entire_document_1024px.png",
+        "selector": "document",
+        "fileName": "Entire_document_1024px.png",
+        "label": "Entire document",
+        "requireSameDimensions": false,
+        "misMatchThreshold": 1,
+        "url": "http://localhost:3001/index.html",
+        "referenceUrl": "https://mate-academy.github.io/layout_solutions/catalog/",
+        "expect": 0,
+        "viewportLabel": "1024px",
+        "diff": {
+          "isSameDimensions": false,
+          "dimensionDifference": {
+            "width": 0,
+            "height": -22
+          },
+          "misMatchPercentage": "0.01",
+          "analysisTime": 111
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "..\\bitmaps_reference\\Entire_document_1200px.png",
+        "test": "..\\bitmaps_test\\20230728-193933\\Entire_document_1200px.png",
+        "selector": "document",
+        "fileName": "Entire_document_1200px.png",
+        "label": "Entire document",
+        "requireSameDimensions": false,
+        "misMatchThreshold": 1,
+        "url": "http://localhost:3001/index.html",
+        "referenceUrl": "https://mate-academy.github.io/layout_solutions/catalog/",
+        "expect": 0,
+        "viewportLabel": "1200px",
+        "diff": {
+          "isSameDimensions": false,
+          "dimensionDifference": {
+            "width": 0,
+            "height": -22
+          },
+          "misMatchPercentage": "0.01",
+          "analysisTime": 100
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "..\\bitmaps_reference\\Header_tag_1024px.png",
+        "test": "..\\bitmaps_test\\20230728-193933\\Header_tag_1024px.png",
+        "selector": "header",
+        "fileName": "Header_tag_1024px.png",
+        "label": "Header tag",
+        "requireSameDimensions": false,
+        "misMatchThreshold": 1,
+        "url": "http://localhost:3001/index.html",
+        "referenceUrl": "https://mate-academy.github.io/layout_solutions/catalog/",
+        "expect": 0,
+        "viewportLabel": "1024px",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "0.00"
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "..\\bitmaps_reference\\Header_tag_1200px.png",
+        "test": "..\\bitmaps_test\\20230728-193933\\Header_tag_1200px.png",
+        "selector": "header",
+        "fileName": "Header_tag_1200px.png",
+        "label": "Header tag",
+        "requireSameDimensions": false,
+        "misMatchThreshold": 1,
+        "url": "http://localhost:3001/index.html",
+        "referenceUrl": "https://mate-academy.github.io/layout_solutions/catalog/",
+        "expect": 0,
+        "viewportLabel": "1200px",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "0.00"
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "..\\bitmaps_reference\\Nav_tag_1024px.png",
+        "test": "..\\bitmaps_test\\20230728-193933\\Nav_tag_1024px.png",
+        "selector": "nav",
+        "fileName": "Nav_tag_1024px.png",
+        "label": "Nav tag",
+        "requireSameDimensions": false,
+        "misMatchThreshold": 1,
+        "url": "http://localhost:3001/index.html",
+        "referenceUrl": "https://mate-academy.github.io/layout_solutions/catalog/",
+        "expect": 0,
+        "viewportLabel": "1024px",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "0.00"
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "..\\bitmaps_reference\\Nav_tag_1200px.png",
+        "test": "..\\bitmaps_test\\20230728-193933\\Nav_tag_1200px.png",
+        "selector": "nav",
+        "fileName": "Nav_tag_1200px.png",
+        "label": "Nav tag",
+        "requireSameDimensions": false,
+        "misMatchThreshold": 1,
+        "url": "http://localhost:3001/index.html",
+        "referenceUrl": "https://mate-academy.github.io/layout_solutions/catalog/",
+        "expect": 0,
+        "viewportLabel": "1200px",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "0.00"
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "..\\bitmaps_reference\\Link_with_data-qa_hover_1024px.png",
+        "test": "..\\bitmaps_test\\20230728-193933\\Link_with_data-qa_hover_1024px.png",
+        "selector": "[data-qa=\"nav-hover\"]",
+        "fileName": "Link_with_data-qa_hover_1024px.png",
+        "label": "Link with data-qa_hover",
+        "requireSameDimensions": false,
+        "misMatchThreshold": 1,
+        "url": "http://localhost:3001/index.html",
+        "referenceUrl": "https://mate-academy.github.io/layout_solutions/catalog/",
+        "expect": 0,
+        "viewportLabel": "1024px",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "0.00"
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "..\\bitmaps_reference\\Link_with_data-qa_hover_1200px.png",
+        "test": "..\\bitmaps_test\\20230728-193933\\Link_with_data-qa_hover_1200px.png",
+        "selector": "[data-qa=\"nav-hover\"]",
+        "fileName": "Link_with_data-qa_hover_1200px.png",
+        "label": "Link with data-qa_hover",
+        "requireSameDimensions": false,
+        "misMatchThreshold": 1,
+        "url": "http://localhost:3001/index.html",
+        "referenceUrl": "https://mate-academy.github.io/layout_solutions/catalog/",
+        "expect": 0,
+        "viewportLabel": "1200px",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "0.00"
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "..\\bitmaps_reference\\Link_with_class_is-active_1024px.png",
+        "test": "..\\bitmaps_test\\20230728-193933\\Link_with_class_is-active_1024px.png",
+        "selector": "a.is-active",
+        "fileName": "Link_with_class_is-active_1024px.png",
+        "label": "Link with class_is-active",
+        "requireSameDimensions": false,
+        "misMatchThreshold": 1,
+        "url": "http://localhost:3001/index.html",
+        "referenceUrl": "https://mate-academy.github.io/layout_solutions/catalog/",
+        "expect": 0,
+        "viewportLabel": "1024px",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "0.00"
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "..\\bitmaps_reference\\Link_with_class_is-active_1200px.png",
+        "test": "..\\bitmaps_test\\20230728-193933\\Link_with_class_is-active_1200px.png",
+        "selector": "a.is-active",
+        "fileName": "Link_with_class_is-active_1200px.png",
+        "label": "Link with class_is-active",
+        "requireSameDimensions": false,
+        "misMatchThreshold": 1,
+        "url": "http://localhost:3001/index.html",
+        "referenceUrl": "https://mate-academy.github.io/layout_solutions/catalog/",
+        "expect": 0,
+        "viewportLabel": "1200px",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "0.00"
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "..\\bitmaps_reference\\Main_tag_1024px.png",
+        "test": "..\\bitmaps_test\\20230728-193933\\Main_tag_1024px.png",
+        "selector": "main",
+        "fileName": "Main_tag_1024px.png",
+        "label": "Main tag",
+        "requireSameDimensions": false,
+        "misMatchThreshold": 1,
+        "url": "http://localhost:3001/index.html",
+        "referenceUrl": "https://mate-academy.github.io/layout_solutions/catalog/",
+        "expect": 0,
+        "viewportLabel": "1024px",
+        "diff": {
+          "isSameDimensions": false,
+          "dimensionDifference": {
+            "width": 0,
+            "height": -22
+          },
+          "misMatchPercentage": "0.01",
+          "analysisTime": 76
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "..\\bitmaps_reference\\Main_tag_1200px.png",
+        "test": "..\\bitmaps_test\\20230728-193933\\Main_tag_1200px.png",
+        "selector": "main",
+        "fileName": "Main_tag_1200px.png",
+        "label": "Main tag",
+        "requireSameDimensions": false,
+        "misMatchThreshold": 1,
+        "url": "http://localhost:3001/index.html",
+        "referenceUrl": "https://mate-academy.github.io/layout_solutions/catalog/",
+        "expect": 0,
+        "viewportLabel": "1200px",
+        "diff": {
+          "isSameDimensions": false,
+          "dimensionDifference": {
+            "width": 0,
+            "height": -22
+          },
+          "misMatchPercentage": "0.01",
+          "analysisTime": 99
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "..\\bitmaps_reference\\Card_with_data-qa_card_1024px.png",
+        "test": "..\\bitmaps_test\\20230728-193933\\Card_with_data-qa_card_1024px.png",
+        "selector": "[data-qa=\"card\"]",
+        "fileName": "Card_with_data-qa_card_1024px.png",
+        "label": "Card with data-qa_card",
+        "requireSameDimensions": false,
+        "misMatchThreshold": 1,
+        "url": "http://localhost:3001/index.html",
+        "referenceUrl": "https://mate-academy.github.io/layout_solutions/catalog/",
+        "expect": 0,
+        "viewportLabel": "1024px",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "0.02",
+          "analysisTime": 32
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "..\\bitmaps_reference\\Card_with_data-qa_card_1200px.png",
+        "test": "..\\bitmaps_test\\20230728-193933\\Card_with_data-qa_card_1200px.png",
+        "selector": "[data-qa=\"card\"]",
+        "fileName": "Card_with_data-qa_card_1200px.png",
+        "label": "Card with data-qa_card",
+        "requireSameDimensions": false,
+        "misMatchThreshold": 1,
+        "url": "http://localhost:3001/index.html",
+        "referenceUrl": "https://mate-academy.github.io/layout_solutions/catalog/",
+        "expect": 0,
+        "viewportLabel": "1200px",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "0.02",
+          "analysisTime": 40
+        }
+      },
+      "status": "pass"
+    }
+  ]
+}
diff --git a/report/engine_scripts/cookies.json b/report/engine_scripts/cookies.json
@@ -0,0 +1,14 @@
+[
+  {
+    "domain": ".www.yourdomain.com",
+    "path": "/",
+    "name": "yourCookieName",
+    "value": "yourCookieValue",
+    "expirationDate": 1798790400,
+    "hostOnly": false,
+    "httpOnly": false,
+    "secure": false,
+    "session": false,
+    "sameSite": "no_restriction"
+  }
+]
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!doctype html><html lang="en" class="page"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Catalog</title><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="styles.2e2c4a58.css"></head><body id="home"> <header class="header"> <a class="logo" href="#home"> <img src="logo.6c938e44.png" alt="Moyo logo"> </a> <nav class="nav"> <ul class="nav__list"> <li class="nav__item"> <a class="is-active nav__link" href="#apple">Apple</a> </li> <li class="nav__item"> <a class="nav__link" href="#samsung">Samsung</a> </li> <li class="nav__item"> <a class="nav__link" href="#smartphones">Smartphones</a> </li> <li class="nav__item"> <a class="nav__link" data-qa="nav-hover" href="#laptops&computers"> Laptops & computers </a> </li> <li class="nav__item"> <a class="nav__link" href="#gadgets">Gadgets</a> </li> <li class="nav__item"> <a class="nav__link" href="#tablets">Tablets</a> </li> <li class="nav__item"> <a class="nav__link" href="#photo">Photo</a> </li> <li class="nav__item"> <a class="nav__link" href="#video">Video</a> </li> </ul> </nav> </header> <main class="main"> <ul class="cards main__cards"> <li class="card" data-qa="card"> <img class="card__img" src="imac.2690641a.jpeg" alt="APPLE A1419 iMac"> <h3 class="card__name">APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)</h3> <p class="card__code">Product code: 195434</p> <div class="card__reviews"> <ul class="card__stars stars stars--4"> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> </ul> <p class="card__review-number"> Reviews: 5 </p> </div> <div class="card__price"> <p class="card__text">Price:</p> <p class="card__price-number">$2,199</p> </div> <a class="card__link" href="#" data-qa="card-hover"> Buy </a> </li> <li class="card"> <img class="card__img" src="imac.2690641a.jpeg" alt="APPLE A1419 iMac"> <h3 class="card__name">APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)</h3> <p class="card__code">Product code: 195434</p> <div class="card__reviews"> <ul class="card__stars stars stars--4"> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> </ul> <p class="card__review-number"> Reviews: 5 </p> </div> <div class="card__price"> <p class="card__text">Price:</p> <p class="card__price-number">$2,199</p> </div> <a class="card__link" href="#" data-qa="hover"> Buy </a> </li> <li class="card"> <img class="card__img" src="imac.2690641a.jpeg" alt="APPLE A1419 iMac"> <h3 class="card__name">APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)</h3> <p class="card__code">Product code: 195434</p> <div class="card__reviews"> <ul class="card__stars stars stars--4"> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> </ul> <p class="card__review-number"> Reviews: 5 </p> </div> <div class="card__price"> <p class="card__text">Price:</p> <p class="card__price-number">$2,199</p> </div> <a class="card__link" href="#" data-qa="hover"> Buy </a> </li> <li class="card"> <img class="card__img" src="imac.2690641a.jpeg" alt="APPLE A1419 iMac"> <h3 class="card__name">APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)</h3> <p class="card__code">Product code: 195434</p> <div class="card__reviews"> <ul class="card__stars stars stars--4"> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> </ul> <p class="card__review-number"> Reviews: 5 </p> </div> <div class="card__price"> <p class="card__text">Price:</p> <p class="card__price-number">$2,199</p> </div> <a class="card__link" href="#" data-qa="hover"> Buy </a> </li> <li class="card"> <img class="card__img" src="imac.2690641a.jpeg" alt="APPLE A1419 iMac"> <h3 class="card__name">APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)</h3> <p class="card__code">Product code: 195434</p> <div class="card__reviews"> <ul class="card__stars stars stars--4"> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> </ul> <p class="card__review-number"> Reviews: 5 </p> </div> <div class="card__price"> <p class="card__text">Price:</p> <p class="card__price-number">$2,199</p> </div> <a class="card__link" href="#" data-qa="hover"> Buy </a> </li> <li class="card"> <img class="card__img" src="imac.2690641a.jpeg" alt="APPLE A1419 iMac"> <h3 class="card__name">APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)</h3> <p class="card__code">Product code: 195434</p> <div class="card__reviews"> <ul class="card__stars stars stars--4"> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> </ul> <p class="card__review-number"> Reviews: 5 </p> </div> <div class="card__price"> <p class="card__text">Price:</p> <p class="card__price-number">$2,199</p> </div> <a class="card__link" href="#" data-qa="hover"> Buy </a> </li> <li class="card"> <img class="card__img" src="imac.2690641a.jpeg" alt="APPLE A1419 iMac"> <h3 class="card__name">APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)</h3> <p class="card__code">Product code: 195434</p> <div class="card__reviews"> <ul class="card__stars stars stars--4"> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> </ul> <p class="card__review-number"> Reviews: 5 </p> </div> <div class="card__price"> <p class="card__text">Price:</p> <p class="card__price-number">$2,199</p> </div> <a class="card__link" href="#" data-qa="hover"> Buy </a> </li> <li class="card"> <img class="card__img" src="imac.2690641a.jpeg" alt="APPLE A1419 iMac"> <h3 class="card__name">APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)</h3> <p class="card__code">Product code: 195434</p> <div class="card__reviews"> <ul class="card__stars stars stars--4"> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> <li class="stars__star"></li> </ul> <p class="card__review-number"> Reviews: 5 </p> </div> <div class="card__price"> <p class="card__text">Price:</p> <p class="card__price-number">$2,199</p> </div> <a class="card__link" href="#" data-qa="hover"> Buy </a> </li> </ul> </main> </body></html>