Мы с важной новостью: с 28 февраля 2025 года сервис Хабр Фриланс прекратит свою работу.
Купить услуги можно до 28 февраля 2025, но пополнить баланс уже нельзя. Если на вашем счете остались средства, вы можете потратить их на небольшие услуги — служба поддержки готова поделиться бонусами, на случай, если средств немного не хватает.
fronend разработчик
Художественная галерея
Добавлено
25 мая 2022 в 05:22
Одностраничный, адаптивный, кроссбраузерный сайт.
В секции header реализовано выпадающее меню, со скроллом, закрывается по клику вне блока или при нажатии на кнопку. При разрешении 1220px появляется меню "бургер".
К секции hero подключен слайдер, плавно меняющий слайды.
В галерее сделан селект и слайды в два ряда, которые можно листать по кнопке или tab-ом.
При клике на слайд открывается адаптивное модальное окно, пока оно открыто скролл по сайту заблокирован, закрывается на крестик или по клику вне окна.
Каталог представляет собой аккордеон от jQuery и табы по флагу меняется страна художника, по клику на имя художника выводится информация о нем.
Секция события сделана карточками и кнопкой по клику на которую открываются остальной контент, при разрешении экрана 600px карточки превращаются в слайдер. При добавлении текста ничего не ломается и не выходит за границы.
Издания содержат в себе кастомные чекбоксы и слайдер. Чекбоксы при разрешение экрана превращаются в плавно выпадающий список, при закрытии остаются выбранные элементы, а слайдер превращается в список карточек.
В проектах есть всплывающий подсказки от tippy.js и слайдер со ссылками на партнеров.
Контакты это оправляющаяся форма, все проходит валидацию, есть маска для телефона, чтобы верно вводить формат. Подключены яндекс карты.
https://komandirzemli.github.io/blnchrd/
В секции header реализовано выпадающее меню, со скроллом, закрывается по клику вне блока или при нажатии на кнопку. При разрешении 1220px появляется меню "бургер".
К секции hero подключен слайдер, плавно меняющий слайды.
В галерее сделан селект и слайды в два ряда, которые можно листать по кнопке или tab-ом.
При клике на слайд открывается адаптивное модальное окно, пока оно открыто скролл по сайту заблокирован, закрывается на крестик или по клику вне окна.
Каталог представляет собой аккордеон от jQuery и табы по флагу меняется страна художника, по клику на имя художника выводится информация о нем.
Секция события сделана карточками и кнопкой по клику на которую открываются остальной контент, при разрешении экрана 600px карточки превращаются в слайдер. При добавлении текста ничего не ломается и не выходит за границы.
Издания содержат в себе кастомные чекбоксы и слайдер. Чекбоксы при разрешение экрана превращаются в плавно выпадающий список, при закрытии остаются выбранные элементы, а слайдер превращается в список карточек.
В проектах есть всплывающий подсказки от tippy.js и слайдер со ссылками на партнеров.
Контакты это оправляющаяся форма, все проходит валидацию, есть маска для телефона, чтобы верно вводить формат. Подключены яндекс карты.
https://komandirzemli.github.io/blnchrd/
