Вёрстка сайта на HTML5/CSS3 с семантикой

Требуется сверстать сайт на чистом HTML5, CSS3 (или с использованием препроцессоров SCSS/LESS) и JavaScript (Vanilla JS или современные фреймворки при необходимости).

Вёрстка должна быть строго семантической, с использованием тегов <header>, <nav>, <main>, <section>, <article>, <footer>, <aside> и других. Код должен проходить проверку W3C validator без критических ошибок.

Обеспечить кроссбраузерность для актуальных версий Google Chrome, Safari, Mozilla Firefox, Microsoft Edge, а также мобильных браузеров (iOS Safari, Android Chrome).

Код должен быть чистым, с понятной структурой папок, комментированием основных блоков и использованием методологии наименования классов (например, БЭМ). Также необходимо добавить сайт в Яндекс.Вебмастер и установить счётчик Яндекс.Метрики.