vika101-65
/
hw-yevgen
ter-fork dari Yevhen/hw


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243
							<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>HW4_Chukharkin_Yevhen</title>
	<link rel="stylesheet" href="css/reset.css">
	<link media="all" rel="stylesheet" href="css/style.css">
</head>
<body>
	<header class="header">  <!-- SPENT TIME OVER-МНОГО -->
		<nav class="header_nav">
			<ul class="header_nav_box">
				<li><a href="#">HOME</a></li>
				<li><a href="#">CONTACTS</a></li>
				<li><a href="#">OUR TEAM</a></li>
				<li><a href="#">FAQ</a></li>
				<li><a href="#">ABOUT</a></li>
				<li><a href="#">NEW</a></li>
			</ul>
			<a class="header_nav_link" href="#">MENU HERE</a>
		</nav>
	</header>

	<div class="container-media"> <!-- SPENT TIME 10 MIN -->
		<video class="media" controls="controls" width="400" autoplay loop muted>
			<source src="media/video/video.mp4" type="video/mp4">
		</video>
		<audio class="media" controls>
			<source src="media/audio/hello.mp3" type="audio/mp3">
		</audio>
	</div>

	<div class="container-transform"> <!-- SPENT TIME 60 MIN -->
		<div class="container-transform_card">
			<a href="#" class="container-transform_card_front">Кто молодец?</a>
			<a href="#" class="container-transform_card_back">Я молодец!</a>			
		</div>
	</div>
	
							
	
</body>
</html>