index.html

<!DOCTYPE html>
<html lang="pt-br">
<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">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="java.js">
    <title>Lupa do Estudante</title>

    <script>
      function lupa(){
        alert("Olá Mundo")
      }
    </script>
</head>
<body>
    <section class="container principal">
        <div class="navbar__container">
            <a href="#"><img src="img/menu_navbar.svg" alt="Menu Navbar" class="container__menu" ></a>
            <a href="index.html"><img src="img/Logo_png_transparente.png" alt="Logo Lupa do Estudante" class="container__imagem"></a>
            <div id="divBusca">
                <input type="text" id="txtBusca" placeholder="Buscar"/>
              </div>
        </div>
    </section>

    <section class="secundario">
      <img src="img/Como usar sua nota do ENEM.png" alt="cidade" class="carrossel__secundario">
        <div class="topicos__secundario">
          <ul class="anos__lista">
            <li>
                <a href="#"><img src="img/one.png" alt="Número 1"></a>
                <h3 class="lista__item">1º Ano</h3>
            </li>
            <li>
              <a href="#"><img src="img/two.png" alt="Número 2"></a>
                <h3 class="lista__item">2º Ano</h3>
            </li>
            <li>
              <a href="teste.html"><img src="img/three.png" alt="Número 3"></a>
                <h3 class="lista__item">3º Ano</h3>
            </li>
        </ul>
        </div>
    </section>
</body>
</html>