index.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <link rel="stylesheet" href="css/style.css">
  6. <title>Third task</title>
  7. </head>
  8. <body>
  9. <div class="conteiner">
  10. <header>
  11. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt voluptatibus amet ex velit, maxime, harum dicta soluta in ut earum facilis ab saepe debitis iste vero aliquam cupiditate hic quasi odio beatae. Laboriosam asperiores qui eligendi exercitationem, voluptatem ab doloribus.</p>
  12. </header>
  13. <main class="content">
  14. <div class="left-content">
  15. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores eos voluptatem consequuntur culpa, quae quis dignissimos iste vitae a nihil eaque animi incidunt architecto perspiciatis optio impedit minima magni veritatis, pariatur ducimus, fugit eius? Voluptates veniam corporis deserunt suscipit provident harum esse, nulla inventore facilis delectus sit tempora fuga voluptas explicabo minima totam numquam, maiores eveniet beatae quas! Nemo qui laudantium, ullam ea, aspernatur tempore vitae non! Veniam, minima nemo quaerat. </p>
  16. </div>
  17. <div class="right-content">
  18. <div class="colum">
  19. <img src="img/no-image-icon-15.png" alt="">
  20. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum illo minus pariatur, sit distinctio blanditiis, deserunt cumque fuga a quos!</p>
  21. </div>
  22. <div class="colum">
  23. <img src="img/no-image-icon-15.png" alt="">
  24. <p>Facere consectetur asperiores, et illo nihil quisquam neque veritatis, cum aut, distinctio mollitia? Animi, fugit, voluptatibus. Ipsa sit corporis facere.</p>
  25. </div>
  26. <div class="colum">
  27. <img src="img/no-image-icon-15.png" alt="">
  28. <p>Facere reiciendis laboriosam molestias, error vitae quas mollitia. Rerum deleniti ex earum. Quaerat eum maxime sed, ipsa fuga suscipit voluptatibus.</p>
  29. </div>
  30. </div>
  31. </main>
  32. <footer>
  33. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic similique, quidem quam iste, dolore doloribus illo facere exercitationem recusandae aut doloremque assumenda veniaotam in tempora. Itaque,m qui dorepudiandae.</p>
  34. </footer>
  35. </div>
  36. </body>
  37. </html>