<ion-view view-title="Open Events Platform App">
  <ion-content>
    <div class="row o_mainOptionRow">
      <a class="col c_pink400" ng-href="#/app/events">
        <i class="icon ion-clipboard"></i><!--events-->
      </a>
      <a class="col c_indigo400" ng-href="#/app/users">
        <i class="icon ion-person-stalker"></i>
      </a>
    </div>
    <div class="row o_mainOptionRow">
      <a class="col c_green400" ng-href="#/app/byplace">
        <i class="icon ion-ios-location"></i><!--by place-->
      </a>
          <a class="col c_orange400" ng-href="#/app/bydate">
            <i class="icon ion-calendar"></i><!--by date-->
          </a>
    </div>
    <div class="row o_mainOptionRow">
        <a class="col c_yellow600" ng-href="#/app/search">
          <i class="icon ion-search"></i>
        </a>
        <a class="col c_cyan400" ng-href="#/app/bycategories">
          <i class="icon ion-pound"></i><!--by categories-->
        </a>
    </div>
    <div class="row o_mainOptionRow">
      <a class="col c_deepPurple400" ng-href="#/app/settings">
        <i class="icon ion-ios-gear"></i>
      </a>
      <a class="col c_blueGrey300" ng-href="#/app/settings">
        <i class="icon ion-code"></i>
      </a>
    </div>
  </ion-content>
</ion-view>
