roll20-character-sheets/Fate_Jadepunk/fate.html

<div class='sheet-2colrow'>
    <div class="sheet-col-id sheet-col">
        <div class="sheet-header">Name</div>
        <input type="text" name="attr_name"  placeholder="Name" title="@{name}"/>
        <textarea name="attr_description"  placeholder="Story" title="@{description}"></textarea>
    </div> <!-- .section-id -->

    <div class="sheet-col-refresh sheet-col">
        <div>
            <img class="sheet-logo" src="http://jadepunk.com/wp-content/uploads/2014/05/Jadepunk-Logo-NoSub-e1399785827256.png" alt="FATE Jadepunk" />
        </div>
        <div class="sheet-under-logo">
            <label>Refresh <input type="number" name="attr_refresh"  placeholder="Refresh" title="@{refresh}"/></label>
            <label>Current <input type="number" name="attr_current_fate_points"  placeholder="Current Fate Points" title="@{current_fate_points}"/></label>
        </div>
    </div> <!-- .section-refresh -->
</div>

<div class="sheet-break"></div>

<div class='sheet-2colrow'>
    <div class="sheet-col-aspects sheet-col">
        <div class="sheet-header">Aspects</div>
        <input type="text" name="attr_portrayal" placeholder="Portrayal Aspect" title="@{portrayal}"/>
        <input type="text" name="attr_background" placeholder="Background Aspect" title="@{background}"/>
        <input type="text" name="attr_inciting_incident" placeholder="Inciting Incident" title="@{inciting_incident}"/>
        <input type="text" name="attr_belief" placeholder="Belief Aspect" title="@{belief}"/>
        <input type="text" name="attr_trouble" placeholder="Trouble Aspect" title="@{trouble}"/>
    </div> <!-- .section-aspects -->

    <div class="sheet-col-approaches sheet-col">
        <div class="sheet-header">Approaches</div>
        <table class="sheet-approaches">
            <tbody>
            <tr>
                <td><button type='roll' value='/roll 4dF + @{aristocrat}' name='roll_aristocrat' /></td>
                <td><label>Aristocrat</label></td>
                <td><input type="number" name="attr_aristocrat" title="@{aristocrat}"/></td>
            </tr>
            <tr>
                <td><button type='roll' value='/roll 4dF + @{engineer}' name='roll_engineer' /></td>
                <td><label>Engineer</label></td>
                <td><input type="number" name="attr_engineer" title="@{engineer}"/></td>
            </tr>
            <tr>
                <td><button type='roll' value='/roll 4dF + @{explorer}' name='roll_explorer' /></td>
                <td><label>Explorer</label></td>
                <td><input type="number" name="attr_explorer" title="@{explorer}"/></td>
            </tr>
            <tr>
                <td><button type='roll' value='/roll 4dF + @{fighter}' name='roll_fighter' /></td>
                <td><label>Fighter</label></td>
                <td><input type="number" name="attr_fighter" title="@{fighter}"/></td>
            </tr>
            <tr>
                <td><button type='roll' value='/roll 4dF + @{scholar}' name='roll_scholar' /></td>
                <td><label>Scholar</label></td>
                <td><input type="number" name="attr_scholar" title="@{scholar}"/></td>
            </tr>
            <tr>
                <td><button type='roll' value='/roll 4dF + @{scoundrel}' name='roll_scoundrel' /></td>
                <td><label>Scoundrel</label></td>
                <td><input type="number" name="attr_scoundrel" title="@{scoundrel}"/></td>
            </tr>
            </tbody>
        </table>
    </div> <!-- .section-approaches -->
</div>

<div class="sheet-row">
    <div class="sheet-col-assets sheet-col " style="width:100%">
        <div class="sheet-header">Assets</div>
        <fieldset class="repeating_assets">
			<select name="attr_asset_type">
				<option value="1">Ally</option>
				<option value="2">Device</option>
				<option value="3">Technique</option>
			</select>
			<table class="sheet-approaches">
				<tbody>
				<tr>
					<td>
						<input type="text" name="attr_asset_name" placeholder="Asset Name"/>
						<input type="text" name="attr_features" placeholder="Asset Features"/>
						<input type="text" name="attr_flaws" placeholder="Asset Flaws"/>
					</td>
					<td>
						<input type="text" name="attr_aspect" placeholder="Asset Aspect"/>
						<input type="text" name="attr_cost" placeholder="Asset Cost"/>
						<input type="text" name="attr_details" placeholder="Asset Details"/>
					</td>
				</tr>
				</tbody>
			</table>
        </fieldset>
    </div> <!-- .section-assets -->
</div>

<div class="sheet-break"></div>

<div class='sheet-2colrow'>
    <div class="sheet-col-consequences sheet-col">
        <div class="sheet-header">Consequences</div>
        <fieldset class="repeating_consequences">
            <input type="text" name="attr_consequence" />
			<select name="attr_consequences_type">
				<option value="2">Mild(-2)</option>
				<option value="4">Moderate(-4)</option>
				<option value="6">Severe(-6)</option>
				<option value="2">Asset</option>
			</select>
        </fieldset>
    </div> <!-- .section-consequences -->

    <div class="sheet-col-stress sheet-col ">
        <div class="sheet-header">Stress</div>
        <div class="sheet-section">
            <table class="sheet-stress">
                <tbody>
                <tr>
                    <td>
                        <div class="sheet-checkbox-label-div">
                            <input class="sheet-stress-check" type="checkbox" name="attr_stress1" value="1" title="@{stress1}" />
                            <label></label>
                        </div>
                    </td>
                    <td>
                        <div class="sheet-checkbox-label-div">
                            <input class="sheet-stress-check" type="checkbox" name="attr_stress2" value="2" title="@{stress2}" />
                            <label></label>
                        </div>
                    </td>
                    <td>
                        <div class="sheet-checkbox-label-div">
                            <input class="sheet-stress-check" type="checkbox" name="attr_stress3" value="3" title="@{stress3}" />
                            <label></label>
                        </div>
                    </td>
                    <td>
                        <div class="sheet-checkbox-label-div">
                            <input class="sheet-stress-check" type="checkbox" name="attr_stress4" value="4" title="@{stress4}" />
                            <label></label>
                        </div>
                    </td>
                    <td>
                        <div class="sheet-checkbox-label-div">
                            <input class="sheet-stress-check" type="checkbox" name="attr_stress5" value="5" title="@{stress5}" />
                            <label></label>
                        </div>
                    </td>
                    <td>
                        <div class="sheet-checkbox-label-div">
                            <input class="sheet-stress-check" type="checkbox" name="attr_stress6" value="6" title="@{stress6}" />
                            <label></label>
                        </div>
                    </td>
                </tr>
                <tr>
                    <th><h3>1</h3></th>
                    <th><h3>2</h3></th>
                    <th><h3>3</h3></th>
                    <th><h3 class="sheet-outline">4</h3></th>
                    <th><h3 class="sheet-outline">5</h3></th>
                    <th><h3 class="sheet-outline">6</h3></th>
                </tr>
                </tbody>
            </table>
        </div>
    </div> <!-- .section-stress -->
</div>