index.html 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <!-- Lesson 3 -->
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title>Lesson 3</title>
  8. <link rel="stylesheet" href="./css/style.css" />
  9. </head>
  10. <body>
  11. <div class="float">
  12. <div class="fixed">Fixed</div>
  13. <div class="absolute">Absolute</div>
  14. </div>
  15. <div class="relativ">
  16. <div class="relativ-child">Relativ-child</div>
  17. Relative --- Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique numquam vel recusandae laborum
  18. obcaecati accusantium excepturi sunt blanditiis odit dolor aliquid voluptatem nulla labore minus, nostrum,
  19. molestiae repellat ratione. Sapiente perferendis ut cum culpa beatae itaque adipisci sint minus saepe, debitis,
  20. facere est. Repellendus, est. Facere nulla eaque eum maxime molestias illum tenetur consequuntur obcaecati ratione
  21. deleniti sit quae qui, praesentium temporibus possimus odit repellat. Labore libero aliquam illum consequuntur
  22. ipsam architecto magnamut! Nisi nemo vero consequatur rerum mollitia, facilis eveniet molestiae suscipit
  23. doloremque, minima praesentium quidem ab. Est repellendus eligendi at eum esse in delectus et deserunt sequi
  24. ratione? Similique laboriosam minima earum necessitatibus nostrum. Sed commodi sequi itaque recusandae facere,
  25. placeat eligendi. Placeat quis nostrum voluptas fugiat architecto commodi dicta quam dolores incidunt dolorem?
  26. Provident nobis saepe blanditiis nulla dolore eaque beatae eligendi non hic delectus soluta officiis, molestias
  27. distinctio nihil, mollitia recusandae tenetur? Iure officia veniam facere nisi dolorem consectetur, quaerat natus
  28. quas deleniti minima, iste rem repellendus sint. Itaque dolor inventore soluta, fuga illo magni modi maiores ex
  29. impedit distinctio dolore harum delectus cumque ratione necessitatibus id ea deserunt cum libero nam et quaerat?
  30. Obcaecati iure culpa quaerat earum sapiente. Voluptates suscipit cum quo illo modi beatae tempore hic facilis
  31. ducimus? Quae quas nobis sequi dolorem sapiente facilis fugiat at rerum perferendis libero quod obcaecati, nemo
  32. hic ad voluptates, enim ducimus dolore, quisquam doloremque quasi! Qui placeat sit aperiam deleniti minus, eum
  33. quibusdam reiciendis! Sapiente ducimus porro doloribus, alias officiis in perspiciatis asperiores aspernatur
  34. reiciendis? Hic, atque. Quibusdam quia, ipsam, autem porro nulla nam ea esse voluptates neque cumque, architecto
  35. veniam consequuntur. Enim non voluptatibus ipsam libero?
  36. </div>
  37. </body>
  38. </html>