sidebar.html

<!doctype html>
<html>
<head>
  <base target="_top">
  <link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">
  <?!= include('style'); ?>
</head>
<body>
  <div class="content">
    <div class="form-group">
      <input id="searchBox" class="full-width" type="text">
      <button id="searchButton" class="action">Search</button>
    </div>

    <div id="loading">
      <p>Loading... ding</p>
    </div>

    <div id="result">
      <div class="header">
        <h1 id="pokeName"></h1>
        <p>#<span id="pokeNumber"></span></p>
      </div>
      <img id="pokeSprite">
      <img id="pokeShiny">
      <div class="typeSection">
        <h3>Type: <span id="pokeType"></span></h3>
      </div>
    </div>

  </div>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <?!= include('script'); ?>
</body>
</html>