Добавить блоки с правой и левой стороны (урок №3)

Document
		<div style="width: 300px; height: 300px; border: 1px solid black; float: left; margin: 70px 10px; clear: both"></div>
		<div style="width: 300px; height: 300px; border: 1px solid black; float: left; margin: 70px 340px;"></div>
		<div style="width: 300px; height: 300px; border: 1px solid black; float: right; margin: 70px 10px;"></div>

		<div style="width: 300px; height: 300px; border: 1px solid black; float: right; margin: 70px 10px; clear: both"></div>
		<div style="width: 300px; height: 300px; border: 1px solid black; float: right; margin: 70px 10px; clear: both"></div>

Vestibulum volutpat sem non diam egestas

Vestibulum volutpat sem non diam egestas, at malesuada dui dictum. Curabitur euismod vestibulum maximus. Proin fermentum eget nulla porttitor euismod. Cras efficitur nibh finibus, aliquam metus eu, euismod enim. Donec sollicitudin, ipsum dictum aliquet elementum, enim tortor iaculis odio, et imperdiet felis nisl ac sem. Aenean volutpat, metus at convallis dapibus, nulla neque ullamcorper felis, in elementum elit leo non nisl. Morbi pharetra venenatis est sit amet egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec in posuere orci. Maecenas commodo turpis quis arcu facilisis semper. Proin

Vestibulum volutpat sem non diam egestas, at malesuada dui dictum. Curabitur euismod vestibulum maximus. Proin fermentum eget nulla porttitor euismod. Cras efficitur nibh finibus, aliquam metus eu, euismod enim. Donec sollicitudin, ipsum dictum aliquet elementum, enim tortor iaculis odio, et imperdiet felis nisl ac sem. Aenean volutpat, metus at convallis dapibus, nulla neque ullamcorper felis, in elementum elit leo non nisl. Morbi pharetra venenatis est sit amet egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec in posuere orci. Maecenas commodo turpis quis arcu facilisis semper. Proin

Vestibulum volutpat sem non diam egestas, at malesuada dui dictum. Curabitur euismod vestibulum maximus. Proin fermentum eget nulla porttitor euismod. Cras efficitur nibh finibus, aliquam metus eu, euismod enim. Donec sollicitudin, ipsum dictum aliquet elementum, enim tortor iaculis odio, et imperdiet felis nisl ac sem. Aenean volutpat, metus at convallis dapibus, nulla neque ullamcorper felis, in elementum elit leo non nisl. Morbi pharetra venenatis est sit amet egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec in posuere orci. Maecenas commodo turpis quis arcu facilisis semper. Proin

Vestibulum volutpat sem non diam egestas, at malesuada dui dictum. Curabitur euismod vestibulum maximus. Proin fermentum eget nulla porttitor euismod. Cras efficitur nibh finibus, aliquam metus eu, euismod enim. Donec sollicitudin, ipsum dictum aliquet elementum, enim tortor iaculis odio, et imperdiet felis nisl ac sem. Aenean volutpat, metus at convallis dapibus, nulla neque ullamcorper felis, in elementum elit leo non nisl. Morbi pharetra venenatis est sit amet egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec in posuere orci. Maecenas commodo turpis quis arcu facilisis semper. Proin

Vestibulum volutpat sem non diam egestas, at malesuada dui dictum. Curabitur euismod vestibulum maximus. Proin fermentum eget nulla porttitor euismod. Cras efficitur nibh finibus, aliquam metus eu, euismod enim. Donec sollicitudin, ipsum dictum aliquet elementum, enim tortor iaculis odio, et imperdiet felis nisl ac sem. Aenean volutpat, metus at convallis dapibus, nulla neque ullamcorper felis, in elementum elit leo non nisl. Morbi pharetra venenatis est sit amet egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec in posuere orci. Maecenas commodo turpis quis arcu facilisis semper. Proin

</div>

Добрый день! ДЗ 3 предусматривает собой вверстку макета. Макет находится в папке HW как открыть макет инструкцию найдете в видео записях к курсу

<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body style="margin: 0px;"> 
	<div style="height: 100px; border: 1px solid black"></div>
	<div style="height: 200px; padding: 0px 50px;">
		<div style="height: 50px; border: 1px solid black; width: 20%; float: left;margin-top: 70px;margin-left: 20px;"></div>
		<div style="height: 40px; border: 1px solid black; width: 60%; float: right;margin-top: 70px;margin-right: 20px;"></div> 

			<div style="width: 300px; height: 300px; border: 1px solid black; float: left; margin: 70px 10px; clear: both"></div>
			<div style="width: 300px; height: 300px; border: 1px solid black; float: left; margin: 70px 340px;"></div>
			<div style="width: 300px; height: 300px; border: 1px solid black; float: right; margin: 70px 10px;"></div>

			<div style="width: 300px; height: 300px; border: 1px solid black; float: right; margin: 70px 10px; clear: both"></div>
			<div style="width: 300px; height: 300px; border: 1px solid black; float: right; margin: 70px 10px; clear: both"></div>

<div style="height:100px"></div>
<h1>Vestibulum volutpat sem non diam egestas</h1>

<p>Vestibulum volutpat sem non diam egestas, at malesuada dui dictum. Curabitur euismod vestibulum maximus. Proin fermentum eget nulla porttitor euismod. Cras efficitur nibh finibus, aliquam metus eu, euismod enim. Donec sollicitudin, ipsum dictum aliquet elementum, enim tortor iaculis odio, et imperdiet felis nisl ac sem. Aenean volutpat, metus at convallis dapibus, nulla neque ullamcorper felis, in elementum elit leo non nisl. Morbi pharetra venenatis est sit amet egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec in posuere orci. Maecenas commodo turpis quis arcu facilisis semper. Proin</p>
<p>Vestibulum volutpat sem non diam egestas, at malesuada dui dictum. Curabitur euismod vestibulum maximus. Proin fermentum eget nulla porttitor euismod. Cras efficitur nibh finibus, aliquam metus eu, euismod enim. Donec sollicitudin, ipsum dictum aliquet elementum, enim tortor iaculis odio, et imperdiet felis nisl ac sem. Aenean volutpat, metus at convallis dapibus, nulla neque ullamcorper felis, in elementum elit leo non nisl. Morbi pharetra venenatis est sit amet egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec in posuere orci. Maecenas commodo turpis quis arcu facilisis semper. Proin</p>
<p>Vestibulum volutpat sem non diam egestas, at malesuada dui dictum. Curabitur euismod vestibulum maximus. Proin fermentum eget nulla porttitor euismod. Cras efficitur nibh finibus, aliquam metus eu, euismod enim. Donec sollicitudin, ipsum dictum aliquet elementum, enim tortor iaculis odio, et imperdiet felis nisl ac sem. Aenean volutpat, metus at convallis dapibus, nulla neque ullamcorper felis, in elementum elit leo non nisl. Morbi pharetra venenatis est sit amet egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec in posuere orci. Maecenas commodo turpis quis arcu facilisis semper. Proin</p>
<p>Vestibulum volutpat sem non diam egestas, at malesuada dui dictum. Curabitur euismod vestibulum maximus. Proin fermentum eget nulla porttitor euismod. Cras efficitur nibh finibus, aliquam metus eu, euismod enim. Donec sollicitudin, ipsum dictum aliquet elementum, enim tortor iaculis odio, et imperdiet felis nisl ac sem. Aenean volutpat, metus at convallis dapibus, nulla neque ullamcorper felis, in elementum elit leo non nisl. Morbi pharetra venenatis est sit amet egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec in posuere orci. Maecenas commodo turpis quis arcu facilisis semper. Proin</p>
<p>Vestibulum volutpat sem non diam egestas, at malesuada dui dictum. Curabitur euismod vestibulum maximus. Proin fermentum eget nulla porttitor euismod. Cras efficitur nibh finibus, aliquam metus eu, euismod enim. Donec sollicitudin, ipsum dictum aliquet elementum, enim tortor iaculis odio, et imperdiet felis nisl ac sem. Aenean volutpat, metus at convallis dapibus, nulla neque ullamcorper felis, in elementum elit leo non nisl. Morbi pharetra venenatis est sit amet egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec in posuere orci. Maecenas commodo turpis quis arcu facilisis semper. Proin</p>

	</div>

</body>
</html>

Скажите инструкция по видеокурсу вы имеете ввиду здесь?

https://lms.prog.kiev.ua

Там в материалах к курсу. Я точный путь не подскажу, но там есть записи уроков и помимо записей там есть еще папка с материалами в ней и есть то что рассматривается на занятии там и вы найдете папки с ДЗ. Если не получится найти пишите