Pocket Pokedex - V1 CP HTML

<div class="row">

  <div class="col-lg-4" style="margin: 0 auto 1rem auto;">

<div class="top-details" style="background:#98D8D8;"><h1 class="text-white">Delibird</h1>

<div class="row no-num">
  <div class="col-md-7"><div class="dex-no bg-white">225</div></div>
  <div class="col-md-1"></div>
  <div class="col-md-4"><div class="dex-img bg-white">
    <img src="https://www.serebii.net/pokedex-dp/icon/225.gif">
  </div></div>
</div>

<div class="row entry">
  <img src="https://cdn.bulbagarden.net/upload/thumb/3/3f/225Delibird.png/250px-225Delibird.png" class="pokemon mb-3">

  <div class="col-md-5 type text-white" style="background-color: #98D8D8;">Ice</div>
  <div class="col-md-5 type text-white" style="background-color: #A890F0;">Flying</div>
</div>

</div>

<div class="dex-details" style="background:#413d3d">
  <div class="row desc bg-white">
    <div class="col-md-6"><b>Height:</b> 2' 11"</div>
    <div class="col-md-6"><b>Items:</b> None</div>
    <div class="col-md-6"><b>Weight:</b> 35.3 lbs.</div>
    <div class="col-md-6"><b>Gender:</b> M / F</div>
    <div class="col-md-12 mt-2"><b>Abilities:</b> Vital Spirit, Hustle</div>
  </div>
</div>

<div class="stats bg-white row">
    <div class="col-lg-2 stat-name">HP</div>
    <div class="col-lg-10 row stat">
      <div class="col-md-2 bg-danger"></div>
      <div class="col-md-2 bg-faded"></div>
      <div class="col-md-2 bg-faded"></div>
      <div class="col-md-2 bg-faded"></div>
      <div class="col-md-2 bg-faded"></div>
    </div>

    <div class="col-lg-2 stat-name">ATK</div>
    <div class="col-lg-10 row stat">
      <div class="col-md-2 bg-danger"></div>
      <div class="col-md-2 bg-danger"></div>
      <div class="col-md-2 bg-faded"></div>
      <div class="col-md-2 bg-faded"></div>
      <div class="col-md-2 bg-faded"></div>
    </div>

    <div class="col-lg-2 stat-name">DEF</div>
    <div class="col-lg-10 row stat">
      <div class="col-md-2 bg-danger"></div>
      <div class="col-md-2 bg-danger"></div>
      <div class="col-md-2 bg-faded"></div>
      <div class="col-md-2 bg-faded"></div>
      <div class="col-md-2 bg-faded"></div>
    </div>

    <div class="col-lg-2 stat-name">S.atk</div>
    <div class="col-lg-10 row stat">
      <div class="col-md-2 bg-danger"></div>
      <div class="col-md-2 bg-danger"></div>
      <div class="col-md-2 bg-faded"></div>
      <div class="col-md-2 bg-faded"></div>
      <div class="col-md-2 bg-faded"></div>
    </div>

    <div class="col-lg-2 stat-name">s.DEF</div>
    <div class="col-lg-10 row stat">
      <div class="col-md-2 bg-danger"></div>
      <div class="col-md-2 bg-faded"></div>
      <div class="col-md-2 bg-faded"></div>
      <div class="col-md-2 bg-faded"></div>
      <div class="col-md-2 bg-faded"></div>
    </div>

    <div class="col-lg-2 stat-name">spd</div>
    <div class="col-lg-10 row stat">
      <div class="col-md-2 bg-danger"></div>
      <div class="col-md-2 bg-danger"></div>
      <div class="col-md-2 bg-danger"></div>
      <div class="col-md-2 bg-faded"></div>
      <div class="col-md-2 bg-faded"></div>
    </div>

</div>

</div>

</div>