index.html 2.4 KB

12345678910111213141516171819202122232425262728293031
  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>A-level</title>
  8. <link rel="shortut icon" href="img/favicon.png" type="image/png">
  9. <link rel="stylesheet" href="css/normalize.css">
  10. <link rel="stylesheet" href="css/main.css">
  11. </head>
  12. <body>
  13. <header>
  14. <!-- Заголовок первого порядка -->
  15. <h1>Homework 3</h1>
  16. </header>
  17. <main>
  18. <!-- Задание номер 2 -->
  19. <div class="box"></div>
  20. <!-- Задание номер 3 -->
  21. <div class="block">
  22. <p><img src="img/hw-6.2.1.png" alt="html" class="left_img" width="200">
  23. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lectus erat, tincidunt non nibh sed, maximus venenatis orci. Nunc sed mattis tellus, ut finibus urna. Nunc tempor mauris eu libero tristique, sit amet iaculis lacus congue. Praesent commodo massa lectus. Donec nec pulvinar ex. Curabitur faucibus vulputate lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vestibulum convallis tristique ligula ac luctus. Nam nisl dolor, tempor a interdum faucibus, luctus eu massa. Duis nisl dolor, imperdiet ac est vitae, suscipit interdum arcu. Praesent aliquam volutpat tortor, quis tempor sapien suscipit quis. Suspendisse sit amet justo vitae nisi gravida pulvinar ac ut mi. Nunc eros nisl, semper faucibus placerat in, consectetur bibendum neque. Mauris sodales semper placerat. Vestibulum sagittis velit nibh, eu ultrices purus lacinia sed.
  24. <img src="img/hw-6.2.2.png" alt="css" class="right_img" width="150">
  25. Donec dapibus turpis in dui bibendum vestibulum. Nam non sagittis eros. Nam ac turpis sed justo mattis tempor ut at lorem. Ut iaculis nisl lectus, vel iaculis diam facilisis varius. Ut vel lectus ut arcu posuere rutrum. Fusce quis dictum quam. In elementum pretium ligula, eu pulvinar lorem tincidunt non. Nulla eget imperdiet eros. Nulla sed neque tincidunt, fermentum risus ut, pharetra velit. Nullam posuere dui quis nisl vehicula, ac molestie sapien tempus. Duis non est libero. Praesent eleifend commodo dolor, non dictum dui porttitor non. Nam bibendum est ac aliquam varius.<p>
  26. </div>
  27. </main>
  28. </body>
  29. </html>