index.html 3.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Homework3</title>
  8. <link rel="stylesheet" href="/Styles/reset.css">
  9. <link rel="shortcut icon" href="/img/А_levelfav.ico" type="image/x-icon">
  10. <link rel="stylesheet" href="Styles/style.css">
  11. </head>
  12. <body>
  13. <div class="wrapper">
  14. <main class="first">
  15. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  16. Soluta nesciunt esse vitae, ab autem magnam odio exercitationem, voluptatem doloremque ea earum voluptas reprehenderit provident officia ipsa.
  17. In molestias quam necessitatibus?Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maxime, obcaecati nam perferendis voluptate blanditiis incidunt officiis rerum id eos odit suscipit accusamus,
  18. aspernatur beatae nemo eaque nostrum quas nesciunt illo!
  19. Lous?Lorem ipsum dolor, sit amet consectetur adipisicing elit. Maxime, obcaecati nam perferendis voluptate blanditiis incidunt officiis rerum id eos odit suscipit accusamus,
  20. aspernatur beatae nemo eaque nostrum quas nesciunt illo!</p>
  21. </main>
  22. <main class="main">
  23. </main>
  24. <main class="third">
  25. <p class="text">
  26. <img src="/img/HTML - ліва.png" class="left" alt="HTML"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu orci posuere, venenatis magna ut, bibendum nibh. In justo nunc, feugiat sed ligula non, bibendum tempus augue.
  27. Fusce nec elit faucibus, malesuada felis sit amet, condimentum erat. Pellentesque at augue in mi lacinia finibus. Donec iaculis nulla massa,
  28. sed convallis sem vestibulum sed. Morbi sed gravida dolor. Nulla porttitor dui et justo vehicula laoreet. Suspendisse a magna sit amet turpis blandit fermentum.
  29. Morbi ut lorem in lacus fermentum euismod. Aenean consequat turpis id urna volutpat porta. Curabitur sodales eleifend quam, et sagittis mauris aliquam ac.
  30. Maecenas finibus feugiat orci ut aliquet. Proin consequat vel mi ut placerat.
  31. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu orci posuere, venenatis magna ut, bibendum nibh. In justo nunc, feugiat sed ligula non, bibendum tempus augue.
  32. Fusce nec elit faucibus, malesuada felis sit amet, condimentum erat. Pellentesque at augue in mi lacinia finibus. Donec iaculis nulla massa,
  33. sed convallis sem vestibulum sed. Morbi sed gravida dolor. Nulla porttitor dui et justo vehicula laoreet. Suspendisse a magna sit amet turpis blandit fermentum. <img src="/img/HTML+CSS.png" class="right" alt="HTML+CSS">
  34. Morbi ut lorem in lacus fermentum euismod. Aenean consequat turpis id urna volutpat porta. Curabitur sodales eleifend quam, et sagittis mauris aliquam ac.
  35. Maecenas finibus feugiat orci ut aliquet. Proin consequat vel mi ut placerat.
  36. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu orci posuere, venenatis magna ut, bibendum nibh. In justo nunc, feugiat sed ligula non, bibendum tempus augue.
  37. Fusce nec elit faucibus, malesuada felis sit amet, condimentum erat. Pellentesque at augue in mi lacinia finibus. Donec iaculis nulla massa,
  38. sed convallis sem vestibulum sed. Morbi sed gravida dolor. Nulla porttitor dui et justo vehicula laoreet. Suspendisse a magna sit amet turpis blandit fermentum.
  39. Morbi ut lorem in lacus fermentum euismod. Aenean consequat turpis id urna volutpat porta. Curabitur sodales eleifend quam, et sagittis mauris aliquam ac.
  40. Maecenas finibus feugiat orci ut aliquet. Proin consequat vel mi ut placerat.
  41. </p>
  42. </main>
  43. </div>
  44. </body>
  45. </html>