<div>
    <div class="sideBarBox">

        <div class="imgBox">
            <img class="charImg" src="{{actor.img}}" data-edit="img" data-action="editImage" title="{{actor.name}}" >
            <div class="imgOverlay">
                <div class="charHex charHPCurrent"><span class="charHexHead">HP</span></br><span class="charHexValue">{{system.hp.current}}</span></div>
                <div class="charHex charHPMax"><span class="charHexHead">Max</span></br><span class="charHexValue">{{system.hp.max}}</span></div>
            </div>
            <div class="charHex"><span class="charHexHead">{{localize "POKEMON.System.ArmorClass"}}</span></br><span class="charHexValue">{{system.armorClass}}</span></div>
            <div class="charHex"><span class="charHexHead">{{localize "POKEMON.System.Speed"}}</span></br><span class="charHexValue">{{system.speed}}</span></div>
        </div>

    <div class="menuBox">

        <div class="menuBG"></div>
        <div class="menuLbl"></div>

        <nav class="tabs menuTabs" data-group="primary-tabs">  
            <div class="menuIcon" style="left: 135px;">
                <a class="item" data-tab="tab1" data-group="primary-tabs">
                    <i class="fa-solid fa-book-open-cover"></i>
                </a>
            </div>
            <div class="menuIcon" style="left: 180px;">
                <a class="item" data-tab="tab2" data-group="primary-tabs">
                    <i class="fa-solid fa-book"></i>
                </a>
            </div>
        </nav>

    </div>

    <div class="contentBox">
        <section class="content">
            <div class="tab" data-tab="tab1" data-group="primary-tabs">
                {{> "systems/nether/templates/partials/character-sheet-character.hbs"}}
            </div>

            <div class="tab" data-tab="tab2" data-group="primary-tabs">
                {{> "systems/nether/templates/partials/character-sheet-background.hbs"}}
            </div>
        </section>
    </div>
</div>