Верстка макетов доп. раздела сайта

Задача — сверстать 3 страницы по макету.

Шапку и футер делать не нужно, они уже есть сверстанные. В готовую работу их можно вставить картинкой из макета.

Сверстать нужно сам контент шириной 1024px

Требования:

Верстка по БЭМ;

Интерактивную карту можно

- использовать отсюда https://github.com/manifestinteractive/jqvmap

- либо аналогичную векторную

- или image map, но чтобы бала привязка к обозначениям регионов

При клике на регион, поверх карты должен открываться блок с увеличенным изображением региона и метками на нем. Координаты меток будут выводится в шаблон из базы данных, поэтому их позиционирование необходимо осуществить инлайн стилями.

Для верстки макета №3 можно использовать тестовые данные отсюда: http://www.proagro.su/agroservice/agroprofit/ooo-rusagro-invest/

Важно для этого макета, внутри блока с описанием и статьями полевого журнала, там где таблицы, картинки и другие элементы оформления, применять стили непосредственно к тегам, т.к. этот контент будет поститься через админку. Например, если блок с описанием будет иметь класс .agroserv_content__descriotion то внутренние элементы нужно стилизовать так:

.agroserv_content__descriotion table {

    ...

}

.agroserv_content__descriotion p {

    ...

}

Работа принимается в виде трех html файлов, одним css (less) и отдельными js (библиотеки и рабочий скрипт). Карта должна работать как описано.