roll20-character-sheets-tester/D&D_5e_Shaped/precompiled/pages/header.html

<div class="sheet-core-header">
  <div class="sheet-row">
    <div class="sheet-col-3-10">
      <div class="sheet-dnd-image-wrapper sheet-mar-t-sm sheet-mar-b-sm">
        <img src="http://i.imgur.com/4725LWH.png" alt="Dungeons and Dragons (5th edition)">
      </div>
      <div>
        <input class="sheet-character-name" type="text" name="attr_character_name">
        <div class="sheet-wrap-box-label sheet-pc-version">
          <span class="sheet-english">Character Name</span>
          <span class="sheet-german">Charaktername</span>
        </div>
        <div class="sheet-wrap-box-label sheet-npc-version">
          <span class="sheet-english">Creature Name</span>
          <span class="sheet-german">Kreaturenname</span>
        </div>
      </div>
    </div>
    <div class="sheet-col-7-10 sheet-header-info">
      <div class="sheet-wrap-box sheet-pad-md">
        <div class="sheet-row">
          <div class="sheet-col-1-5 sheet-pad-r-sm">
            <div class="sheet-pc-version">
              <input type="text" name="attr_class">
              <div class="sheet-wrap-box-label">
                <span class="sheet-english">Class</span>
                <span class="sheet-german">Klasse</span>
              </div>
            </div>
            <div class="sheet-npc-version">
              <input type="text" name="attr_size">
              <div class="sheet-wrap-box-label">
                <span class="sheet-english">Size</span>
                <span class="sheet-german">Größe</span>
              </div>
            </div>
          </div>
          <div class="sheet-col-1-6 sheet-pad-r-sm">
            <input type="text" name="attr_alignment">
            <div class="sheet-wrap-box-label">
              <span class="sheet-english">Alignment</span>
              <span class="sheet-german">Gesinnung</span>
            </div>
          </div>
          <div class="sheet-col-12-19">
            <input type="text" name="attr_prolanguages">
            <div class="sheet-wrap-box-label">
              <span class="sheet-english">Languages</span>
              <span class="sheet-german">Sprachen</span>
            </div>
          </div>
        </div>
        <div class="sheet-row">
          <div class="sheet-col-1-5 sheet-pad-r-sm">
            <div class="sheet-pc-version">
              <input type="text" name="attr_race">
              <div class="sheet-wrap-box-label">
                <span class="sheet-english">Race</span>
                <span class="sheet-german">Rasse</span>
              </div>
            </div>
            <div class="sheet-npc-version">
              <input type="text" name="attr_npc_type">
              <div class="sheet-wrap-box-label">
                <span class="sheet-english">Type</span>
                <span class="sheet-german">Typ</span>
              </div>
            </div>
          </div>
          <div class="sheet-col-07 sheet-pad-r-sm">
            <input class="sheet-passive-skill-score sheet-no-spin" type="number" name="attr_passive_perception" value="10 + @{perception} + @{perception_passive_bonus}" disabled="disabled">
            <div class="sheet-wrap-box-label sheet-center">
              <span class="sheet-english">P Perc</span>
              <span class="sheet-german">P Wahr</span>
            </div>
          </div>
          <div class="sheet-col-12 sheet-vert-middle sheet-relative sheet-pad-r-sm">
            <label class="sheet-checkbox-label-sm sheet-absolute">
              <input type="checkbox" name="attr_blindsight_blind_beyond"><span class="sheet-english">blind beyond</span><span class="sheet-german">blind nach</span>
            </label>
            <input class="sheet-center" type="text" name="attr_blindsight">
            <div class="sheet-wrap-box-label sheet-center">
              <span class="sheet-english">Blindsight</span>
              <span class="sheet-german">Blindsicht</span>
            </div>
          </div>
          <div class="sheet-col-12 sheet-vert-middle sheet-pad-r-sm">
            <input class="sheet-center" type="text" name="attr_darkvision">
            <div class="sheet-wrap-box-label sheet-center">
              <span class="sheet-english">Darkvision</span>
              <span class="sheet-german">Dunkelsicht</span>
            </div>
          </div>
          <div class="sheet-col-13 sheet-vert-middle sheet-npc-version-inline-block sheet-pad-l-sm">
            <input class="sheet-center" type="text" name="attr_tremorsense">
            <div class="sheet-wrap-box-label sheet-center">
              <span class="sheet-english">Tremorsense</span>
              <span class="sheet-german">Erschütterungssinn</span>
            </div>
          </div>
          <div class="sheet-col-11 sheet-vert-middle sheet-npc-version-inline-block sheet-pad-l-sm sheet-pad-r-sm">
            <input class="sheet-center" type="text" name="attr_truesight">
            <div class="sheet-wrap-box-label sheet-center">
              <span class="sheet-english">Truesight</span>
              <span class="sheet-german">Wahrsicht</span>
            </div>
          </div>
          <div class="sheet-col-24 sheet-vert-middle sheet-pc-version-inline-block sheet-pad-r-sm">
            <input type="text" name="attr_background_name">
            <div class="sheet-wrap-box-label">
              <span class="sheet-english">Background</span>
              <span class="sheet-german">Hintergrund</span>
            </div>
          </div>
          <div class="sheet-col-1-8 sheet-pad-r-sm" title="This is automatically calculated from your individual class levels listed in the class section">
            <input type="hidden" name="attr_pc_level" value="(@{barbarian_level} + @{bard_level} + @{cleric_level} + @{druid_level} + @{fighter_level} + @{monk_level} + @{paladin_level} + @{ranger_level} + @{rogue_level} + @{sorcerer_level} + @{warlock_level} + @{wizard_level} + @{custom_class_level_1} + @{custom_class_level_2} + @{custom_class_level_3} + @{custom_class_level_4} + @{custom_class_level_5} + @{custom_class_level_6})" disabled="disabled">
            <div class="sheet-pc-version">
              <input class="sheet-center" type="number" name="attr_level" value="((@{is_pc} * @{pc_level}) + (@{is_npc} * @{challenge}))" disabled="disabled">
              <div class="sheet-wrap-box-label sheet-center">
                <span class="sheet-english">Level</span>
                <span class="sheet-german">Stufe</span>
              </div>
            </div>
            <div class="sheet-npc-version">
              <input class="sheet-center" type="text" name="attr_challenge" value="0">
              <div class="sheet-wrap-box-label sheet-center">
                <span class="sheet-english">Challenge</span>
                <span class="sheet-german">Herrausforderung</span>
              </div>
            </div>
          </div>
          <div class="sheet-col-1-8 sheet-pad-r-sm">
            <input class="sheet-center" type="number" name="attr_xp" min="0" step="1">
            <div class="sheet-wrap-box-label sheet-center">
              <span class="sheet-english">XP</span>
              <span class="sheet-german">EP</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>