mate-academy · kuligambino01 · Jun 7, 2026 · Jun 7, 2026
diff --git a/dist/imac.202c52ff.jpeg b/dist/imac.202c52ff.jpeg
diff --git a/dist/index.fca3b25c.css b/dist/index.fca3b25c.css
diff --git a/dist/index.fca3b25c.css.map b/dist/index.fca3b25c.css.map
diff --git a/dist/index.html b/dist/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Catalog</title><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="index.fca3b25c.css"></head><body> <header class="header"> <a href="#home" class="logo"> <img src="logo.eddae0ff.png" alt="Moyo logo" class="logo__image"> </a> <nav class="nav"> <ul class="nav__list"> <li class="nav__item"> <a href="#apple" class="is-active nav__link"> Apple </a> </li> <li class="nav__item"> <a href="#samsung" class="nav__link"> Samsung </a> </li> <li class="nav__item"> <a href="#smartphones" class="nav__link"> Smartphones </a> </li> <li class="nav__item"> <a href="#laptops-computers" class="nav__link" data-qa="nav-hover"> Laptops &amp; computers </a> </li> <li class="nav__item"> <a href="#gadgets" class="nav__link"> Gadgets </a> </li> <li class="nav__item"> <a href="#tablets" class="nav__link"> Tablets </a> </li> <li class="nav__item"> <a href="#photo" class="nav__link"> Photo </a> </li> <li class="nav__item"> <a href="#video" class="nav__link"> Video </a> </li> </ul> </nav> </header> <main class="container"> <article class="card" data-qa="card"> <img class="card__image" src="imac.202c52ff.jpeg" alt="Imac"> <div class="card__content"> <h2 class="card__title"> APPLE A1419 iMac 27 Retina 5K Monoblock (MNED2UA/A) </h2> <p class="card__code">Product code: 195434</p> <div class="card__rating"> <div class="stars stars--4"> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> </div> <p class="card__reviews">Reviews: 5</p> </div> <div class="card__price"> <p class="card__price-label">Price:</p> <p class="card__price-value">$2,199</p> </div> <a class="card__button" href="#" data-qa="card-hover"> BUY </a> </div> </article> <article class="card"> <img class="card__image" src="imac.202c52ff.jpeg" alt="Imac"> <div class="card__content"> <h2 class="card__title"> APPLE A1419 iMac 27 Retina 5K Monoblock (MNED2UA/A) </h2> <p class="card__code">Product code: 195434</p> <div class="card__rating"> <div class="stars stars--4"> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> </div> <p class="card__reviews">Reviews: 5</p> </div> <div class="card__price"> <p class="card__price-label">Price:</p> <p class="card__price-value">$2,199</p> </div> <a class="card__button" href="#"> BUY </a> </div> </article> <article class="card"> <img class="card__image" src="imac.202c52ff.jpeg" alt="Imac"> <div class="card__content"> <h2 class="card__title"> APPLE A1419 iMac 27 Retina 5K Monoblock (MNED2UA/A) </h2> <p class="card__code">Product code: 195434</p> <div class="card__rating"> <div class="stars stars--4"> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> </div> <p class="card__reviews">Reviews: 5</p> </div> <div class="card__price"> <p class="card__price-label">Price:</p> <p class="card__price-value">$2,199</p> </div> <a class="card__button" href="#"> BUY </a> </div> </article> <article class="card"> <img class="card__image" src="imac.202c52ff.jpeg" alt="Imac"> <div class="card__content"> <h2 class="card__title"> APPLE A1419 iMac 27 Retina 5K Monoblock (MNED2UA/A) </h2> <p class="card__code">Product code: 195434</p> <div class="card__rating"> <div class="stars stars--4"> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> </div> <p class="card__reviews">Reviews: 5</p> </div> <div class="card__price"> <p class="card__price-label">Price:</p> <p class="card__price-value">$2,199</p> </div> <a class="card__button" href="#"> BUY </a> </div> </article> <article class="card"> <img class="card__image" src="imac.202c52ff.jpeg" alt="Imac"> <div class="card__content"> <h2 class="card__title"> APPLE A1419 iMac 27 Retina 5K Monoblock (MNED2UA/A) </h2> <p class="card__code">Product code: 195434</p> <div class="card__rating"> <div class="stars stars--4"> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> </div> <p class="card__reviews">Reviews: 5</p> </div> <div class="card__price"> <p class="card__price-label">Price:</p> <p class="card__price-value">$2,199</p> </div> <a class="card__button" href="#"> BUY </a> </div> </article> <article class="card"> <img class="card__image" src="imac.202c52ff.jpeg" alt="Imac"> <div class="card__content"> <h2 class="card__title"> APPLE A1419 iMac 27 Retina 5K Monoblock (MNED2UA/A) </h2> <p class="card__code">Product code: 195434</p> <div class="card__rating"> <div class="stars stars--4"> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> </div> <p class="card__reviews">Reviews: 5</p> </div> <div class="card__price"> <p class="card__price-label">Price:</p> <p class="card__price-value">$2,199</p> </div> <a class="card__button" href="#"> BUY </a> </div> </article> <article class="card"> <img class="card__image" src="imac.202c52ff.jpeg" alt="Imac"> <div class="card__content"> <h2 class="card__title"> APPLE A1419 iMac 27 Retina 5K Monoblock (MNED2UA/A) </h2> <p class="card__code">Product code: 195434</p> <div class="card__rating"> <div class="stars stars--4"> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> </div> <p class="card__reviews">Reviews: 5</p> </div> <div class="card__price"> <p class="card__price-label">Price:</p> <p class="card__price-value">$2,199</p> </div> <a class="card__button" href="#"> BUY </a> </div> </article> <article class="card"> <img class="card__image" src="imac.202c52ff.jpeg" alt="Imac"> <div class="card__content"> <h2 class="card__title"> APPLE A1419 iMac 27 Retina 5K Monoblock (MNED2UA/A) </h2> <p class="card__code">Product code: 195434</p> <div class="card__rating"> <div class="stars stars--4"> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> </div> <p class="card__reviews">Reviews: 5</p> </div> <div class="card__price"> <p class="card__price-label">Price:</p> <p class="card__price-value">$2,199</p> </div> <a class="card__button" href="#"> BUY </a> </div> </article> </main> </body></html>
diff --git a/dist/logo.eddae0ff.png b/dist/logo.eddae0ff.png
diff --git a/dist/report/bitmaps_reference/Card_with_data-qa_card_1024px.png b/dist/report/bitmaps_reference/Card_with_data-qa_card_1024px.png
diff --git a/dist/report/bitmaps_reference/Card_with_data-qa_card_1200px.png b/dist/report/bitmaps_reference/Card_with_data-qa_card_1200px.png
diff --git a/dist/report/bitmaps_reference/Entire_document_1024px.png b/dist/report/bitmaps_reference/Entire_document_1024px.png
diff --git a/dist/report/bitmaps_reference/Entire_document_1200px.png b/dist/report/bitmaps_reference/Entire_document_1200px.png
diff --git a/dist/report/bitmaps_reference/Header_tag_1024px.png b/dist/report/bitmaps_reference/Header_tag_1024px.png
diff --git a/dist/report/bitmaps_reference/Header_tag_1200px.png b/dist/report/bitmaps_reference/Header_tag_1200px.png
diff --git a/dist/report/bitmaps_reference/Link_with_class_is-active_1024px.png b/dist/report/bitmaps_reference/Link_with_class_is-active_1024px.png
diff --git a/dist/report/bitmaps_reference/Link_with_class_is-active_1200px.png b/dist/report/bitmaps_reference/Link_with_class_is-active_1200px.png
diff --git a/dist/report/bitmaps_reference/Link_with_data-qa_hover_1024px.png b/dist/report/bitmaps_reference/Link_with_data-qa_hover_1024px.png
diff --git a/dist/report/bitmaps_reference/Link_with_data-qa_hover_1200px.png b/dist/report/bitmaps_reference/Link_with_data-qa_hover_1200px.png
diff --git a/dist/report/bitmaps_reference/Main_tag_1024px.png b/dist/report/bitmaps_reference/Main_tag_1024px.png
diff --git a/dist/report/bitmaps_reference/Main_tag_1200px.png b/dist/report/bitmaps_reference/Main_tag_1200px.png
diff --git a/dist/report/bitmaps_reference/Nav_tag_1024px.png b/dist/report/bitmaps_reference/Nav_tag_1024px.png
diff --git a/dist/report/bitmaps_reference/Nav_tag_1200px.png b/dist/report/bitmaps_reference/Nav_tag_1200px.png
diff --git a/dist/report/bitmaps_test/20260607-220351/Card_with_data-qa_card_1024px.png b/dist/report/bitmaps_test/20260607-220351/Card_with_data-qa_card_1024px.png
diff --git a/dist/report/bitmaps_test/20260607-220351/Card_with_data-qa_card_1200px.png b/dist/report/bitmaps_test/20260607-220351/Card_with_data-qa_card_1200px.png
diff --git a/dist/report/bitmaps_test/20260607-220351/Entire_document_1024px.png b/dist/report/bitmaps_test/20260607-220351/Entire_document_1024px.png
diff --git a/dist/report/bitmaps_test/20260607-220351/Entire_document_1200px.png b/dist/report/bitmaps_test/20260607-220351/Entire_document_1200px.png
diff --git a/dist/report/bitmaps_test/20260607-220351/Header_tag_1024px.png b/dist/report/bitmaps_test/20260607-220351/Header_tag_1024px.png
diff --git a/dist/report/bitmaps_test/20260607-220351/Header_tag_1200px.png b/dist/report/bitmaps_test/20260607-220351/Header_tag_1200px.png
diff --git a/dist/report/bitmaps_test/20260607-220351/Link_with_class_is-active_1024px.png b/dist/report/bitmaps_test/20260607-220351/Link_with_class_is-active_1024px.png
diff --git a/dist/report/bitmaps_test/20260607-220351/Link_with_class_is-active_1200px.png b/dist/report/bitmaps_test/20260607-220351/Link_with_class_is-active_1200px.png
diff --git a/dist/report/bitmaps_test/20260607-220351/Link_with_data-qa_hover_1024px.png b/dist/report/bitmaps_test/20260607-220351/Link_with_data-qa_hover_1024px.png
diff --git a/dist/report/bitmaps_test/20260607-220351/Link_with_data-qa_hover_1200px.png b/dist/report/bitmaps_test/20260607-220351/Link_with_data-qa_hover_1200px.png
diff --git a/dist/report/bitmaps_test/20260607-220351/Main_tag_1024px.png b/dist/report/bitmaps_test/20260607-220351/Main_tag_1024px.png
diff --git a/dist/report/bitmaps_test/20260607-220351/Main_tag_1200px.png b/dist/report/bitmaps_test/20260607-220351/Main_tag_1200px.png
diff --git a/dist/report/bitmaps_test/20260607-220351/Nav_tag_1024px.png b/dist/report/bitmaps_test/20260607-220351/Nav_tag_1024px.png
diff --git a/dist/report/bitmaps_test/20260607-220351/Nav_tag_1200px.png b/dist/report/bitmaps_test/20260607-220351/Nav_tag_1200px.png
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Catalog</title><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="index.fca3b25c.css"></head><body> <header class="header"> <a href="#home" class="logo"> <img src="logo.eddae0ff.png" alt="Moyo logo" class="logo__image"> </a> <nav class="nav"> <ul class="nav__list"> <li class="nav__item"> <a href="#apple" class="is-active nav__link"> Apple </a> </li> <li class="nav__item"> <a href="#samsung" class="nav__link"> Samsung </a> </li> <li class="nav__item"> <a href="#smartphones" class="nav__link"> Smartphones </a> </li> <li class="nav__item"> <a href="#laptops-computers" class="nav__link" data-qa="nav-hover"> Laptops & computers </a> </li> <li class="nav__item"> <a href="#gadgets" class="nav__link"> Gadgets </a> </li> <li class="nav__item"> <a href="#tablets" class="nav__link"> Tablets </a> </li> <li class="nav__item"> <a href="#photo" class="nav__link"> Photo </a> </li> <li class="nav__item"> <a href="#video" class="nav__link"> Video </a> </li> </ul> </nav> </header> <main class="container"> <article class="card" data-qa="card"> <img class="card__image" src="imac.202c52ff.jpeg" alt="Imac"> <div class="card__content"> <h2 class="card__title"> APPLE A1419 iMac 27 Retina 5K Monoblock (MNED2UA/A) </h2> <p class="card__code">Product code: 195434</p> <div class="card__rating"> <div class="stars stars--4"> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> </div> <p class="card__reviews">Reviews: 5</p> </div> <div class="card__price"> <p class="card__price-label">Price:</p> <p class="card__price-value">$2,199</p> </div> <a class="card__button" href="#" data-qa="card-hover"> BUY </a> </div> </article> <article class="card"> <img class="card__image" src="imac.202c52ff.jpeg" alt="Imac"> <div class="card__content"> <h2 class="card__title"> APPLE A1419 iMac 27 Retina 5K Monoblock (MNED2UA/A) </h2> <p class="card__code">Product code: 195434</p> <div class="card__rating"> <div class="stars stars--4"> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> </div> <p class="card__reviews">Reviews: 5</p> </div> <div class="card__price"> <p class="card__price-label">Price:</p> <p class="card__price-value">$2,199</p> </div> <a class="card__button" href="#"> BUY </a> </div> </article> <article class="card"> <img class="card__image" src="imac.202c52ff.jpeg" alt="Imac"> <div class="card__content"> <h2 class="card__title"> APPLE A1419 iMac 27 Retina 5K Monoblock (MNED2UA/A) </h2> <p class="card__code">Product code: 195434</p> <div class="card__rating"> <div class="stars stars--4"> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> </div> <p class="card__reviews">Reviews: 5</p> </div> <div class="card__price"> <p class="card__price-label">Price:</p> <p class="card__price-value">$2,199</p> </div> <a class="card__button" href="#"> BUY </a> </div> </article> <article class="card"> <img class="card__image" src="imac.202c52ff.jpeg" alt="Imac"> <div class="card__content"> <h2 class="card__title"> APPLE A1419 iMac 27 Retina 5K Monoblock (MNED2UA/A) </h2> <p class="card__code">Product code: 195434</p> <div class="card__rating"> <div class="stars stars--4"> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> </div> <p class="card__reviews">Reviews: 5</p> </div> <div class="card__price"> <p class="card__price-label">Price:</p> <p class="card__price-value">$2,199</p> </div> <a class="card__button" href="#"> BUY </a> </div> </article> <article class="card"> <img class="card__image" src="imac.202c52ff.jpeg" alt="Imac"> <div class="card__content"> <h2 class="card__title"> APPLE A1419 iMac 27 Retina 5K Monoblock (MNED2UA/A) </h2> <p class="card__code">Product code: 195434</p> <div class="card__rating"> <div class="stars stars--4"> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> </div> <p class="card__reviews">Reviews: 5</p> </div> <div class="card__price"> <p class="card__price-label">Price:</p> <p class="card__price-value">$2,199</p> </div> <a class="card__button" href="#"> BUY </a> </div> </article> <article class="card"> <img class="card__image" src="imac.202c52ff.jpeg" alt="Imac"> <div class="card__content"> <h2 class="card__title"> APPLE A1419 iMac 27 Retina 5K Monoblock (MNED2UA/A) </h2> <p class="card__code">Product code: 195434</p> <div class="card__rating"> <div class="stars stars--4"> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> </div> <p class="card__reviews">Reviews: 5</p> </div> <div class="card__price"> <p class="card__price-label">Price:</p> <p class="card__price-value">$2,199</p> </div> <a class="card__button" href="#"> BUY </a> </div> </article> <article class="card"> <img class="card__image" src="imac.202c52ff.jpeg" alt="Imac"> <div class="card__content"> <h2 class="card__title"> APPLE A1419 iMac 27 Retina 5K Monoblock (MNED2UA/A) </h2> <p class="card__code">Product code: 195434</p> <div class="card__rating"> <div class="stars stars--4"> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> </div> <p class="card__reviews">Reviews: 5</p> </div> <div class="card__price"> <p class="card__price-label">Price:</p> <p class="card__price-value">$2,199</p> </div> <a class="card__button" href="#"> BUY </a> </div> </article> <article class="card"> <img class="card__image" src="imac.202c52ff.jpeg" alt="Imac"> <div class="card__content"> <h2 class="card__title"> APPLE A1419 iMac 27 Retina 5K Monoblock (MNED2UA/A) </h2> <p class="card__code">Product code: 195434</p> <div class="card__rating"> <div class="stars stars--4"> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> </div> <p class="card__reviews">Reviews: 5</p> </div> <div class="card__price"> <p class="card__price-label">Price:</p> <p class="card__price-value">$2,199</p> </div> <a class="card__button" href="#"> BUY </a> </div> </article> </main> </body></html>