<!DOCTYPE html>

<div class="container">
  <div class="row">
    <div class="col-md-5 mx-auto">
      <div class="myform">
        <div class="col-md-12 text-center">
          <h1>Anime Searcher</h1>
          <p class="information-importante">
            *Si voiranime ne vous renvoie pas à l'anime, c'est qu'il n'existe
            pas sur le site
          </p>
        </div>
        <form>
          <div class="form-group">
            <input
              type="text"
              class="form-control"
              name="search-bar"
              id="search-bar"
              placeholder="Entrez l'URL de l'image d'un anime"
            />
          </div>
          <div class="col-md-12 text-center">
            <input
              id="chercher-anime"
              type="button"
              class="btn btn-primary btn-block"
              value="Chercher"
            />
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<div class="container mt-5 ml-5">
  <div id="cards-container-row" class="row">
    <div id="cards-container" class="col"></div>
    <div id="card-details" class="col"></div>
  </div>
</div>
