Сергій Мошенський
Запропонуйте Сергію роботу над вашим наступним проєктом або зареєструйте профіль фрилансера і починайте заробляти просто зараз.
Рейтинг
Рівень володіння мовами
Резюме
Створюю сайти за допомогою HTML, CSS(SCSS), трішки JS.
Навички та вміння
Програмування
Портфоліо
-
верстка по макету з Figma
HTML та CSS верстанняТрішки інформації про цей макет. Тут одна сторінка, фіксована шапка, пункти меню ведуть до певних розділів на сторінці (плавний скролл). Ще є підменю, які зявляються при наведенні на певні пункти меню("inspiration" i "courses" у даному випадку). У мобільній версії вони відкриваються при натисненні стрілки. Закрити можна натиснувши на стрілку або на будь-яку точку на екрані поза межами самого підменю.
Посилання нікуди не ведуть, так як це просто зразок.
Використано різні hover-ефекти і поява об'єктів при скролі.
-
верстка по макету з Figma
HTML та CSS верстанняТрішки інформації про цей макет. Тут одна сторінка, фіксована шапка, пункти меню жовтого кольору ведуть до певних розділів на сторінці (плавний скролл). Ще є підменю, які зявляються при наведенні на певні пункти меню("shop","contact us" i "search" у даному випадку). У мобільній версії вони відкриваються при натисненні стрілки. Закрити можна натиснувши на стрілку або на будь-яку точку на екрані поза межами самого підменю.
Посилання на товари нікуди не ведуть, так як це просто зразок.
Використані різні hover-ефекти і поява об'єктів при скролі.
-
верстка по макету з Figma
HTML та CSS верстанняТрішки інформації про цей макет. Тут три сторінки, фіксована шапка, пункти меню ведуть на інші сторінки. Пункти меню жовтого кольору ведуть до певних розділів на сторінці (плавний скрол). Ще є підменю, які з'являються при наведенні на певні пункти меню("contact us" i "search" у даному випадку). У мобільній версії вони відкриваються при натисненні стрілки. Закрити можна натиснувши на стрілку або на будь-яку точку на екрані поза межами самого підменю.
На сторінці присутній свайпер. Виставлено налаштування автоматичного прокручування слайдів, поки користувач не втрутиться і не почне сам перегортати слайди. У комп'ютерній
версії можна робити це за допомогою курсора, мишки чи клавіатури.
Посилання на товари нікуди не ведуть, так як це просто зразок.
… Присутнi різні hover-ефекти на об'єктах і анімації - появи при скролі.