partial-habits.html

<div class="habits">
    <inputbox>
        <div class="inputbox col-xs-12" contenteditable>Name of the new habit</div>
        <div class="inputbox col-xs-12" contenteditable>Add habit to a bucket</div>
    </inputbox>
    <div class="habit">
        <div class="item none priority-high">
            <span class="text">Workout</span>
            <ul class="trail">
                <li class="miss"></li><li class="miss"></li><li class="miss"></li><li class="miss"></li><li class="miss"></li><li class="miss"></li><li class="miss"></li>
            </ul>
        </div>
        <div class="item none priority-medium">
            <span class="text">Guitar</span>
            <ul class="trail">
                <li class="miss"></li><li class="miss"></li><li class="miss"></li><li class="today"></li><li class="none"></li><li class="none"></li><li class="none"></li>
            </ul>
        </div>
        <div class="item done priority-low">
            <span class="text">Read</span>
            <ul class="trail">
                <li class="miss"></li><li class="done"></li><li class="miss"></li><li class="today"></li><li class="none"></li><li class="none"></li><li class="none"></li>
            </ul>
        </div>
    </div>
</div>