index.html 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>Lesson-2-2</title>
  7. <link rel="stylesheet" href="./css/style.css" />
  8. </head>
  9. <body>
  10. <p>
  11. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolor sunt
  12. dolores odio minus assumenda earum pariatur, molestiae delectus nisi
  13. minima expedita nemo incidunt adipisci aliquid maiores placeat iusto, sint
  14. porro laborum. Minima voluptas, mollitia, eligendi laudantium neque ipsam
  15. consectetur illotatem hic aut sed laborum! Dolorem vero, sed cum
  16. repellendus optio nostrum. Earum explicabo rerum obcaecati quaerat
  17. recusandae inventore dolore praesentium, excepturi neque laborum facere
  18. rem magni quae animi quod ipsa eius minus! Omnis, quos.
  19. <span>Hellow World!</span>
  20. </p>
  21. <p>
  22. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eos sint,
  23. obcaecati laborum expedita, vero repudiandae commodi, dignissimos quaerat
  24. ut nesciunt adipisci iure at voluptate qui voluptas esse vel deserunt ex!
  25. Lorem ipsum dolor, serum error sint iusto blanditiis cupiditate odit sequi
  26. amet vel sit pariatur ipsa assumenda voluptas magnam dolorum maxime
  27. repellat. Non, sit. Voluptatem adipisci, molestiae minima alias obcaecati
  28. laboriosam quas similique voluptatum eaque, impedit optio sed autem enim
  29. praesentium nulla vitae officiis nisi laborum, ipsam veritatis sint? Illum
  30. repellendus labore laudantium, sit unde molestias sapiente tenetur laborum
  31. tempora esse provident a. Consectetur reiciendis, iste eum ipsum
  32. necessitatibus et libero iure eligendi repellat id rerum possimus nulla
  33. earum quaerat voluptatum odio atque harum placeat dolorum saepe cum neque!
  34. Tenetur accusamus animi deleniti porro doloribus voluptatum quibusdam
  35. culpa reiciendis soluta minima numquam, ratione iusto quidem quo tempore
  36. officia! Nobis quae perspiciatis, voluptatem exercitationem qui ducimus,
  37. cum libero alias laboriosam aliquam ea hic quo sed voluptates mollitia
  38. quam aspernatur? Repellendus, eum consectetur. Dolor, esse voluptate nisi
  39. quia praesentium, rerum ducimus quisquam eum nam itaque quibusdam?
  40. Laboriosam, ab sapiente aut, fugiat ad, vero a at optio delectus minima
  41. placeat totam! Eos adipisci, vel sapiente illum eaque esse omnis ratione
  42. maxime, facere quisquam magni iure excepturi dolorem veniam commodi illo
  43. aperiam voluptate nisi quod assumenda.
  44. </p>
  45. <ul>
  46. <li>
  47. Item 1
  48. <span
  49. >Level 1
  50. <span>Level 2</span>
  51. </span>
  52. </li>
  53. <li>Item 2</li>
  54. <li>Item 3</li>
  55. <li>Item 4</li>
  56. <li>Item 5</li>
  57. </ul>
  58. <div class="block">
  59. <span>uia praesentium, re</span>
  60. </div>
  61. <div class="block-2">Псевдоэлементы</div>
  62. <nav class="navigation">
  63. <a class="navigation__item" href=""></a>
  64. <a class="navigation__item" href=""></a>
  65. <a class="navigation__item" href=""></a>
  66. <a class="navigation__item" href=""></a>
  67. <a class="navigation__item" href=""></a>
  68. </nav>
  69. </body>
  70. </html>