Практический курс по Vue3 и Nuxt3
Boosty
Newbie

Сайт-портфолио

Скриншоты:

1
2
3
4
HTMLCSSJavaScript
-9.139315999996649e+54

Категория: Landing Page

Интерактивные элементы:

  Галерея  Валидация

Описание и небольшое ТЗ

Данный проект вполне может быть как первый ваш собственно сделанный сайт. В целом он несложный, но есть пара моментов:

Обратите внимание на скриншот 1 - там есть верхнее меню. При клике на ссылки должен быть плавный скролл к нужным секциям.

На скриншоте 2 мы видим список работ. При клике на работу должна появляется всплывающая картинка (а-ля lightbox) с возможностью просмотра перелистывания в пределах все работ. И еще момент: в некоторых секциях есть задний фон. Пусть он всегда будет на 100% ширины экрана вне зависимости от разерешения. Ширину же контентной области оставьте такой, какой она в макете.

В разделе формы (скриншот 3) обязательно провалидируйте каждое поле: при отправке надо смотреть, не ввел ли юзер в поле email ерунду, а другие поля просто не должны быть пустыми.

И последний, скриншот 4. Так же в форме подписки должен проверяться email на правильность заполнения. Также в подвале есть телефон - при клике на него должен происходить набор номера.

Удачи в реализации!

Поделись выполненной работой с другими!

Для того, чтобы поделиться, войдите в свой аккаунт.
Nikita