mate-academy · fromjkeee16 · Feb 7, 2025
diff --git a/README.md b/README.md
@@ -1,24 +1,28 @@
-# Landing Page
+# Landing page
 
-> ❗❗ You will complete this task in the **Landing** topic.
-> Now just choose a design and do the parts from the videos.
-> Note: in the first task of this topic you will find 4 examples of landing pages. Choose **only one** of them and create your page.
+- [Nothing DESIGN](https://www.figma.com/file/DtkQmQ797hk0nI4KfMi2Uq/BOSE-New-Version?type=design&node-id=6802-139&t=L7eKz5YKLN0m5WxR-0)
 
-Choose a design for your landing page:
+[DEMO LINK](https://fromjkeee16.github.io/layout_landing-page)
 
-- [MET landing](https://www.figma.com/file/lSR1m42L9YwzQwzzxKwHpw/THE-MET)
-- [MYBIKE landing](https://www.figma.com/file/NZQAIydtHo5QkINyGLHNcq/BIKE-New-Version?node-id=0%3A1)
-- [B&O](https://www.figma.com/file/DtkQmQ797hk0nI4KfMi2Uq/BOSE-New-Version?type=design&node-id=6817-212&t=ZTV6Gl8NzaWkJ4FK-0)
-- [Nothing](https://www.figma.com/file/DtkQmQ797hk0nI4KfMi2Uq/BOSE-New-Version?type=design&node-id=6802-139&t=L7eKz5YKLN0m5WxR-0)
+## Description
 
-Follow the instructions in this and next lessons to implement the page block by block:
+A landing page for NOTHING®
 
-- Here is [the design from the video](https://www.figma.com/file/DtkQmQ797hk0nI4KfMi2Uq/BOSE-New-Version?type=design&node-id=6703-88&t=L7eKz5YKLN0m5WxR-0) (❗❗ DO NOT implement this design ❗❗ choose one of the options above ❗❗ ☝️)
-- Start writing styles in the `main.scss` file. It is be explained in the `Sass` lesson.
-- **DON'T** try to do it `Pixel Perfect` - implement it the most `simple` way so it looks similar.
-- When done check yourself using the [CHECKLIST](./checklist.md) when finished.
-- Deploy and create a Pull Request with a [DEMO LINK](https://<your_account>.github.io/layout_landing-page/).
+Blocks present on the page:
 
-# Tips & Hints
-- Check `background-image: url()` to be relative to the `main.scss`. So should start with `../images`.
-- If some points from the checklist are not relevant to your design, just skip it.
+- Header
+- Sidebar menu with navigation
+- Main section:
+  - Recommended
+  - Categories
+  - About us
+  - Contact us
+
+## Technologies used:
+
+- BEM methodology
+- Grid & Flexbox layouts
+- SASS with SCSS syntax:
+  - Mixins
+  - Variables
+  - Nesting
diff --git a/src/images/backgrounds/about-us.png b/src/images/backgrounds/about-us.png
diff --git a/src/images/backgrounds/header-bg.png b/src/images/backgrounds/header-bg.png
diff --git a/src/images/icons/icon-burger-menu-hover.svg b/src/images/icons/icon-burger-menu-hover.svg
diff --git a/src/images/icons/icon-burger-menu.svg b/src/images/icons/icon-burger-menu.svg
diff --git a/src/images/icons/icon-close.svg b/src/images/icons/icon-close.svg
diff --git a/src/images/icons/icon-phone-call.svg b/src/images/icons/icon-phone-call.svg
diff --git a/src/images/logo/favicon_32x32.webp b/src/images/logo/favicon_32x32.webp
diff --git a/src/images/logo/logo.svg b/src/images/logo/logo.svg
diff --git a/src/images/products/categories/accessories_square.png b/src/images/products/categories/accessories_square.png
diff --git a/src/images/products/categories/accessories_wide.png b/src/images/products/categories/accessories_wide.png
diff --git a/src/images/products/categories/all_square.png b/src/images/products/categories/all_square.png
diff --git a/src/images/products/categories/all_wide.png b/src/images/products/categories/all_wide.png
diff --git a/src/images/products/categories/audio_square.png b/src/images/products/categories/audio_square.png
diff --git a/src/images/products/categories/audio_wide.png b/src/images/products/categories/audio_wide.png
diff --git a/src/images/products/earphones.png b/src/images/products/earphones.png
diff --git a/src/images/products/earphones_stick.png b/src/images/products/earphones_stick.png
diff --git a/src/images/products/phone.png b/src/images/products/phone.png