Skip to content

ViktorSvertoka/test-hw2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

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

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

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

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

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

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

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

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

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

  1. макет - 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

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

  1. фонтс - 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