Дизайн и адаптивная верстка для сайта блога на WP

Что есть сайт на движке WP WordPress 4.7.2

Тематика сайта про алкоголь

Требования по верстке и дизайну:

- Responsive дизайн используя подход mobile first. Когда стили написаны сначала под самый маленький экран, а потом, с помощью медиа запросов указываются стили для более крупных экранов.

- Мы планируем поддерживать и развивать этот код.

- Имена классов должны иметь осмысленные названия. Код css нужно писать используя известную методологию, в идеале SUIT CSS или BEM.

- Если используется пре- или пост-процессор css и какие-либо системы или скрипты сборки (gulp, grunt, npm, etc), нам нужны все исходники. В идеале это будет PostCSS.

- Если возможно, графические элементы должны быть в svg формате, а не растр. НЕ использовать иконочные шрифты типа font awesome.

ТЗ

Нужно нарисовать адаптивный дизайн  и сделать верстку. Что хочется увидеть легкий белый и простой дизайн сайта, графики не много. Чтобы стильно модно.

Список старниц:

Главная

Стр. категории

Стр. публикации

Шапка

Подвал

Боковая колонка

ТЗ по страницам:

Главная

- Последние публикации или новое на сайте;

- пейджер;

- Блок последнее обсуждение;

- Виджеты мы соц сетях ВК, ФБ, Одн (можно на вкладках);

- Реклама;

- О чем сайт для чего он нужен и чем он полезен 200-400 символов;

Статья

- Заголовок h1

- Фото статьи

- блок содержание (ссылки на подзоголовки h1,h2,h3);

- блок рекламы adsense;

- вид заголовков h1,h2,h3;

- вид список без нумерации;

- вид список с нумерацией;

- вставка изображения (вид с подписью http://prntscr.com/e2bjwa и без );

- вид цитаты (на всю ширину и 50% слева и справа);

- вид вставки видео ролика с youtube;

- вид ссылки в тексте;

- рейтинг статьи звездочки 5 шт (http://prntscr.com/e295v2); 

- мне нравится соц сети ВК, ФБ, Одноклассники;

- подлелиться статьей в соц сети; (очень нравится идея http://prntscr.com/e2alpg)

- блок материалы по теме (Состоит из двух элементов ссылка на статью и превью текста (50-70 символов));

- Блок комментария 

- - Поле для добавление комментрия

- - - Имя

- - - Текст комментрия

- - - загрузить фото к комментарию

- - Вид комментария

- - - текст комментрия

- - - ответить на комментрий,

- - - дата и время добавления комментария);

- - - фото комментария;

- - Вид ответить на комментрий

- - вид когда в статье нет комментрияев;

- - вид когда есть комментрий;

- - вид когда есть комментрйи с фотограифей;

- - вид когда ответили на комментрий;

- - вид когда ответил админ на камент;

- - аватарка для юзеров заглушка;

Шапка:

- логотип (что то связанное с бутылочкой)

- поиск

- меню сайта

- мне нравится сайт или ссылки на соц сети (на выбор) (очень нравится идея http://prntscr.com/e2alpg)

- хлебные крошки (Главная - Категория - Название статьи)

Подвал

- мини логотп

- счетчик

- ссылка на стр. реклама, контакты и т.д.

- мне нравится сайт или ссылки на соц сети (на выбор) (очень нравится идея http://prntscr.com/e2alpg)

Боковая колонка

- тизеры реклама;

- мы в соц сетях;

- блок повод выпить;

- категории; (водка, пиво, вино, шампанское)

- последние публикации;

Какие сайты симпотичны, но это лишь мини подсказказка. Конечно вкус дизайнера и мода в приоритете.

http://alcozavr.com/

http://therumdiary.ru/

http://alkozona.ru/

Что хочу получить:

- стоимость работы от исполнителя (желательно услышать стоимост работы за страницы чтобы понимать);

- время выполнения заказа

- примеры Ваших работ и отзывы о Вас.

Оплату предлагаю 50% аванс и 50% в конце работы.