Необходимо сверстать адаптивный сайт на bootstrap 4-5 из шаблона в figma (десктоп + планшет + мобильная).
Необходимо добавить визуальных эффектов: плавная прокрутка, эффект появления заголовков во время прокрутки и т.д.
(Рассмотрим варианты, предложенные исполнителем)
1. Верхний nav (лого, контакты, меню). Во время прокрутки должен оставаться в зоне
видимости. (цвет при прокрутке синий или бело-синий
как в оригинале).
1.1. Ссылки "Контакты", "О Нас" якорные. Переход к блокам с slow
эффектом.
2. "Заказать звонок". (модальное окно с формой заказа звонка), есть в
шаблоне. Форма должна быть рабочая, письма должны
приходить на email. Проверка полей, reCAPTCHA v3.
2.1. При вводе номера телефона в форме, автоматом подставляется +7.
2.2. После нажатия кнопки "Отправить", поля очищаются и под кнопкой
появляется надпись зеленым
цветом, “Спасибо! Ваше сообщение отправлено”.
2.3. Активный чекбокс и ссылка на страницу пользовательского соглашения.
3. "Напишите нам". Аналогичная работа что и в форме "Заказать
звонок", только добавляется текстовое поле и вместо
телефона email.
4. "Забронировать". Аналогичная форма что и "Заказать звонок" только меняется заголовок.
5. Наши квартиры. При наведении на блок с квартирой (hover) добавить box-shadow или
какой-нибудь эффект.
5.1. Кнопка подробнее ведет на страницу с карточкой квартиры.
5.2. Смотреть все квартиры, ссылка на страницу квартиры.
6. Отзывы в виде карусели со свайпом.
7. Миниатюры в галереи карточки товара должны прокручиваться с помощью стрелок и свайпа, при
клике дублируется в увеличенном виде. Основная
фотография должна увеличиваться при клике. В открытой галереи должна быть
возможность просматривать не только выбранную фотографию, но и все остальные в
данной галереи.
8. Мобильное меню. Должно открываться с эффектом плавного выдвижения слева или плавного
появления.
8.1 Закрытие не только крестиком, но и кликом по свободному полю.
Требования:
1. Чистый html5.
2. Использование библиотеки bootstrap
3. Использование google fonts
Страницы должны быть полностью адаптивны под все устройства (десктопы, планшеты, мобильные телефоны на ios и android),
соблюдена кроссбраузерность.
Ссылка на шаблон: https://www.figma.com/file/1hFbMgouDDdOzPoDws0cFD/Untitled?node-id=0:1
Требуется внести доработки в рекламный сайт, включая актуализацию текстовой информации, изменение визуализации изображений на слайдер, обновление видео отзывов и ускорение загрузки сайта. Работа должна быть выполнена качественно и в срок.
Требуется сверстать страницу на платформе Tilda по предоставленному макету из Figma. Необходима поддержка многоязычности и интеграция формы обратной связи. Учитывайте все элементы дизайна и функциональности для успешной реализации проекта.
Требуется качественная HTML-верстка одностраничного сайта по предоставленному макету из Figma. Необходимо указать сроки выполнения и стоимость, а также технологии, которые будут использоваться для реализации проекта.
Требуется выполнить верстку простой страницы с использованием HTML и CSS. На странице должны быть размещены две картинки и несколько форм для ввода чисел и текста. Ищется специалист с опытом для быстрого и качественного выполнения задания.
Требуется доработка вёрстки страницы с интегрированным YouTube-проигрывателем. Необходимо убрать кнопки, название ролика и аватарку профиля. Открыт к предложениям по улучшению интеграции и ускорению загрузки видео. Оплата обсуждается.
Требуется качественная HTML-верстка сайта с полным соблюдением макета из Фигмы. Верстка должна быть адаптивной, кроссбраузерной и завершенной в срок. Обязательные условия: отсутствие js-ошибок, верстка по стандартам WCAG, оптимизация скорости загрузки и поддержка Retina. Работа через безопасную сделку.
Требуется сверстать лендинг с 5 экранами из двух макетов (десктоп и мобильный) с использованием Twitter Bootstrap. Верстка должна быть адаптивной, кроссбраузерной и валидной. Необходимо подключить счетчики метрики и CRM, настроить отправку заявок на почту и в SMS. Достижение 90 баллов по Google PageSpeed также обязательно.
Необходимо сверстать табы с контентом, который поддерживает swipe. Важно использовать Bootstrap 4 для оформления. В качестве примера предоставлен скриншот, который должен служить ориентиром для разработки.
Необходимо сверстать сайт по 7 PSD макетам. Все страницы имеют одинаковый хедер и футер. Требуется адаптивная верстка и использование JS (возможно использование JQuery). Опыт работы и примеры портфолио приветствуются.
