Необходимо сверстать большой блок вступление. Не пугайтесь, у вас все для этого есть: знания, прошлые задачи, чат, менторы, гугл - точно справитесь!
Так выглядит первая секция макета
Фотографию нужно сразу менять на свою :)
Помимо обычных тегов в html есть еще семантические теги (вначале мы мельком их упомянули), которые аналогичны тегу div или span, но позволяют разделить блоки по смыслу. Вы уже знаете про тег <header> и <nav>- для хедера, на ряду с первым есть ещё <main> для части с основным содержимым и <footer> для подвала (футера), <section> для разделов, <article> для статьи. Подробнее можно почитать например тут, тут или тут
посмотрим на весь макет (в разных вариантах)
Теперь разберем его на части
Для больших блоков будем использовать тег <section>, а в них уже помещать содержимое
Тут два блока, которые надо расположить горизонтально(display:flex?), а в них уже поместить контент. А ещё не забудьте про контейнер, ведь он будет с нами всё время. На каждую секцию должен быть свой контейнер внутри секции.
Контент очень простой - заголовок, текст, кнопка и картинка.
Чтобы картинка подстроилась под нужные размеры, ей достаточно задать ширину, а высота пропорционально примет нужное значение.