Сверстать лендинг по макету из фигмы
10 000 руб. за проект
Сверстать лендинг по макету из фигмы
Пожалуйста при отклике:
Ссылка на макет:
https://www.figma.com/file/hVYouCqsCQD7DXI8JYQI6D/...
Обязательные требования к вёрстке:
- Для именования классов использовать БЭМ
- Использовать scss либо postcss
- Использовать css properties для переменных
- Каждый класс должен быть описан отдельно
Примеры
Плохо:
.block {
Хорошо:
.block {}
.block--modificator {}
.block__element {}
- Псевдоклассы и псевдоэлементы должны быть спрятаны внутрь
Примеры
Плохо:
.block__element:hover {}
Хорошо:
.block__element {
- Использовать 4 пробела для отступов вложенных тегов в html и правил в css
- Вёртска должна быть адаптивной, к сожалению в дизайне только одна версия поэтому тут на откуп верстальщику, но это должно выглядеть аккуратно
- НЕ использовать bootstrap и другие css фреймворки, можно только взять сетку
- НЕ использовать jQuery (в принципе для всего что есть в макете можно найти решения на чистом js но этот вопрос можно обсудить)
- В итоге и css и js должны собираться в бандлы со сжатием, т.е мы должны иметь директорию с исходниками и директорию скомпелировнную
- Поддерживаемые браузеры
Пожалуйста при отклике:
- Оставляйте ссылки на последние пару работ.
- Примерный список работ.
- И если не согласны с ценой, напишите свою и обоснование к этому.
Ссылка на макет:
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
Отзывы
В заказе есть исполнитель
При переводе заказа из архивного в актуальный, текущий исполнитель будет снят с задачи.
Выберите тип сделки
С безопасной сделкой вы всегда сможете вернуть средства, если что-то пойдет не так. С простой сделкой вы самостоятельно договариваетесь с исполнителем об оплате и берете на себя решение конфликтов.