---
layout: ikrpg
tags: [Rules, None, None]
categories: [ Character-Sheet ]
---

<div class="sheet">
    <form id="benefits" class="card">
        <input class="name" type="text" />
        <div class="content">
            <div id="benefit1" class="benefit">
                <input class="title" type="text" />
                <textarea class="description" rows="1"></textarea>
            </div>
            <div id="benefit2" class="benefit">
                <input class="title" type="text" />
                <textarea class="description" rows="1"></textarea>
            </div>
            <div id="benefit3" class="benefit">
                <input class="title" type="text" />
                <textarea class="description" rows="1"></textarea>
            </div>
            <div id="benefit4" class="benefit">
                <input class="title" type="text" />
                <textarea class="description" rows="1"></textarea>
            </div>
            <div id="benefit5" class="benefit">
                <input class="title" type="text" />
                <textarea class="description" rows="1"></textarea>
            </div>
            <div id="benefit6" class="benefit">
                <input class="title" type="text" />
                <textarea class="description" rows="1"></textarea>
            </div>
            <div id="benefit7" class="benefit">
                <input class="title" type="text" />
                <textarea class="description" rows="1"></textarea>
            </div>
            <div id="benefit8" class="benefit">
                <input class="title" type="text" />
                <textarea class="description" rows="1"></textarea>
            </div>
            <div id="benefit9" class="benefit">
                <input class="title" type="text" />
                <textarea class="description" rows="1"></textarea>
            </div>
            <div id="benefit10" class="benefit">
                <input class="title" type="text" />
                <textarea class="description" rows="1"></textarea>
            </div>
            <div id="benefit11" class="benefit">
                <input class="title" type="text" />
                <textarea class="description" rows="1"></textarea>
            </div>
        </div>
    </form>
</div>
<script type="text/javascript">
    var Hero = {
        "name": "Hero's name",
        "benefit1": { "title": "Common Feats", "description": "Boost Non-Attack Skill Roll - Heroic Dodge - Make a Quick Action - Parry - Relentless Charge - Reroll Failed Attack/Skill/Willpower roll - Run and Gun - Shake Continuous Effect - Shake Knockdown - Shake Stationary - Sprint - Two-Fister - Walk it Off" },
        "benefit2": { "title": "Benefit/Feat name", "description": "Benefit/Feat description" },
        "benefit3": { "title": "...", "description": "..." },
        "benefit4": { "title": "", "description": "" },
        "benefit5": { "title": "", "description": "" },
        "benefit6": { "title": "", "description": "" },
        "benefit7": { "title": "", "description": "" },
        "benefit8": { "title": "", "description": "" },
        "benefit9": { "title": "", "description": "" },
        "benefit10": { "title": "", "description": "" },
        "benefit11": { "title": "", "description": "" }
    };
</script>
<script type="text/javascript" src="/static/javascripts/heroic.js"></script>