index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Part 1</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <h2 class="woi">Fariq Manaf</h2>
        <div class="container-list">
            <a href="">Home</a>
            <a href="">About</a>
            <a href="">Contact</a>
            <a href="">Help</a>
        </div>
        <button>Login</button>
    </header>
    <main>
        <div class="container-main">
            <video src="video.mp4" autoplay muted loop></video>
            <div class="content">
                <h1 class="title"><span class="sub-title">Test </span>Frontend Skill</h1>
                <div class="container-desc">
                    <p>Lorem ipsum, dolor sit amet aliquam blanditiis eum, esse pariatur harum, cum maiores tenetur sapiente unde iste facilis cupiditate odit excepturi quisquam! Quia, blanditiis nulla quibusdam placeat sapiente assumenda ipsum voluptates quas consequatur quo cupiditate ex est sed in explicabo quae. Libero, eaque? Excepturi expedita consectetur repellat reiciendis dolor ex, magnam iure repudiandae consequuntur, explicabo sequi facere laudantium similique voluptate, velit voluptatibus voluptatem ea deleniti possimus. Iusto id itaque eveniet beatae necessitatibus doloribus. Officia itaque dolorem aliquid dignissimos aut quis, eaque consequuntur eum delectus voluptas laboriosam!</p>
                </div>
            </div>
        </div>
    </main>
</body>
<script>
    feather.replace();
  </script>
</html>