Сергій Мошенський
Предложите Сергію работу над вашим следующим проектом или зарегистрируйте профиль фрилансера и начинайте зарабатывать прямо сейчас.
Рейтинг
Уровень владения языками
Навыки и умения
Программирование
Портфолио
-
верстка по макету из Figma
HTML и CSS версткаНемного информации об этом макете. Здесь одна страница, фиксированный заголовок, пункты меню ведут к определенным разделам на странице (плавная прокрутка). Также есть подменю, которые появляются при наведении на определенные пункты меню ("inspiration" и "courses" в данном случае). В мобильной версии они открываются при нажатии на стрелку. Закрыть можно, нажав на стрелку или на любую точку на экране вне самого подменю. Ссылки никуда не ведут, так как это просто образец. Использованы различные эффекты наведения и появление объектов при прокрутке.
-
верстка по макету из Figma
HTML и CSS версткаНемного информации об этом макете. Здесь одна страница, фиксированный заголовок, пункты меню желтого цвета ведут к определенным разделам на странице (плавная прокрутка). Также есть подменю, которые появляются при наведении на определенные пункты меню ("магазин", "связаться с нами" и "поиск" в данном случае). В мобильной версии они открываются при нажатии на стрелку. Закрыть можно, нажав на стрелку или на любую точку на экране вне самого подменю. Ссылки на товары никуда не ведут, так как это просто образец. Использованы различные эффекты наведения и появление объектов при прокрутке.
-
верстка по макету из Figma
HTML и CSS версткаНемного информации об этом макете. Здесь три страницы, фиксированная шапка, пункты меню ведут на другие страницы. Пункты меню желтого цвета ведут к определенным разделам на странице (плавный скролл). Также есть подменю, которые появляются при наведении на определенные пункты меню ("связаться с нами" и "поиск" в данном случае). В мобильной версии они открываются при нажатии на стрелку. Закрыть можно, нажав на стрелку или на любую точку на экране вне самого подменю.
На странице присутствует свайпер. Установлены настройки автоматической прокрутки слайдов, пока пользователь не вмешается и не начнет сам перелистывать слайды. В компьютерной версии это можно делать с помощью курсора, мыши или клавиатуры.
Ссылки на товары никуда не ведут, так как это просто образец.
Присутствуют различные hover-эффекты на объектах и анимации - появления при скролле.