inicio.html

<!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>Inicio</title>
    <link rel="preload" href="menu.css" as="style">
    <link rel="preload" href="menu.js" as="script">
    <link rel = 'stylesheet' href = 'menu.css'>
    <link rel = 'stylesheet' href = 'style.css'>
</head>
<body>
    <header>
        <img src="menu.png" id="btn_open">
    </header>

    <h1>LANÇAMENTOS</h1>

    <div id="movie"></div>

    <div id="menu" class="menu effect" style="margin-left: -250px;">
        <nav>
            <div style="text-align: right;">
                <img src="menu.png" id="btn_close">
            </div>
            <ul>
                <li><a href="inicio.html">Início</a></li>
                <li><a href="filmes.html">Filmes</a></li>
                <li><a href="series.html">Séries</a></li>
                <li><a href="search.html">Buscar</a></li>
            </ul>
        </nav>
    </div>

    <script src="inicio.js"></script>
    <script src="menu.js"></script>
</body>
</html>