index.html 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <!DOCTYPE html>
  2. <html lang="zxx">
  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="stylesheet" href="css/reset.css">
  9. <link rel="stylesheet" href="css/style.css">
  10. </head>
  11. <body>
  12. <main>
  13. <!-- Второй уровень -->
  14. <div class="box"></div>
  15. <!-- Третий уровень -->
  16. <div class="float__box">
  17. <img class="float__img-left" src="images/1.png" alt="first picture">
  18. <p>
  19. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam quidem beatae obcaecati labore itaque? Officiis vel,
  20. soluta numquam ex odit minima animi nesciunt asperiores exercitationem dolorum. Odit ea iusto labore quia ipsa vero!
  21. Magni, quisquam quaerat molestias tempora ea, labore delectus obcaecati facilis soluta, consectetur dolores animi
  22. neque beatae atLorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam quidem beatae obcaecati labore itaque?
  23. Officiis vel, soluta numquam ex odit minima animi nesciunt asperiores exercitationem dolorum. Odit ea iusto labore
  24. quia ipsa vero! Magni, quisquam quaerat molestias tempora ea, labore delectus obcaecati facilis soluta, consectetur
  25. dolores animi neque beatae at.Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam quidem beatae obcaecati
  26. labore itaque?
  27. <img class="float__img-right" src="images/2.png" alt="second picture">
  28. Officiis vel, soluta numquam ex odit minima animi nesciunt asperiores exercitationem dolorum. Odit ea
  29. iusto labore quia ipsa vero! Magni, quisquam quaerat molestias tempora ea, labore delectus obcaecati facilis soluta,
  30. consectetur dolores animi neque beatae atLorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam quidem beatae
  31. obcaecati labore itaque? Officiis vel, soluta numquam ex odit minima animi nesciunt asperiores exercitationem dolorum.
  32. Odit ea iusto labore quia ipsa vero! Magni, quisquam quaerat molestias tempora ea, labore delectus obcaecati facilis
  33. soluta, consectetur dolores animi neque beatae ats Officiis vel, soluta numquam ex odit minima animi nesciunt asperiores
  34. exercitationem dolorum. Odit ea iusto labore quia ipsa vero! Magni, quisquam quaerat molestias tempora ea, labore delectus
  35. obcaecati facilis soluta, consectetur dolores animi neque beatae atLorem ipsum dolor, sit amet consectetur adipisicing elit.
  36. Ipsam quidem beatae obcaecati labore itaque? Officiis vel, soluta numquam ex odit minima animi nesciunt asperiores
  37. exercitationem dolorum. Odit ea iusto labore quia ipsa vero! Magni, quisquam quaerat molestias tempora ea, labore delectus
  38. obcaecati facilis soluta, consectetur dolores animi neque beatae ats.
  39. </p>
  40. </div>
  41. </main>
  42. </body>
  43. </html>