energylink/public/app/core/components/help/help.html

<div class="modal-body">
	<div class="modal-header">
		<h2 class="modal-header-title">
			<i class="fa fa-question-circle"></i>
			<span class="p-l-1">Help</span>
		</h2>

		<ul class="gf-tabs">
			<li class="gf-tabs-item" ng-repeat="tab in ['Shortcuts']">
				<a class="gf-tabs-link" ng-click="ctrl.tabindex = $index" ng-class="{active: ctrl.tabIndex === $index}">
					{{::tab}}
				</a>
			</li>
		</ul>

		<a class="modal-header-close" ng-click="ctrl.dismiss();">
			<i class="fa fa-remove"></i>
		</a>
	</div>

	<div class="modal-content help-modal">

		<p class="small pull-right" style="position: relative; top: -10px;, right: -10px; margin: 0;">
			<span class="shortcut-table-key">mod</span> =
			<span class="muted">CTRL on windows, CMD key on Mac</span>
		</p>

		<div ng-repeat="(category, shortcuts) in ctrl.shortcuts" class="shortcut-category">
			<table class="shortcut-table">
				<tbody>
					<tr>
						<th class="shortcut-table-category-header" colspan="2">{{category}}</th>
					</tr>
					<tr ng-repeat="shortcut in shortcuts">
						<td class="shortcut-table-keys">
              <span class="shortcut-table-key" ng-repeat="key in shortcut.keys" ng-bind-html="key">
              </span>
            </td>
						<td class="shortcut-table-description">{{shortcut.description}}</td>
					</tr>
					<tbody>
			</table>
			<div class="clearfix" ng-if="$index%3==2"></div>
		</div>

		<div class="clearfix"></div>

	</div>

</div>