Sheva77
/
homework


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
							<!-- Andrey Shevchenko. FEA-23. Home work 2. -->

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

  <body>
    <div class="holder">
      <h1>Title</h1>
      <ul class="list">
        <li>
          <a href="#">link1</a>
          <ul>
            <li><a href="#">link2</a></li>
            <li><a href="#">link3</a></li>
          </ul>
        </li>
        <li><a target="blank" href="https://www.youtube.com/">www.youtube.com</a></li>
        <li><a href="https://validator.w3.org/">validator.w3.org</a></li>
        <li><a href="#">link6</a></li>
      </ul>
      <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolore, accusamus.</p>
      <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolore, accusamus.</p>
      <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolore, accusamus.</p>
      <h1>Title 2</h1>
      <p>Lorem ipsum dolor sit amet.</p>
    </div>
    <!-- 3-я часть задания -->
    <div class="text-box">
      <h3>Покрасьте меня в розовый цвет (color:pink).</h3>
      <p>Данный элемент должен остаться неоформленным.</p>
      <p id="greycol">Покрасьте меня в серый цвет (color:grey).</p>
      <div>Данный элемент должен остаться неоформленным.</div>
      <div>
        <p>Покрасьте меня в красный цвет (color:red).</p>
      </div>
      <h3>Данный элемент должен остаться неоформленным.</h3>
      <p>Покрасьте меня в зеленый цвет (color:green).</p>
      <p class="yellow">Покрасьте меня в желтый цвет (color:yellow).</p>
    </div>

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