Sheva77
/
homework


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
							<!-- Andrey Shevchenko. FEA-23. Home work 3-1.2.3.4. -->

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Home Work 3-1.2.3.4.</title>
    <link rel="stylesheet" href="./css/style.css" />
  </head>

  <body>
    <h3 class="repeatpage">1. Создайте элемент, у которого:</h3>

    <div class="first-element">
      <ul>
        <li>ширина 350px</li>
        <li>высота 220px</li>
        <li>внутренний отступ: сверху 15px, слева 10px, внизу 20px, справа 10px</li>
        <li>внешний нижний отступ 30px</li>
        <li>"пунктирную" границу красного цвета толщиной 2px</li>
        <li>зеленую "заливку" элемента</li>
      </ul>
    </div>

    <div class="otstup100px"></div>

    <h3 class="repeatpage">2. Повторите страницу по данному по образцу: Светофор</h3>

    <div class="svetofor">
      <div class="svetofor-red"></div>
      <div class="svetofor-yellow"></div>
      <div class="svetofor-green"></div>
    </div>

    <div class="otstup100px"></div>

    <h3 class="repeatpage">2. Повторите страницу по данному по образцу: Кубики</h3>

    <div class="squares">
      <div class="squares-pink">
        <div class="squares-violet"></div>
        <div class="squares-green"></div>
      </div>
    </div>

    <div class="otstup100px"></div>

    <h3 class="repeatpage">4. Повторите страницу по данному по образцу:</h3>

    <div class="blok1">
      <img class="images1" src="./images/hw-6.2.1.png" alt="Teg HTML" />

      <p class="lor">
        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Et repellendus ducimus, animi temporibus voluptatem
        error harum facere illum itaque libero quaerat dolor sit provident sint veritatis consequuntur vero! Iusto
        dolorem quidem veniam harum eius eaque, assumenda facilis. Numquam, obcaecati! Possimus reprehenderit
        consequuntur officiis. Nam deserunt error facere quo ullam vero veritatis distinctio explicabo illum earum!
        Labore optio assumenda cum nisi, magni, cupiditate quam quis commodi vel aliquam dolor minima consectetur?
        Voluptas suscipit veritatis corporis itaque. Ut unde eaque pariatur, officia veniam ullam commodi similique iure
        molestiae dicta nostrum. Nobis totam voluptatum debitis vitae provident soluta ducimus amet tempora accusantium
        ipsa, in magnam, numquam recusandae dolor, inventore doloremque deserunt voluptates eius aspernatur? Quaerat,
        ratione quo cupiditate saepe temporibus molestias sed voluptatem nulla cum facere reiciendis explicabo laborum,
        unde corporis repellendus voluptas eius fugiat eos? Velit impedit accusamus nihil, maiores, dolorum perspiciatis
        ipsum, laboriosam autem adipisci minima at dolorem saepe ullam qui voluptatum temporibus delectus earum? Eius
        placeat quis vel accusantium dicta illum, voluptatem deserunt, quo id iusto, odit exercitationem totam expedita.
        Praesentium officia adipisci nihil eos quis ducimus quaerat doloribus laboriosam quasi, obcaecati, fuga nobis
        minima excepturi! Ex, voluptates! Adipisci esse cupiditate iste tempora ipsa dignissimos, iusto consequatur.
        Error animi rerum alias delectus minima. Officiis exercitationem, quia nobis quas praesentium culpa totam quasi?
        Eveniet tempora vitae doloremque officia quisquam saepe cum placeat expedita dolore distinctio! Nesciunt fugit
        dolorum incidunt quas quis iure iste illum repellendus, possimus accusantium. Rerum, aspernatur laudantium
        corporis rem, adipisci accusamus nam harum laborum a quaerat perspiciatis soluta fugiat pariatur debitis
        voluptatem. Earum asperiores iure voluptate repellat nostrum natus placeat deserunt culpa nulla accusamus quae
        ea minus quam consectetur voluptatibus,
        <img class="images2" src="./images/hw-6.2.2.png" alt="5-3" />
        illum rerum repudiandae quasi. Odio dolorum facilis dignissimos. Nulla officia beatae placeat animi soluta,
        inventore eos at dolorum corporis quaerat eaque nostrum cumque molestiae recusandae ipsum omnis atque. Ab
        cupiditate, asperiores voluptate repellat tempora inventore cumque accusantium sed sint necessitatibus magnam
        odit modi veritatis similique deserunt at laboriosam optio consequatur eum. Ipsam et quod ullam explicabo
        quaerat, placeat neque possimus nemo tempore maxime ex modi eveniet corrupti dignissimos. Alias cupiditate
        deserunt, ducimus repellendus eligendi temporibus obcaecati ipsum earum dicta sit, tempora exercitationem
        possimus veritatis dolor incidunt animi officia, amet harum saepe libero at dignissimos? Reprehenderit quae
        soluta autem eaque ipsam voluptate placeat quos consequuntur, voluptatem voluptas eveniet esse odit! Minima,
        consectetur? Hic obcaecati vel, explicabo quod illum rem voluptas? Error quibusdam at voluptatem est, et sint
        esse modi?
      </p>
    </div>

    <footer>Andrey Shevchenko. FEA-23. Home work 3-1.</footer>
  </body>
</html>