Категории заданий

Сверстать лэндинг

Станислав Исполнитель: Станислав 
Оценка: +1
Отзыв: Отличная работа. Всегда на связи, сделано быстро. Высокое качество вёрстки из макета. Доволен сотрудничеством на все 100%!
Стоимость: 2000
Категория: Помощь по сайту
Время выполнения: 23 часа
Поиск кандидата: 0 сек


Подробное описание:

Нужно по .psd макету сверстать лэндинг на bootstrap v3.3.7. Сдать мне в архиве. Отвечу только приславшим примеры работ! Требования к исполнителю: быть в мессенджере онлайн показывать промежуточные результаты оплата по факту сдачи мне архива если сроки сорваны и вы не вышли на связь, то наши договоренности разрываются поправки сайта включены в стоимость (до 3х итераций поправок) в рамках этого ТЗ и макета (исправление косяков в общем, если таковые будут найдены). Скрин rft17.fesky.ru/download/stalimax.jpg Основные общие требования: 1. Адаптивность от компьютера до мобильных экранов на 320px. 2. Кроссбраузерность. 3. Все скрипты внизу. 4. Каждая картинка должны иметь свой размер равный максимальному размеру отображения в шаблоне. 5. Все картинки, кроме указанных в п. 4, в формате .jpg с качеством 80 (FastStone image viewer). 6. Картинка в .png одна на весь шаблон - это логотип квадрат (используется в блоках 1 и 8) в том размере, в котором использована в шаблоне. 7. Любой текст и цифры должен быть как текст и цифры, а не картинка. Градиент и тени посредством css. 8. Круглые картинки - сделаны классом bootstrap. 9. Кнопка имеет 3 состояния, обычное-наведение-нажатая, каждое состояние отрисовано в psd макете, необходимо собрать спрайт по самой широкой кнопке в .jpg и подгружать этот спрайт всем кнопкам, (текст должен быть текстом согласно п. 5). 10. При нажатии на кнопку всплывающее модальное bootstrap по центру дисплея как по горизонтали, так и по вертикали, в нём форма обратной связи со своим идентификатором (Отправить заявку по акции, Заказ услуги, Задать свой вопрос, Заказать звонок) который должен быть передан. Всего четыре модальных окна или создание модального с помощью js и подставлением идентификатора 11. Во всплывающем окне с заголовком идентификатором (п. 10) форма обратной связи с полями Имя, телефон, email, сообщение. 12. Текст в блоке 1 (который по центру) - заключить в тег

, заголовки остальных блоков в теги

. Обозначение блоков и уточнения к ним: 1. Главный экран - фон и обводка для акции и контактов посредством css. Логотип - .png картинка, название текст с градиентом и тенью и так далее. 2. Цифры 3. Услуги картинки в формате .jpg с тенью на css. Перечень услуг (подписи к картинкам) заключить в теги

4. Как работаем - при дисплеях xs и sm блоки сделать вертикально друг за другом 5. ВиО - при дисплеях xs и sm сделать вопрос, под ним ответ, следующий вопрос и ответ иконки вопроса будут справа, (кто читает задание отпишите мне слово установ) восклицательные знаки слева (по сути стандартный col-md-6 и col-sm-12) 6. Преимущества 7. Отзывы - при дисплеях xs и sm сделать картинка, под ней текст 8. Футер - кнопка "наверх" мотает наверх на главный экран, реакцию на ховер сделать цвет чуть светлее (цвет не имеет значения суть показать активность при наведении)

Рассказать друзьям

Подпишитесь на полезные статьи

Примеры заданий и практические советы по аутсорсингу задач

   



На дайджест уже подписалось 555214 читателей!

Присоединяйтесь к нам в соцсетях!