Roman456
/
js02_Romanenko


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HomeWork</title>
    <link rel="icon" href="https://www.webfx.com/tools/emoji-cheat-sheet/graphics/emojis/house.png" sizes="32x32">
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <nav class="nav">
        <button>
            MENU HERE
        </button>
        <ul>
            <li><a href="#">HOME</a></li>
            <li><a href="#">CONTACTS</a></li>
            <li><a href="#">OUR TEAM</a></li>
            <li><a href="#">ABOUT</a></li>
            <li><a href="#">NEWS</a></li>
        </ul>
    </nav>
    <section>
        <h2>1.Первый уровень(“карты”)</h2>
        <div class="level1">
            <blockquote>
                <q>Судьба тасует карты, а мы ими играем.</q> <br>
                <cite>Артур Шопенгауэр</cite>
            </blockquote>
            <div class="background">
                <img class="img" src="img/card01.png" alt="card">
                <img class="img" src="img/card01.png" alt="card">
                <img class="img" src="img/card01.png" alt="card">
            </div>
        </div>
    </section>
    <section>
        <h2>2. Второй уровень(“усложняемся”)</h2>
        <div class="holder">
            <span class="pink"></span>
            <span class="blue"></span>
            <span class="green"></span>
        </div>
    </section>
    <section>
        <h2>4.Кто совсем молодец ("по желанию")</h2>
        <div class="block">
            <span class="cube"></span>
        </div>
    </section>
   </body>
</html>