Step1

<!--First I insert the following into an html page somewhere, since its inside script tags it's not rendered -->
<!--Note: I'm using a Title, a collection of Items and the Name from within each Item -->

<script id="leftModule" type="text/x-handlebars-template">
    <ul class="leftMenu">
        <li>
            <div class="leftMenuSection">
                {{Title}}
            </div>

            <ul class="leftMenuItems">
                <li style="list-style: none">{{#each Items}}</li>

                <li class="leftMenuItem">
                    <a class="leftMenuLink" href=
                    "javascript:void(0)">{{Name}}</a>
                </li>

                <li style="list-style: none">{{/each}}</li>
            </ul>
        </li>
    </ul>
</script>

<!-- I also include some placeholder where I will want this template to show up someday -->
<div class="handleIt"></div>
<!-- This is placed in a container that will render the menu block like others already there -->