roll20-character-sheets/Solo10_base/solo10.html

<link href="solo10.css" rel="stylesheet" type="text/css">
<div class="character-sheet">
    <div class="header" style="text-align: center;">
        <img src="https://drive.usercontent.google.com/download?id=1i-LkScjHeUkOH3IUqtqWodwvndS7KwLf&export=download&authuser=0" alt="Logo Vampiro: A Máscara">
    </div>
    <form>
        <div class="character-info">
            <div class="input-with-text-below char-name">
                <span>Nome</span>
                <input name="attr_character_name" type="text" spellcheck="false" value="">
            </div>
            <div class="input-with-text-below char-player">
                <span>Jogador</span>
                <input name="attr_player_name" type="text" spellcheck="false" value="">
            </div>
            <div class="xp-container">
                <label for="attr_xp_current">XP:</label>
                <input type="number" id="attr_xp_current" name="attr_xp_current" min="0" value="0">
                <span>/</span>
                <input type="number" id="attr_xp_total" name="attr_xp_total" min="0" value="0">
            </div>
        </div>
        <div class="columns">
            <div class="column">
                <h2>Atributos</h2>
                <div class="attribute">
                    <button type="roll" name="roll_corpo" value="{{title=**@{character_name}**}}{{Teste de Corpo: [[?{Modo de Rolagem|Normal,1d10|Vantagem,2d10kh1|Desvantagem,2d10kl1} + @{corpo}]]}}" class="button-title-attribute">Corpo</button>
                    <input name="attr_corpo" type="number" spellcheck="false" maxlength="2" class="fake-mod" title="@{corpo}" value="0">
                </div>
                <div class="attribute-split">
                    <label for="attr_health">Saúde:</label>
                    <input type="number" id="attr_health_current" name="attr_health_current" min="0" value="0">
                    <span>/</span>
                    <input type="number" id="attr_health_max" name="attr_health_max" min="0" value="0">
                </div>
                <div class="attribute">
                    <button type="roll" name="roll_espirito" value="{{title=**@{character_name}**}}{{Teste de Espírito: [[?{Modo de Rolagem|Normal,1d10|Vantagem,2d10kh1|Desvantagem,2d10kl1} + @{espírito}]]}}" class="button-title-attribute">Espírito</button>
                    <input name="attr_espírito" type="number" spellcheck="false" maxlength="2" class="fake-mod" title="@{espírito}" value="0">
                </div>
                <div class="attribute-split">
                    <label for="attr_posture">Postura:</label>
                    <input type="number" id="attr_posture_current" name="attr_posture_current" min="0" value="0">
                    <span>/</span>
                    <input type="number" id="attr_posture_max" name="attr_posture_max" min="0" value="0">
                </div>
                <div class="attribute">
                    <button type="roll" name="roll_mente" value="{{title=**@{character_name}**}}{{Teste de Mente: [[?{Modo de Rolagem|Normal,1d10|Vantagem,2d10kh1|Desvantagem,2d10kl1} + @{mente}]]}}" class="button-title-attribute">Mente</button>
                    <input name="attr_mente" type="number" spellcheck="false" maxlength="2" class="fake-mod" title="@{mente}" value="0">
                </div>
                <div class="attribute-split">
                    <label for="attr_will">Vontade:</label>
                    <input type="number" id="attr_will_current" name="attr_will_current" min="0" value="0">
                    <span>/</span>
                    <input type="number" id="attr_will_max" name="attr_will_max" min="0" value="0">
                </div>
				<h2>Perícias</h2>
                <textarea id="skills" name="attr_skills" rows="5" style="text-align: left;"></textarea>
            </div>
            <div class="column">
                <h2>Qualidades</h2>
                <textarea id="qualities" name="attr_qualities" rows="5" style="text-align: left;"></textarea>
                <h2>Pertences e dinheiro</h2>
                <textarea id="belongings" name="attr_belongings" rows="5" style="text-align: left;"></textarea>
            </div>
        </div>
    </form>
</div>