acha-framework/src/frontend/core/scripts/directives/wizard/template.html

is a modular framework on both client (angular.js) and server (node.js) side, it provides security, orm, ioc, obfuscation and ...

<div ng-show="visible" class="af-wizard af-component {{::cssClass}}">
    <tabs disabled="disabled"
          tag="tag"
          keep-scope="keepScope"
          position="position"
          on-changed="onChanged"
          on-enter="onEnter"
          on-exit="onExit"
          prevent-pick="true"
          trigger-pick="vm.triggerPick"
          model="model"
          steps="steps"></tabs>
    <ul class="navigation clearfix">
        <li>
            <button class="btn btn-primary next"
                    ng-disabled="disabled||vm.nextDisabled"
                    ng-click="vm.onNext()">
                <i class="fa fa-arrow-left"></i>
                {{::(nextText|textOrTranslate:nextTextTranslate)}}
            </button>
        </li>
        <li>
            <button class="btn btn-primary back"
                    ng-disabled="disabled||vm.backDisabled"
                    ng-click="vm.onBack()">
                {{::(backText|textOrTranslate:backTextTranslate)}}
                <i class="fa fa-arrow-right"></i>
            </button>
        </li>
    </ul>
</div>