Подключите нашего Telegram-бота для уведомлений о новых проектах
Заказчик
Отзывы фрилансеров:
+ 37
- 0
Зарегистрирован на сайте 11 лет и 9 месяцев
Бюджет:
по договоренности
в приложении дизайн нового лендинга, нужна верстка. далее подробнее:
Сайт должен быть адаптивным (в наличии макет только для больших экранов)
---------------------------
1-я секция Хедер
---------------------------
Фоновая картинка
1) Меню открывающееся с левой стороны экрана, нажатие на элемент меню скролит до нужной секции с аналогичным якорем
2) Заголовок H1 "Спец. сервис ..."
3) Кнопка "Наши услуги" при нажатии скрол к секции "Услуги"
4) Элемент "Наша команда" ссылка, при нажатии скрол к секции "Наша команда"
5) Параллакс боковых элементов с разной скоростью
6) Машина и руководитель на разных слоях, тоже параллакс?
7) При нажатии на ссылку "Заказать звонок" открывается popup с формой
---------------------------
2-я секция О станции
---------------------------
Фоновая картинка + заголовок H2 + p + блоки преимуществ с иконками
---------------------------
3-я секция Услуги
---------------------------
Фоновая цвет + заголовок H2
1) Контент реализовывается в виде Tabs
2) В контенте вкладки список ссылок, при нажатии на которые изменяется контент в tooltip.
3) При нажатии на ссылку "Записаться на ремонт" и "Бесплатная диагностика" открывается popup с формой
---------------------------
4-я секция Преимущества
---------------------------
Заголовок H2
1) Блок преимущества H3 + p + img
---------------------------
5-я секция Наша команда
---------------------------
Фоновая цвет + заголовок H2
1) Паралакс боковых элементов с разной скоростью
2) Нестандартная сетка с членами команды
3) При нажатии на ссылку "Бесплатная консультация" открывается popup с формой
---------------------------
6-я секция Отзывы
---------------------------
Фоновая цвет + заголовок H2
1) При нажатии на ссылку "Отправить отзыв" открывается popup с формой
2) Два вида отзывов (Текст или видео)
3) При клике на видео отзыв открывается popup с видео
4) Подгрузка отзывов при клике на ссылку "Показать еще"
---------------------------
7-я секция Фото ремонта
---------------------------
Заголовок H2
1) Слайдер фотографий с подписью
---------------------------
8-я секция Контакты
---------------------------
Заголовок H2 + p
1) Яндекс карта
2) Карта обесцвеченная
3) Карта с кастомным значком (карту нужно создавать при помощи Яндекс map API)
4) Параллакс боковых элементов с разной скоростью
---------------------------
9-я секция Остались вопросы
---------------------------
Фоновая картинка + заголовок H2 + p + форма
---------------------------
Футер
---------------------------
Лого + ссылки на соц.сети
---------------------------
Попапы
---------------------------
1) Заказать звонок
2) Записаться на ремонт
3) Бесплатная диагностика
4) Бесплатная консультация
5) Отправит отзыв
6) Успешная отправка заявки
--------------------------
Формы
--------------------------
1) Ajax валидация форм
2) Защита от спама
3) PHP обработчик
--------------------------
Оптимизация
--------------------------
Для достижения зеленой зоны в Google PageSpeed Insights (Lighthouse)
1) Сжатие всех картинок
2) Сжатие всех css файлов
3) Сжатие всех js файлов
4) Настройка кеширования в файле .htaccess
5) Генерация всех контентных фото в формат webp
6) Проверка валидаторами HTML5, CSS3
последний контент и первые правки будут в понедельник. Интересует цена работы и время/ Если ты не бот, начни свой ответ со слова "субару"
Разделы:
Опубликован:
15.02.2019 | 18:07
Теги: верстальщик удаленно, сверстать сайт, сделать верстку, требуется верстальщик, сверстать страницу, ищу верстальщика