Верстка 26 страниц (за 8-12 дней)

Виталий9 лет в сервисе
Данные заказчика будут вам доступны после подачи заявки
06.01.2016

ПЕРЕД ОТПРАВКОЙ ПРЕДЛОЖЕНИЯ ПРОЧТИТЕ ТЗ ДО КОНЦА!

Для верстки 26-ти страниц сайта ищем верстальщика от 2-х лет в сервисе Weblancer с не менее 15-ю положительными отзывами.

Необходимо сверстать страницы из .psd исходников для разрешений: xs, sm, md, lg, hd, uhd. Исходники только для WEB версии.

Предварительные требования

  • HTML5 или бутстрап 3 + material тема: http://fezvrasta.github.io/bootstrap-material-design/ (с 4-ым будет очень много проблем с ie8-9, тема для 4-го еще очень сырая).
  • Компонентная html-верстка: подключать дублирующиеся элементы верстки через include или альтенративное решение.
  • Единый файл CSS и единый файл JS.Создать цветовую палитру из 7 основных цветов.
  • Для оттенков использоваться lighten() и darken() или rgba()
  • Логотип прописан шрифтом fira sans - через extra bold
  • Header - fixed.
  • Векторная графика
  • flaticon - за основу для векторных иконок
  • Шрифт  font-family: 'Open Sans', sans-serif;Флаги стран через спрайты
  • Кодировка ,  язык .
  • Все атрибуты стилей должны называться английскими словами. Ничего русского или украинского.
  • Social Shared блок - не графика, надо отверстать. А иконки вложить векторные с flaticon.
  • Основной заголовок на страницах H1. Не более одного H1 на страницу, остальное можно дублировать: h2/h3/h4/h5/h6
  • Ховер-эффекты реализовывать через opacity(1) -> opacity(.7)
  • Только для иконок и кнопок shared-блоков.
  • Flex использовать по-полной
  • На выходе генерировать один screen.css
Основная задача - максимальная кроссбраузерность:
  • IE 6 - Edge
  • Chrome - 28
  • Firefox - 37
  • Safari - 6
  • Opera - от 12
  • UC Browser

Использование:
  • Jquery
  • schema.org
  • Использовать сторонние плагины по-необходимости
  • Select2
Мобильная верстка

Дизайн мобильной верстки не продуман и не прорисован, но задача типовая и надо сделать по логике (есть пример шаблона от которого отказались, как выглядит можно брать оттуда).Левое меню дублирует верхнее меню, поэтому в мобильной версии левое прячем.

Порядок расположения элементов в коде

Метатеги

CSS

Google Analytics

Код сайта

Скрипты

Важно, чтобы на выходе загрузка составляла около 80 баллов по Google https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fhider.pro%2Funblocking%2F&tab=desktopпоэтому важная задача еще и нацеленность на легкость страницы, и правильность ее построения

BootstrapCSSHTMLjQuery