janedev
/
homework-html


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>A-level</title>
    <link rel="shortut icon" href="img/favicon.png" type="image/png">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <header>
        <h1>Homework 4</h1>
    </header>
    <main>
        <!-- Задание номер 1 -->
        <div class="box">
            <blockquote>
                <q><b>Судьба тасует карты, а мы ими играем.</b></q><br>
                <cite><i>Артур Шопенгауэр</i></cite>
            </blockquote>
            <div class="cards">
                <img src="img/card01.png" alt="card01" class="first">
                <img src="img/card01.png" alt="card02" class="second">
                <img src="img/card01.png" alt="card03" class="third">
            </div>   
        </div>
        <!-- Задание номер 2 -->
        <div class="squares">
            <div class="square1"></div>
            <div class="square2"></div>
            <div class="square3"></div>
        </div>
        <!-- Задание номер 3 -->
        <div class="menu_block">
            <div class="menu_btn">MENU HERE</div>
            <nav class="menu">
                <ul>
                    <li><a href="#">HOME</a></li>
                    <li><a href="#">CONTACTS</a></li>
                    <li><a href="#">OUR TIME</a></li>
                    <li><a href="#">ABOUT</a></li>
                    <li><a href="#">NEWS</a></li>
                </ul>
            </nav>
        </div>
        <!-- Задание номер 4 -->
        <div class="animation">
            <div class="square"></div>
        </div>
     </main>
</body>
</html>