Нужно сверстать landing page на основе предоставляемого дизайна.
Дизайн в psd скину отдельно
ТЗ в видеоформате: https://drive.google.com/file/d/0B_cy7f6RnT17MWpJYnNZbG5pbHM/view
PSD готовый, сетка и все такое.
Тех условия для верстки
1. блочная верстка (html5 и CSS3 приветствуется). Сайт должен быть резиновым и адекватно открываться во всех масштабах!!!
2. соблюдение стандартов W3C
3. комментирование кода (обязательно)
4. Для скриптов использовать библиотеку JQuery и ее плагины
5. Использование CSS эффектов вместо картинок (там где это возможно)
6. Hover эффекты на CSS3 (transition – delay: 0.3 – 0.5)
7. Вставить Метрику. Коды предоставим. (Цели для Метрики, привязанные к успешно выполненным заявкам)
8. Вставить фавикон в виде первой буквы названия либо логотипа
9. Собрать на популярной цмс (утвердить у нас). На выходе клиент должен иметь возможность редактировать все блоки (менять текст и картинки, заголовки, добавлять-удалять информацию).
Моменты, которые нужно учесть:
1. Логотип наверху сделать кликабельный, перебрасывающий на главную страницу
2. Название страницы, отображаемое во вкладке в браузере, скопировать из самого верхнего заголовка.
3.Заявки должны приходить со следующими пометками в теме письма:
- Меню: «Заказ из меню»
- Первый экран кнопка Заказать звонок: «Заявка на обратный звонок»
- Первый экран кнопка Оставить заявку: «Заявка с первого экрана»
- Товар из модального окна: «Запрос заказа конкретного набора» (автоматом должно подставляться название конкретного товара)
- Кнопка Оставить заявку после каталога «Заявка с сайта после каталога»
- Кнопка Оставить заявку на быструю доставку: «Запрос на быстрый заказ»
- Кнопка Оставить заявку перед футером: «Заявка по акции»
- Кнопка Заказать звонок в футере: «Заявка на обратный звонок»
Вставить в формы захвата проверку ввода. Имя не обязательно. Наличие телефона обязательно. При установке курсора в поле «телефон» должен появляться шаблон номера серым цветом в формате (+_ (___) ___-____). Выводить сообщение «Введите правильно свой телефон» если телефон не заполнен.
Окна Заказать звонок и Окно успеха закрываются крестиком либо кликом вне модального окна.
Вставить ссылку на разработчика внизу по центру: Разработано в «ВОСТРЕЦОВ & ДРУЖИНИН» (адрес для ссылки vdstudio.net) и логотип.
ВАЖНО: В вашем коде будут разбираться другие! Будьте Людьми!:)
Из скриптов нужно подключить:
- Модальное окно на заказ звонка
- Модальное окно успеха
- Модальное окно с описанием каждого товара
- Модальное окно на оставления заявки
- Цели для Метрики, привязанные к успешно выполненным заявкам
Все детали рассказал в ТЗ
Дедлайн: 3-4 дня с момента принятия заказа с правками
Очень сильно надеемся на долгосрочное сотрудничество с толковым верстальщиком!!! + для Вас это еще один симпатичный дизайн в Ваше портфолио.
Ссылка на дизайн макет: https://drive.google.com/file/d/0B_fpAuxZmxJZRWoxS18wa3VhajQ/view
У нас есть лэндинг: http://223.a-k-d.ru Нам необходимо сделать редизайн полностью, так как текущий не работает, начиная с заголовка. Идеально было бы, если Вы предложите варианты стиля для лендинга, может быть на основе имеющихся у Вас заготовок или ...
Тех задание #2 1) Добавить таймер отсчета обратного времени (до окончания акции осталась 7 дней) над формой заявки и в самый низ под кнопку «Оформить заявку» 2) Добавить в форму заявки следующие поля Выбирите количество(Варианты в строке:1,2чехла+подарок на 300рублей,3чехла+2 подарка ...
Здравствуйте. Нужен парсер видео с вконтакте в своем плеере. Чтобы код видео с VK.COM не отображался при просмотре исходного кода в браузерах.
Есть сайт и его нужно доделать laboratoriacoffee.ru/ Система управления opencart Что нужно: 1. Сделать эффект появления фотографий на главной странице при ее загрузке как на koffein.ru/ 2. Сделать на всех страницах сайта одинаковые ...
Необходимо разослать письма на почтовые ящик Gmail. Соответственно необходимо сделать все, что бы письмо не попало в папку "СПАМ". Мое сообщение не содержит ссылки и на 40%-50% уникально. все данные хранятся в файле (xml). там содержится ...
Нужен обработчик формы на PHP сама форма на HTML есть, нужно чтобы она работала. всего 5 полей. ФИО, ТЕЛЕФОН, ПОЧТА, САЙТ, КАМПАНИЯ. html код дам. работы на 30 мин
Добрый день,мне нужна некая программа(про деревья и кусты),в которой будет возможность задать некие критерии(поставив "галочки" в предложенных вариантах фильтров)их порядка 15,и в конце нажать на найти и программа выдаст нужные растения с задаными параметрами и ...
Здравствуйте! Нужен профи, который хорошо знает ВП (вордпресс) в том числе программирование. Есть готовая тема в нее надо внести правки. Внести правки надо сегодня до вечера за мск в крайнем случае завтра к обеду но ...
Необходимо проверить 5 сайтов на вредоносный код на одном хостинге. Затем нужно будет предоставить подробный отчет о проделанной работе, указать через какую уязвимость был внедрен вредоносный код и какие действия были предприняты для ее ликвидации. Мной ...