Мы с важной новостью: с 28 февраля 2025 года сервис Хабр Фриланс прекратит свою работу.
Купить услуги можно до 28 февраля 2025, но пополнить баланс уже нельзя. Если на вашем счете остались средства, вы можете потратить их на небольшие услуги — служба поддержки готова поделиться бонусами, на случай, если средств немного не хватает.
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).
