Как сделать такую верстку?

Question

[frayer]

Здраствуйте, может кто-то помочь накидать такую верстку как на картинке, не понимаю как, и можно ли сделать в header блок разделенный на 2 с разным background'ом

Comments

[Ankhena]

и можно ли сделать в header блок разделенный на 2 с разным background'ом

Можно.
Самый простой вариант, как это ни странно, два блока с разными фонами.

Другой простой вариант - множественный фон, через запятую.

Еще варианты https://jsfiddle.net/Ankhena/tr2gcpes/

[frayer]

Ankhena, спасибо за ответ, а можете подсказать как отпозиционировать те блоки что по середине

[Ankhena]

frayer, смотря что это за квадрат такой и с какой целью он там приляпан

[frayer]

серый это просто картинка, а желтые точки для паралакс еффекта

[Ankhena]

frayer,

как отпозиционировать те блоки что по середине

Обычный блок с контентом. В нем либо 2 блока либо блок и псевдо.

Если это картинка-украшение, т.е. она не несет смысловой нагрузки, то псевдоэлемент с фоном.
Если картинка контентная, то figure, а внутри img.

Дальше флексами или гридами в 2 столбика, без разницы, как вам удобнее.