Frontend -разработчик
Сайт аренды премиальных авто в Монако
Добавлено
06 сен 2023 в 19:01
Сайт аренды авто
В этом проекте, мне было нужно разработать сайт аренды авто в соответствии с приложенным макетом в формате PSD. Ниже приложу список того, что было реализовано в этом проекте по требованию заказчика.
---
- Полное соответствие сайта с psd-макетами десктопной, планшетной и мобильной версии.
- Корректное отображение сайта на любом устройстве с шириной от 320 до 1920 пикселей
- При клике на пункты меню должен осуществляться переход к соответствующим блокам.
- При клике на кнопку «Заказать звонок» должен открываться pop-up. Оформить его нужно по аналогии с формой заказа, расположенной на скрытом слое в макете. В форме должны быть два поля («Имя» и «Номер телефона») и кнопка «Отправить». При клике на кнопку обязательно должна производиться валидация полей, и в случае ошибок отображение их под полями.
- При клике на кнопку «Заполнить форму» должен открываться pop-up «Форма заказа», расположенный на скрытом слое. При клике на кнопку «Отправить заявку» обязательно должна производиться валидация полей, и в случае ошибок отображение их под полями.
- В блоке «Наш автопарк» реализовать слайдер на 4 элемента, слайды расположены на скрытых слоях в макете.
- При клике на кнопку «Арендовать авто» должен открываться pop-up «Форма заказа». Как он работает описано выше.
- В блоке с отзывами добавить не менее 5 отзывов.
- Иконки соц. сетей в блоке с техническими характеристиками и в подвале сайта при наведении должны становиться 90% непрозрачности
- Использовать на странице анимацию для плавного появления блоков (Реализовано с помощью библиотеки UIkit).
В этом проекте, мне было нужно разработать сайт аренды авто в соответствии с приложенным макетом в формате PSD. Ниже приложу список того, что было реализовано в этом проекте по требованию заказчика.
---
- Полное соответствие сайта с psd-макетами десктопной, планшетной и мобильной версии.
- Корректное отображение сайта на любом устройстве с шириной от 320 до 1920 пикселей
- При клике на пункты меню должен осуществляться переход к соответствующим блокам.
- При клике на кнопку «Заказать звонок» должен открываться pop-up. Оформить его нужно по аналогии с формой заказа, расположенной на скрытом слое в макете. В форме должны быть два поля («Имя» и «Номер телефона») и кнопка «Отправить». При клике на кнопку обязательно должна производиться валидация полей, и в случае ошибок отображение их под полями.
- При клике на кнопку «Заполнить форму» должен открываться pop-up «Форма заказа», расположенный на скрытом слое. При клике на кнопку «Отправить заявку» обязательно должна производиться валидация полей, и в случае ошибок отображение их под полями.
- В блоке «Наш автопарк» реализовать слайдер на 4 элемента, слайды расположены на скрытых слоях в макете.
- При клике на кнопку «Арендовать авто» должен открываться pop-up «Форма заказа». Как он работает описано выше.
- В блоке с отзывами добавить не менее 5 отзывов.
- Иконки соц. сетей в блоке с техническими характеристиками и в подвале сайта при наведении должны становиться 90% непрозрачности
- Использовать на странице анимацию для плавного появления блоков (Реализовано с помощью библиотеки UIkit).
