roll20-character-sheets/Spell_the_RPG/spell.html

<h2 style="text-align:center">Spell: The RPG</h2>

<!-- Navigation -->
<input type="radio" name="attr_tab" class="sheet-tab-base" value="1" title="Core Stats" checked="checked"/>
<span>Base Info</span>
<input type="radio" name="attr_tab" class="sheet-tab-spells" value="2"/>
<span>Spells</span>

<br />

<!-- Basic Information -->
<div class="sheet-section-base">
    <div class="sheet-2colrow">
        <div class='sheet-col'>
            <h2>Info</h2>
            <table class="sheet-fullwidth-table">
                <tr>
                    <td>Age</td>
                    <td><input type="text" name="attr_Age" /></td>
                </tr>
                <tr>
                    <td>Style</td>
                    <td><textarea type="text" name="attr_Style" class="sheet-shortheight"></textarea></td>
                </tr>
                <tr>
                    <td>Interests</td>
                    <td><textarea type="text" name="attr_Interests" class="sheet-shortheight"></textarea></td>
                </tr>
                <tr>
                    <td>Looks</td>
                    <td><textarea type="text" name="attr_Looks" class="sheet-shortheight"></textarea></td>
                </tr>
                <tr>
                    <td>Notes</td>
                    <td><textarea type="text" name="attr_Notes"></textarea></td>
                </tr>
            </table>
        </div>
        <div class='sheet-col'>
            <h2>Impulses</h2>

            <div class="sheet-impulse-container">
                <label>Ardor</label>
                <select name="attr_ArdorLevel">
                    <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                </select>
            </div>
            <p style="margin-bottom:0px">Ardor requires a subject</p>
            <input type="text" name="attr_ArdorSubject" />

            <div class="sheet-impulse-container">
                <label>Clout</label>
                <select name="attr_CloutLevel">
                    <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                </select>
            </div>

            <div class="sheet-impulse-container">
                <label>Daring</label>
                <select name="attr_DaringLevel">
                    <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                </select>
            </div>

            <div class="sheet-impulse-container">
                <label>Faith</label>
                <select name="attr_FaithLevel">
                    <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                </select>
            </div>
            <p style="margin-bottom:0px">Faith requires a subject</p>
            <input type="text" name="attr_FaithSubject" />

            <div class="sheet-impulse-container">
                <label>Flair</label>
                <select name="attr_FlairLevel">
                    <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                </select>
            </div>

            <div class="sheet-impulse-container">
                <label>Mood</label>
                <select name="attr_MoodLevel">
                    <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                </select>
            </div>

            <div class="sheet-impulse-container">
                <label>Nerve</label>
                <select name="attr_NerveLevel">
                    <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                </select>
            </div>

            <div class="sheet-impulse-container">
                <label>Peace</label>
                <select name="attr_PeaceLevel">
                    <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                </select>
            </div>

            <div class="sheet-impulse-container">
                <label>Smarts</label>
                <select name="attr_SmartsLevel">
                    <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                </select>
            </div>

            <div class="sheet-impulse-container">
                <label>Trust</label>
                <select name="attr_TrustLevel">
                    <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                </select>
            </div>

            <div class="sheet-impulse-container">
                <label>Vigor</label>
                <select name="attr_VigorLevel">
                    <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                </select>
            </div>

            <div class="sheet-impulse-container">
                <label>Vision</label>
                <select name="attr_VisionLevel">
                    <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                </select>
            </div>
        </div>
    </div>
</div>

<!-- Spells -->
<div class="sheet-section-spells">
    <h2>Spells</h2>
    <span style="display:inline-block;width:80px">Impulse</span> <span style="display:inline-block;width:200px">Spell Name</span> <span style="display:inline-block;width:50px">Level</span>
    <fieldset class="repeating_spells">
        <select name="attr_SpellImpulse" style="margin-bottom:0px;width:80px">
            <option value="ardor">Ardor</option>
            <option value="clout">Clout</option>
            <option value="daring">Daring</option>
            <option value="faith">Faith</option>
            <option value="flair">Flair</option>
            <option value="mood">Mood</option>
            <option value="nerve">Nerve</option>
            <option value="peace">Peace</option>
            <option value="smarts">Smarts</option>
            <option value="trust">Trust</option>
            <option value="vigor">Vigor</option>
            <option value="vision">Vision</option>
        </select>
        <input type="text" name="attr_SpellName" style="width:200px" />
        <select name="attr_SpellLevel" style="margin-bottom:0px;width:50px">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
        </select>
    </fieldset>
</div>