Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Belajar membuat Menu</title>
    <link rel="stylesheet" href="web css/13002Menu.css">
</head>
<body>
    <header class="web" id="judul">
<img src="images/steam-logo-steam-icon-transparent-free-png.webp" alt="Test" id="logo">
<h1>Steam </h1>
  <h2>Play, create, and share with friends.</h2>
    </header>
    <nav class="web" id="menu">
     <!--Menu horizontal-->
<ul>
   <li><a href="#">Home</a></li>
    <li><a href="#" title="list Genre of Games">Category</a>
        <ul>
            <li><a href="#">RPG</a>
                <ul>
                    <li><a href="#">Hogwart Legacy</a></li>
                    <li><a href="#">Cyberpunk 2077</a></li>
                    <li><a href="#">Persona</a></li>
                </ul>
            </li>
            <li><a href="#">FPS</a>
            <ul>
                <li><a href="#">Call of duty</a></li>
                <li><a href="#">Warzone</a></li>
                <li><a href="#">PUBG</a></li>
            </ul>
            </li>
            <li><a href="#">Turn based</a>
            <ul>
                <li><a href="#">Jagged Alliance 3</a></li>
                <li><a href="#">Age of Wonders 4</a></li>
                <li><a href="#">Library Of Ruina</a></li>
            </ul>
            </li>
            <li><a href="#">Sports</a>
                <ul>
                    <li><a href="#">Fifa 14</a></li>
                    <li><a href="#">NBA 2K25</a></li>
                    <li><a href="#">Football manager</a></li>
                </ul>
            </li>
            <li><a href="#">Racing</a>
            <ul>
                <li><a href="#">Forza Horizon</a></li>
                <li><a href="#">Asphalt 9</a></li>
                <li><a href="#">Need For Speed</a></li>
            </ul>
            </li>
            <li><a href="#">Adventure</a>
            <ul>
                <li><a href="#">Terraria</a></li>
                <li><a href="#">Black Myth Wukong</a></li>
                <li><a href="#">Rust</a></li>
            </ul>
            </li>
        </ul>
        </li>
    <li><a href="#" >Store</a></li>
    <li><a href="#">Support</a></li>
</ul>
    </nav>
    <main>

    </main>
    <footer>

    </footer>
</body>
</html>