https://github.com/viktorsvertoka/test-hw2

Test task 📝
https://github.com/viktorsvertoka/test-hw2

css fonts frontend html sass test-tasks

Last synced: about 1 year ago
JSON representation

Test task 📝

• Host: GitHub
• URL: https://github.com/viktorsvertoka/test-hw2
• Owner: ViktorSvertoka
• Created: 2022-12-20T23:01:31.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T13:50:46.000Z (over 3 years ago)
• Last Synced: 2024-04-14T06:32:30.937Z (about 2 years ago)
• Topics: css, fonts, frontend, html, sass, test-tasks
• Language: HTML
• Homepage: https://viktorsvertoka.github.io/test-hw2/
• Size: 1.92 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Тестовое задание № 2

1. подключить Fonts

---

2. подключить Normalize

---

3. подключить CSS

---

4. подключить SASS

---

5. используем методологию BEM

---

6. картинки все сжать через https://squoosh.app/ или https://tinypng.com/

---

7. иконки все сжать через https://jakearchibald.github.io/svgomg/ после сжатия

   забросить все в спрайт через https://icomoon.io/

---

8. закинуть в проект файлик - .gitignore

---

9. закинуть в проект файлик - .prettierrc.json

---

10. макет -

    https://www.figma.com/file/beVB2hhMQPTqNPBwwBcZWL/%D0%A2%D0%B5%D1%81%D1%82%D0%BE%D0%B2%D0%B5-%D0%B7%D0%B0%D0%B2%D0%B4%D0%B0%D0%BD%D0%BD%D1%8F.-%D0%92%D0%B5%D1%80%D1%81%D1%82%D0%BA%D0%B0-(Copy)?node-id=628%3A220&t=W1AkiI6LCVowimqX-1

---

11. на все внешние ссылки - rel="noopener noreferrer nofollow"

---

12. фонтс - Free Fonts: https://nomail.com.ua/

Google Fonts: https://fonts.google.com/

Fonts converter: http://www.font2web.com/

---

@font-face { font-family: 'Proxima Nova'; src:

url('../fonts/FontsFree-Net-Proxima-Nova-Bold.eot'); src: local('☺'),

url('../fonts/Proxima-Nova-Bold.woff') format('woff'),

url('../fonts/Proxima-Nova-Bold.ttf') format('truetype'),

url('../fonts/Proxima-Nova-Bold.svg') format('svg'); font-weight: 700;

font-style: normal; }

---

font-weight:

1. 100 - Thin

2. 200 - UltraLite

3. 300 - Lite

4. 400 - Normal

5. 500 - Medium

6. 600 - Semibold

7. 700 - Bold

8. 800 - Heavy

9. 900 - Black