Untitled

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Wakfu Builder</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width; initial-scale=1.0;">
    <link href="https://fonts.googleapis.com/css?family=Luckiest+Guy" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Patua+One" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <link rel="stylesheet" href="/style.css">
  </head>

  <header>
    <div class="barrona">

    </div>
  </header>

  <body>
    <div class="stats_zone">
      <div class="div-hp">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/hp.png" class="imghp">
        <input type="number" class="text-hp" value="0" readonly>
        <span class="hp">HP</span>
        <input type="number" class="text-custom-hp" value="0">
        <span class="piuhp">+</span>
      </div>

      <div class="div-armor">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/armor.png" class="imgarmor">
        <input type="number" class="text-armor" value="0" readonly>
        <span class="armor">AR</span>
        <input type="number" class="text-custom-armor" value="0">
        <span class="piuarmor">+</span>
      </div>

      <div class="div-ap">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/ap.png" class="imgap">
        <input type="number" class="text-ap" value="0" readonly>
        <span class="ap">AP</span>
        <input type="number" class="text-custom-ap" value="0">
        <span class="piuap">+</span>
      </div>

      <div class="div-mp">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/mp.png" class="imgmp">
        <input type="number" class="text-mp" value="0" readonly>
        <span class="mp">MP</span>
        <input type="number" class="text-custom-mp" value="0">
        <span class="piump">+</span>
      </div>

      <div class="div-wp">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/wp.png" class="imgwp">
        <input type="number" class="text-wp" value="0" readonly>
        <span class="wp">WP</span>
        <input type="number" class="text-custom-wp" value="0">
        <span class="piuwp">+</span>
      </div>

      <div class="div-title-masteries">
        <span class="title-mastery">Mastery</span>
      </div>

       <div class="div-waterelem">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/elements/water.png" class="imgwaterelem">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/mastery.png" class="img-dmg-waterelem">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/block.png" class="img-res-waterelem">
        <input type="number" class="text-dmg-waterelem" value="0" readonly>
        <input type="number" class="text-custom-dmg-waterelem" value="0">
        <input type="text" class="text-res-waterelem" value="0(0%)" readonly>
        <input type="number" class="text-custom-res-waterelem" value="0">
        <span class="piuwaterelemdmg">+</span>
        <span class="piuwaterelemres">+</span>
      </div>

       <div class="div-earthelem">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/elements/earth.png" class="imgearthelem">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/mastery.png" class="img-dmg-earthelem">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/block.png" class="img-res-earthelem">
        <input type="number" class="text-dmg-earthelem" value="0" readonly>
        <input type="number" class="text-custom-dmg-earthelem" value="0">
        <input type="text" class="text-res-earthelem" value="0(0%)" readonly>
        <input type="number" class="text-custom-res-earthelem" value="0">
        <span class="piuearthelemdmg">+</span>
        <span class="piuearthelemres">+</span>
      </div>

       <div class="div-airelem">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/elements/air.png" class="imgairelem">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/mastery.png" class="img-dmg-airelem">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/block.png" class="img-res-airelem">
        <input type="number" class="text-dmg-airelem" value="0" readonly>
        <input type="number" class="text-custom-dmg-airelem" value="0">
        <input type="text" class="text-res-airelem" value="0(0%)" readonly>
        <input type="number" class="text-custom-res-airelem" value="0">
        <span class="piuairelemdmg">+</span>
        <span class="piuairelemres">+</span>
      </div>

       <div class="div-fireelem">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/elements/fire.png" class="imgfireelem">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/mastery.png" class="img-dmg-fireelem">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/block.png" class="img-res-fireelem">
        <input type="number" class="text-dmg-fireelem" value="0" readonly>
        <input type="number" class="text-custom-dmg-fireelem" value="0">
        <input type="text" class="text-res-fireelem" value="0(0%)" readonly>
        <input type="number" class="text-custom-res-fireelem" value="0">
        <span class="piufireelemdmg">+</span>
        <span class="piufireelemres">+</span>
      </div>

      <div class="div-title-battles">
        <span class="title-battles">Battle</span>
      </div>

      <div class="div-dmginf">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/damage_dealt.png" class="imgdmginf">
        <input type="percentage" class="text-dmginf" value="0%" readonly>
        <span class="dmginf">Dmg inf.</span>
        <input type="number" class="text-custom-dmginf" value="0">
        <span class="piudmginf">+</span>
        <span class="percdmginf">%</span>
      </div>

      <div class="div-healsperf">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/heals.png" class="imghealsperf">
        <input type="percentage" class="text-healsperf" value="0%" readonly>
        <span class="healsperf">Heals perf.</span>
        <input type="number" class="text-custom-healsperf" value="0">
        <span class="piuhealsperf">+</span>
        <span class="perchealsperf">%</span>
      </div>

      <div class="div-crithit">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/ch.png" class="imgcrithit">
        <input type="percentage" class="text-crithit" value="0%" readonly>
        <span class="crithit">Crit. hits</span>
        <input type="number" class="text-custom-crithit" value="0">
        <span class="piucrithit">+</span>
        <span class="perccrithit">%</span>
      </div>

      <div class="div-block">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/block.png" class="imgblock">
        <input type="percentage" class="text-block" value="0%" readonly>
        <span class="block">Block</span>
        <input type="number" class="text-custom-block" value="0">
        <span class="piublock">+</span>
        <span class="percblock">%</span>
      </div>

      <div class="div-init">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/initiative.png" class="imginit">
        <input type="number" class="text-init" value="0" readonly>
        <span class="init">Initiative</span>
        <input type="number" class="text-custom-init" value="0">
        <span class="piuinit">+</span>
      </div>

      <div class="div-range">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/range.png" class="imgrange">
        <input type="number" class="text-range" value="0" readonly>
        <span class="range">Range</span>
        <input type="number" class="text-custom-range" value="0">
        <span class="piurange">+</span>
      </div>

      <div class="div-dodge">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/dodge.png" class="imgdodge">
        <input type="number" class="text-dodge" value="0" readonly>
        <span class="dodge">Dodge</span>
        <input type="number" class="text-custom-dodge" value="0">
        <span class="piudodge">+</span>
      </div>

      <div class="div-lock">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/lock.png" class="imglock">
        <input type="number" class="text-lock" value="0" readonly>
        <span class="lock">Lock</span>
        <input type="number" class="text-custom-lock" value="0">
        <span class="piulock">+</span>
      </div>

      <div class="div-wisd">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/wisdom.png" class="imgwisd">
        <input type="number" class="text-wisd" value="0" readonly>
        <span class="wisd">Wisdom</span>
        <input type="number" class="text-custom-wisd" value="0">
        <span class="piuwisd">+</span>
      </div>

      <div class="div-prosp">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/prospecting.png" class="imgprosp">
        <input type="number" class="text-prosp" value="0" readonly>
        <span class="prosp">Prospect.</span>
        <input type="number" class="text-custom-prosp" value="0">
        <span class="piuprosp">+</span>
      </div>

      <div class="div-cont">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/control.png" class="imgcont">
        <input type="number" class="text-cont" value="0" readonly>
        <span class="cont">Control</span>
        <input type="number" class="text-custom-cont" value="0">
        <span class="piucont">+</span>
      </div>

      <div class="div-kitskill">
        <img src="https://cellar.services.clever-cloud.com/api-bucket/content/icons/stats/kit_skill.png" class="imgkitskill">
        <input type="number" class="text-kitskill" value="0" readonly>
        <span class="kitskill">Kit Skill</span>
        <input type="number" class="text-custom-kitskill" value="0">
        <span class="piukitskill">+</span>
      </div>
    </div>

    <div class="search_zone">

    </div>

    <div class="search_zone_two">
    </div>

    <div class="equip_zone">
    </div>

    <div class="spell_zone">
    </div>

    <div class="deck_zone">
    </div>

    <script src="/client.js"></script>
  </body>
</html>