Адаптивная вёрстка сайта автосалона по макету Figma
Была задача
Необходимо сделать верстку сайта автосалона с использованием макета Figma.
Описание проекта
Работа сделана на HTML, CSS, JS, FA-icons (добавлены иконки fontawesome), WOW JS (добавлены уместные анимации в моменты скролла страницы). Сделал несколько slick слайдеров. В процессе верстки использовал Flexbox и grid сетку для создания надёжной структуры сайта и качественного адаптива. Интересно реализовал меню-бургер. Подстраивается под мобильные устройства до 320px.
Ссылка на работу:
Стадии разработки
✅ Загрузил макет дизайна и открыл дубликат макета дизайна в Figma.
✅ Скопировал и открыл свой стартовый шаблон, чтобы начать работу.
✅ Для работы с иконками я подключил библиотеку Fontawesome.
✅ Затем я использовал линейку, чтобы определить ограничивающий контейнер и высоту Header и Footer.
✅ Далее я определил все шрифты, используемые в макете, и подключил их к своему проекту.
✅ Далее я приступил к верстке Header и Footer.
✅ Далее я сделал разметку двух страниц.
Итоги
В итоге получился надёжный, кроссбраузерный, адаптивный сайт готовый к посадке на любую современную систему управления контентом.
Делал работу 2 дня. Примерная стоимость 170$.