  <div class="list card" ng-controller="homeIntegrationsController"> 
    <div class="item item-icon-right item-heading" ng-click="toggle()" >
      <span translate>Services</span>
      <i class="icon bp-arrow-up" ng-show="!hide"></i>
      <i class="icon bp-arrow-down" ng-show="hide"></i>
    </div>
    <div ng-show="!hide">
      <div ng-repeat="service in services track by $index">
        <a ui-sref="{{service.sref}}" class="item item-sub item-icon-left item-big-icon-left item-icon-right next-step">
          <i class="icon big-icon-svg">
            <div class="bg {{service.icon}}"></div>
          </i>
          <span>{{service.title ||  service.name}}</span>
          <i class="icon bp-arrow-right"></i>
        </a>
      </div>
    </div>
  </div>


