index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="google-site-verification" content="xxRPsXsOtp9xQEK8oAXZadrZhzoB3jMtmLS33at9zjk" />
  <link rel="stylesheet" href="index.css">
  <title>Superhero hunter</title>
</head>
<body>
  <div class="container">
    <div class="navbar">
      <img src="./static/logo.png" alt="" class="logo">
      <div class="wrapper">
        <span class="super">Super</span><span class="hero">hero</span>
      </div>

      <a href="./favorite.html">
        <button class="favoriteBtn">favorite</button>
      </a>
    </div>
    <div class="search">
      <form class="input_form" action="">
        <input class="textInput" type="text" placeholder="search...">
      </form>
    </div>
    <div class="item-container">
     
    </div>
  </div>

   <!-- crypto js linking -->
   <script
   src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.2.0/crypto-js.min.js"
   integrity="sha512-a+SUDuwNzXDvz4XrIcXHuCf089/iJAoN4lmrXJg18XnduKK6YlDHNRalv4yd1N40OKI80tFidF+rqTFKGPoWFQ=="
   crossorigin="anonymous"
   referrerpolicy="no-referrer"
 ></script>
  <script src="index.js"></script>
</body>
</html>