<div class="row">
  <div class="col-xs-12">
    <h1>Service detail</h1>
  </div>
</div>

<div class="row">
  <div class="col-sm-3">
    <ul class="list-group">
      <li class="list-group-item" ng-class="{active: vm.serviceName == service}" ng-repeat="(service, slices) in vm.services">
        <a href="" ng-click="vm.selectService(service)">{{service}}</a>
      </li>
    </ul>
  </div>
  <div class="col-sm-9">
    <service-detail service="vm.selectedService"></service-detail>
  </div>
</div>