index.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>Proyectos</title>
    <link rel="stylesheet" href="main.css">
    <script src="js/config.js" async defer></script>
    <script src="js/events.js" async defer></script>
    <script src="js/utils.js" async defer></script>
  </head>
  <body>
    <header>
      <h1>Reto de mini Hackathon</h1>
    </header>
    <main>
      <p>Esto es un ejemplo de como lo resolvi</p>
    </main>
    <section>
      <ul class="content-accionables">
        <li>
          <p>Rick and morty</p>
        </li>
        <li>
          <p>Pokemon</p>
        </li>
      </ul>
    </section>
    <section class="muestra">
      <p>
        Resultados encontrados:
        <span></span>
      </p>
      <div class="results"></div>
    </section>
    <section class="filtrado">
      <p class="error"></p>
      <div></div>
      <div>
        <label for="filter">Buscar:</label>
        <input id="filter" type="text">
        <button>Buscar</button>
      </div>
      <section class="resultsFilter"></section>
      <p></p>
    </section>
  </body>
</html>