Пока могу показать jpg (наводим последний лоск), потом будет psd.
Главная
dl.dropboxusercontent.com... Внутренняя
dl.dropboxusercontent.com... Попап с контактами
dl.dropboxusercontent.com... Попап с кредитным калькулятором
dl.dropboxusercontent.com... Еще будет страница для статей, но там по сути 1 новый блок добавится.
Срока пока нет (не дорисованы макеты), но и потом не сильно буду спешить 3-4 дня.
Задание:
Вся логика работы должна быть построена на JS (в том числе нужно обойтись без перезагрузки страницы.). Для получения курсов валют (возможно) и для отправки мейлов нужно использовать PHP/
gist.github.com/henrik/26... (JSONP).
-- глобальное
Работа с курсами валют. Пересчет из английских фунтов в другие валюты есть на каждой внутренней странице.
-- кредитный калькулятор (попап)
d.pr/i/uVby Параметры (значения по умолчанию) передаются от кнопки запуска (у разных объектов недвижимости, разные значения): стоимость, первый платеж (так же может вноситься как процент и как число), срок кредита в месяцах, процентная ставка (не меняется пользователем).
Попап открывается со значениями по умолчанию и сразу показывает расчет. При изменении одного параметра меняются все зависимые от него и результат.
Формула подсчета ежемесячного и ежеквартального платежа
ru.wikipedia.org/wiki/%D0... Другие цифры на страницах будут простравляться вручную (не требуется просчет).
-- формы с контактными данными и попап "все контакты"
d.pr/i/kXHU d.pr/i/OBxk Отправка данных и сообщение пользователю об успешной отправке должны происходить без перезагрузки страницы.
Данные пользователя нужно немедленно отправлять на несколько имейлов.
-------- красота
-- приклеенные полосы
d.pr/i/jaMg На главной странице полоса с контактными данными приклеена к верхней границе экрана. На внутренней странице уже 2 полосы, но только вторая при скролинге становится приклеенной и добавляет к себе кнопку "все контакты".
Состояние меню на второй полосе зависит от текущего положения страницы/ якорей.
-- промо бегущая строка про кредиты
d.pr/i/dBlP Ее смысл быть заметной брать на себя внимание, но не сильно.
Это бесконечно двигающаяся и повторяющаяся полоса. Медленно. Блок находящийся в центре "вспыхивает" до светлого цвета и остывает пока уходит с этого места.
-- блок статей и ссылка показывающая все статьи
d.pr/i/lIbx При нажатии на ссылку раскрывается весь список статей с анимаций сдвига всего содержимого страницы вниз.
-- блок ответов на частые вопросы
d.pr/i/Q6hA Тоже нужна анимация для раскрытия и закрытия.
-------- пожелание по верстке
Так как используются внешние шрифты, то пока они не загружены надо позаботиться о нормальном отображении информации, а не пустоты (при медленном соединении).
В приоритете мгновенная загрузка и отображение информации, красота может подгрузиться и потом.
-
Умоляю просто верстайте так, чтобы можно было наращивать блоки после без вашей помощи. Это касается больше текстов. Не группируйте расположение и стиль текстового блока в одном стиле css разделяйте! (горький опыт)
Все страницы состоят из (смысловых) блоков и они повторяются на других страницах. Я хочу иметь возможность самостоятельно менять их порядок и копировать с одной страницы на другую.
-
Старые браузеры идут на свалку, но при этом новые (мобильные) не должны терять функционал.
-------- оплата
Без предоплаты.
По окончанию работ на выбор Яндекс Деньги или перевод на счет в Альфабанке.