index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>ThinkfulTube Challenge</title>
    <meta name="description" content="Thinkful Youtube Search">
    <link href="index.css" rel="stylesheet" type="text/css" />
    <script
  src="https://code.jquery.com/jquery-3.3.1.js"
  integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
  crossorigin="anonymous"></script>
  </head>
  <body>
    <main role="main">
      <section>
      <h1>Search Youtube By Theme:</h1>
      <form action="#" class="js-search-bar">
        <input type="text" class="js-query" required placeholder="cat videos">
        <button type="submit">Search</button>
      </form>
      </section>
      <div class="results"></div>
    </main>
    <script src="index.js"></script>
  </body>
</html>