Нужно сверстать страницу на основе приложенного макета.
Требования:
- поддержка всех актуальных браузеров и ос, html5
- поддержка ретины
- бутстрап, sass
- резиновая верстка – в зависимости от размера экрана в левой части должно показываться 1-2-3 колонки
- соотношение частей примерно 60% 40%
- соотношение сторон карточки фиксированное – 9х5 (визитка), при изменении размера экрана, размер карточки не меняется. В заголовке на карточке максимум две строки. Тексты обрезаются с многоточием.
- Сумма и payrate comment на карточке и форме опциональны. Чего-то из них может не быть
- левая часть экрана (с карточками) скроллируется
- выделение карточки (увеличение) – анимированное
- переход к форме анимированный – увеличение из карточки по которой кликнули
- на форме работы скролится только правая часть с заголовком и текстовым описанием
- шрифт PT+Sans+Caption
- числа в payrate – это стилизованный инпут. При ховере и фокусе должны показываться как инпут
Опубликован 24.03.2015 в 23:31