--> -->

Алексей Максимов [pearllight]

pearllight

Алексей Максимов [pearllight]

На сайте 14 лет (заходил 4 месяца 3 дня назад)
+ 11  0  - 0
1
1036.63
Рейтинг1036.63
1036.63
Отзывы+ 11  0  - 0
+ 11  0  - 0
Все (1)       Заказы (1)        Вакансии (0)       Конкурсы (0)
Опубликовать заказ
08 Декабря 2020
Бюджет: 5000 руб
Необходимо сделать адаптивную вёрстку трёх страниц сайта (полная поддержка мобильных устройств).
Макеты страниц все в psd со слоями. Во вложении jpg-версии страниц.

desktop-index.psd
=============
Логотипы по краям шапки оформляем ссылками.

В самом верху на чёрной полоске номер телефона с иконкой оформляем ссылкой. При наведении подчёркиваем пунктиром. E-mail и адрес иконками аналогично.
Кнопку «Отправить заявку» при наведении плавно инвертируем: фон кнопки делаем белым, а обводку и шрифт чёрным.

При наведении на пункты главного меню должна быть плавная анимация подчёркивания строки из центра.

В центральной части на баннере текст оформляем в виде текста и левая и правая части должны быть оформлены независимыми ссылками (отсюда будет быстрый переход в два соответствующих раздела сайта).

При наведении на кнопку «Узнать подробнее» также делаем плавную анимацию подчёркивания текста кнопки, а цвет фона кнопки меняем на #1e262c.

В блоке «Почему именно мы» ссылки не нужны. Тут просто 5 блоков информационных.

В блоке «Работаем по следующим направлениям» все 8 прямоугольников оформляем в виде ссылок. Иконка завода в центре тоже ссылка.

В блоке «Этапы реализации Вашего заказа» ссылки не нужны. Тут просто 5 блоков информационных.

В блоке «Образцы нашей продукции все картинки делаем ссылками. Кнопку под ними анимируем как кнопку «Узнать подробнее…».

В подвальной части все пункты меню делаем с плавной анимацией подчёркивания строки из центра.
Для трёх подчёркнутых пунктов справа при наведении делаем замену подчёркивания на пунктир.


desktop-products.psd
================
В шапке всё аналогично главной, как и в подвале.

Хлебные крошки делаем с двумя ссылками.

В центре 8 кнопок-переключателей. При клике цвет кнопки меняется на зелёный (#054433). При наведении на неактивную кнопку цвет её фона меняем на #dddddd.

Все 12 картинок ниже делаем ссылками.


desktop-contacts.psd
================
В шапке всё аналогично главной, как и в подвале.
Хлебные крошки делаем с двумя ссылками.
e-mail при наведении подчёркиваем сплошной линией.
Карту верстаем картинкой (не надо тут скрипт ставить).


mobile-index.psd
=============
Выпадающее меню свёрстано в отключенной группе «Верхнее горизонтальное меню» в psd-макете.
При клике на бургер меню с левого края должна выезжать «плашка» этого меню, которая перекрывает весь контент на экране. При нажатии на крестик «плашка» уезжает за левый край экрана.
Баннер в центральной части сайта в мобильной вёрстке заменяем на слайдер: на первом слайде литейное производство, на втором слайде кузнечное производство.
С остальным вроде всё из картинок понятно.

Прошло времени с момента публикации: 4 месяца 3 дня 11 часов 2 минуты
Раздел: Разработка сайтов / Верстка

Рейтинг: 10225.7 Исполнитель определен: