|
@@ -0,0 +1,46 @@
|
|
|
|
+<!DOCTYPE html>
|
|
|
|
+<html lang="en">
|
|
|
|
+<head>
|
|
|
|
+ <meta charset="UTF-8">
|
|
|
|
+ <title>Задание 3</title>
|
|
|
|
+ <link rel="stylesheet" type="text/css" href="style.css">
|
|
|
|
+</head>
|
|
|
|
+<body>
|
|
|
|
+
|
|
|
|
+ <section class="container">
|
|
|
|
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum ut veritatis accusamus voluptas dolor fuga maxime nihil, maiores consectetur, nisi unde alias adipisci officia, pariatur vitae reprehenderit optio voluptates asperiores temporibus autem. In ex doloribus a quo, placeat non, vitae provident enim quidem minus, similique repellat voluptatum, perspiciatis iusto libero.</p>
|
|
|
|
+
|
|
|
|
+ <section class="clearfix">
|
|
|
|
+ <article class="side-bar">
|
|
|
|
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error suscipit eligendi laudantium! Totam, rem modi amet sed asperiores minima explicabo perspiciatis repellat veniam commodi deleniti, nobis architecto quos, nihil quas maiores tenetur sunt quod quia tempora neque ipsa doloribus numquam!
|
|
|
|
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error suscipit eligendi laudantium! Totam, rem modi amet sed asperiores minima explicabo perspiciatis repellat veniam commodi deleniti, nobis architecto quos, nihil quas maiores tenetur sunt quod quia tempora neque ipsa doloribus numquam!
|
|
|
|
+ </article>
|
|
|
|
+
|
|
|
|
+ <section class="content">
|
|
|
|
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque, pariatur, aperiam! Nesciunt laudantium amet nulla veritatis doloremque voluptate enim fugiat ad voluptas dolor non eum, quam est eveniet libero, consequuntur ab reiciendis illum nemo, facilis eligendi quos neque. Quisquam, ut!</p>
|
|
|
|
+
|
|
|
|
+ <article class="clearfix">
|
|
|
|
+ <article class="article">
|
|
|
|
+ <img src="image.png">
|
|
|
|
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad nihil dolore recusandae quo facilis enim consequatur animi dolorum aperiam explicabo delectus dicta non aliquam rerum at odio doloremque, nobis cupiditate!</p>
|
|
|
|
+ </article>
|
|
|
|
+ <article class="article">
|
|
|
|
+ <img src="image.png">
|
|
|
|
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad nihil dolore recusandae quo facilis enim consequatur animi dolorum aperiam explicabo delectus dicta non aliquam rerum at odio doloremque, nobis cupiditate!</p>
|
|
|
|
+ </article>
|
|
|
|
+ <article class="article">
|
|
|
|
+ <img src="image.png">
|
|
|
|
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad nihil dolore recusandae quo facilis enim consequatur animi dolorum aperiam explicabo delectus dicta non aliquam rerum at odio doloremque, nobis cupiditate!</p>
|
|
|
|
+ </article>
|
|
|
|
+ </article>
|
|
|
|
+
|
|
|
|
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque, pariatur, aperiam! Nesciunt laudantium amet nulla veritatis doloremque voluptate enim fugiat ad voluptas dolor non eum, quam est eveniet libero, consequuntur ab reiciendis illum nemo, facilis eligendi quos neque. Quisquam, ut!</p>
|
|
|
|
+ </section>
|
|
|
|
+ </section>
|
|
|
|
+
|
|
|
|
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam dolor eius facere, recusandae aliquid hic repudiandae rem quaerat, perferendis earum dicta deserunt. Mollitia a deserunt ut eveniet saepe nam et atque corporis temporibus qui numquam soluta omnis labore velit reprehenderit magnam placeat vitae, error quia. Perspiciatis doloremque odio error expedita.</p>
|
|
|
|
+
|
|
|
|
+ </section>
|
|
|
|
+
|
|
|
|
+</body>
|
|
|
|
+</html>
|