Сверстать лендинг по макету из фигмы

10 000 руб. за проект
28 апреля 2021, 17:35 • 11 откликов • 70 просмотров
Сверстать лендинг по макету из фигмы

Пожалуйста при отклике:
  1. Оставляйте ссылки на последние пару работ.
  2. Примерный список работ.
  3. И если не согласны с ценой, напишите свою и обоснование к этому.

Ссылка на макет:
https://www.figma.com/file/hVYouCqsCQD7DXI8JYQI6D/...

Обязательные требования к вёрстке:

- Для именования классов использовать БЭМ

- Использовать scss либо postcss

- Использовать css properties для переменных

- Каждый класс должен быть описан отдельно

Примеры

Плохо:
.block {
&__element {
}
}

Хорошо:
.block {}
.block--modificator {}
.block__element {}

- Псевдоклассы и псевдоэлементы должны быть спрятаны внутрь

Примеры

Плохо:
.block__element:hover {}

Хорошо:
.block__element {
&:hover {}
}

- Использовать 4 пробела для отступов вложенных тегов в html и правил в css

- Вёртска должна быть адаптивной, к сожалению в дизайне только одна версия поэтому тут на откуп верстальщику, но это должно выглядеть аккуратно

- НЕ использовать bootstrap и другие css фреймворки, можно только взять сетку

- НЕ использовать jQuery (в принципе для всего что есть в макете можно найти решения на чистом js но этот вопрос можно обсудить)

- В итоге и css и js должны собираться в бандлы со сжатием, т.е мы должны иметь директорию с исходниками и директорию скомпелировнную

- Поддерживаемые браузеры

  • Chrome >= 60
  • Firefox >= 60
  • Mobile Safari >= 8 - на мелких версиях (до 12) возможно не обязательно все показывать как в макете, главное чтобы выглядело НЕ как сломанное
  • Safari >= 12
  • IE 11
  • Edge >= 18

Отзывы
R50 5cb44d07f8088bfdc99abc1f0ee186b3
Заказчик
 
~ 3 года назад
R50 4bdd3dc034c70a0096006f68f4f88277
Фрилансер
 
~ 3 года назад