Untitled

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://code.s3.yandex.net/web-code/normalize.css">
    <link rel="stylesheet" href="style.css">
    <title>Портфолио</title>
</head>

<body>
    <div class="header">
        <a href="#" class="header-link">Яндекс Практикум</a>
    </div>
    <div class="menu">
        <a href="#" class="menu-link">Первые шаги в HTML и CSS</a>
        <a href="#" class="menu-link">Библиотеки JavaScript</a>
        <a href="#" class="menu-link">Практика HTML, CSS и JavaScript</a>
    </div>
    <div class="flex-row">
        <div class="project project_beginner project_music-album"></div>
        <div class="project project_beginner project_design-principles"></div>
    </div>
    <div class="flex-row flex-row_reversed">
        <div class="flex-column flex-column_reversed">
            <div class="project project_frameworks project_p5"><video class="project-video"
                    src="https://code.s3.yandex.net/web-code/like.mp4" autoplay muted loop></video></div>
            <div class="flex-row flex-row_frameworks-inner ">
                <div class="project project_frameworks project_slider"></div>
                <div class="project project_frameworks project_reactive"></div>
            </div>
        </div>
        <div class="project project_frameworks project_procrastinate"><video class="project-video"
                src="https://code.s3.yandex.net/web-code/procrastinate.mov" autoplay muted loop></video></div>
    </div>
    <div class="flex-row">
        <div class="project project_vanilla project_how-to-study"></div>
        <div class="project project_vanilla project_across-russia"></div>
        <div class="project project_vanilla project_mesto"></div>
    </div>
    <footer class="footer">
      <div class="logo"></div>
    </footer>
</body>

</html>