<!DOCTYPE html>
<html>
<!-- 
   But :    
  Auteur : Tiago + Lopes
  Date :   01.06.21 / V1.0
   -->

<!-- entête de la page -->

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="../css/accueill.css">
  <!--import qui permet le hash -->
  <script src="http://www.myersdaily.org/joseph/javascript/md5.js"></script>
  <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  <!--import qui permet l'appel des metéhodes de l'api-->
  <script src="../js/requetes.js"></script>
  <script src="../js/indexCtrl.js"></script>
  <script src="../js/service.js"></script>
  <script src="../js/loginCtrl.js"></script>
  <title>Find your Hero - 307 - Projet</title>
  <link rel="icon" href="../images/Captain_America's_shield.svg.png" />
</head>

<!-- corps de la page -->

<body>
  <div class="nav">
    <div class="title">
      FIND YOUR HERO
    </div>
    <button id="btn"><a href="http://lopesmonteirom.emf-informatique.ch/307/300222_307_Projet_Lopes_Tiago">Log Out</a></button>
   
  </div>
  <div class="container">
    <div class="conteneurBarre">
      <label>
        <input class="searchBar" type="text" required id="searchBarInput" onkeyup="requete()">
        <ul>
          <li s>s</li>
          <li e>e</li>
          <li a>a</li>
          <li r>r</li>
          <li c>c</li>
          <li h>h</li>
        </ul>
      </label>
    </div>
    <div class="wrapper">
    </div>
  </div> <!-- fin du conteneur -->
</body>

</html>