Техническое задание:
Цель
Сверстать общий layout, как мобильную версию так и полноразмерную.
Сверстать 3 страницы по документации
* Мы не хотим верстать полностью весь сайт сейчас, поскольку мы не утвердили контент, который скорее всего будет меняться.
Качество верстки
Для нас крайне важно что бы верстка была качественной, без дублирования стилей, ненужных хаков, использовались правильные теги, страница при загрузке не дергалась и т.п. Это важно для нас поскольку мы соберемся долго поддерживать и улучшить эту версию сайта.
Поддерживаемые браузеры
IE 10+ / EDGE
FF 43+
Chrome 45+
Safari 9+
iOS safari 8.4+
Opera Mini 8+
Android Browser 4.3+
Предпочитаемый стек технологий
Css анимация
Flexbox
Webpack
* В том случае если браузер не поддерживается необходимо средиректить на страницу carusto.com/update_browser/
Layout
В качестве примера нужно сверстать страницу по продукту (в мобильном варианте также)
Элементы
Навигация по страницам должна залипать к верху страницы (
Фоновые изображения при скроле должны иметь parallax эффект
Элементы должны анимироваться по примеру сайта (
Мобильная версия
Пример для главной страницы
Навигация
Страницы документации
Страницы должны быть доступны как на мобильной версии так и полной.
Страница с категориями
Страница с под разделами
Страница статьи
На этой странице мы будем размещать контент в формате markdown, необходимо что бы контент который генерируется из markdown корректно форматировался и отображался.
Пример markdown вывода:
(этот html должен корректно отображаться на странице)
Для дополнительных вещей которые не предусмотрены markdown мы будет добавлять дополнительные "плагины" для форматирования нужных нам элементов.
Структура и идея по документации взята из google
Пишите стоимость и сроки выполнения работы.
Оплата после демонстрации готовой работы в соответствии с техническим заданием и макетами.