Верстка макета (1 страница)

Требуется заверстать макет (Figma).

Требования к коду:
- css3, БЭМ.
- с использованием grids+flex (никаких float / margin-right / display: block).
- кроссбраузерно, с учетом grids (всё что не поддерживает grids – не учитываем),
- логичный нейминг (простые слова/примитивы на английском языке, примеры опять же покажем).
- jQuery (для табов)

Примитивный адаптив
Адаптив через media для двух-версий:
Desktop (1000px+, по-умолчанию) и мобайл (320px-768px).
По части адаптива то тут всё просто: т.к. структура блочная, то расположение блоков просто меняем с двух-колоночной 
на одно-колоночную, а порядок определяем через grid-template-areas (примеры покажем).
Т.е., по-сути речь идёт о десяти строчках в style.

С вас цена и сроки.

Результирующий файл: один html файл, в котором и css и html.
В перспективе хочется найти человека на постоянку, т.к. такие задачи у нас постоянно.