mate-academy · leraMeleshchenko · Nov 13, 2024 · Nov 14, 2024 · Nov 14, 2024 · Nov 14, 2024
diff --git a/README.md b/README.md
@@ -1,21 +1,16 @@
 # Landing page
 
-> ❗❗ You will complete this task in the topic **Landing**.
-> Now just choose a design and do the parts from the videos
+This project is a landing page created to showcase the Nothing(R) brand product.
+It features a responsive layout, ensuring an optimal display across various devices.
 
-Choose a design for your 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)
+Here is my project (https://leraMeleshchenko.github.io/layout_landing-page/)
 
-Follow the videos in this and next lessons to implement the page block by block
-- 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/)
+and this is design for this project
+- [Nothing](https://www.figma.com/file/DtkQmQ797hk0nI4KfMi2Uq/BOSE-New-Version?type=design&node-id=6802-139&t=L7eKz5YKLN0m5WxR-0)
 
-# 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.
+Technologies that were used:
+- HTML
+- SASS
+- BEM
+- Flexbox
+- Grid.
diff --git a/src/icons/Icon-Burger-menu-hover.png b/src/icons/Icon-Burger-menu-hover.png
diff --git a/src/icons/Icon-Burger-menu.png b/src/icons/Icon-Burger-menu.png
diff --git a/src/icons/Icon-Close.png b/src/icons/Icon-Close.png
diff --git a/src/icons/Icon-Phone.png b/src/icons/Icon-Phone.png
diff --git a/src/icons/favicon.png b/src/icons/favicon.png
diff --git a/src/images/Logo Nothing-2x.png b/src/images/Logo Nothing-2x.png
diff --git a/src/images/Logo Nothing.png b/src/images/Logo Nothing.png
diff --git a/src/images/category_accessories-smal.png b/src/images/category_accessories-smal.png
diff --git a/src/images/category_accessories-wide.png b/src/images/category_accessories-wide.png
diff --git a/src/images/category_all_products -wide.png b/src/images/category_all_products -wide.png
diff --git a/src/images/category_all_products-smal.png b/src/images/category_all_products-smal.png
diff --git a/src/images/category_audio-smal.png b/src/images/category_audio-smal.png
diff --git a/src/images/category_audio-wide.png b/src/images/category_audio-wide.png
diff --git a/src/images/cover_photo.png b/src/images/cover_photo.png
diff --git a/src/images/cover_photo_header.png b/src/images/cover_photo_header.png
diff --git a/src/images/favicon.png b/src/images/favicon.png
diff --git a/src/images/image_category.png b/src/images/image_category.png
diff --git a/src/images/product-1.png b/src/images/product-1.png
diff --git a/src/images/product-2.png b/src/images/product-2.png
diff --git a/src/images/product-3.png b/src/images/product-3.png