umts/pvta-multiplatform

<ion-header>
  <ion-navbar color="primary">
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title role="heading">Contact</ion-title>
  </ion-navbar>
</ion-header>

<ion-content text-wrap>
  <ion-card>
    <ion-card-header role="heading" id="pvta-heading">
      PVTA
    </ion-card-header>
    <ion-list role="list" aria-labelledby="pvta-heading">
      <ion-item role="listitem">
        <ion-label role="heading">
          PVTA Customer Service
        </ion-label>
        <div item-content>
          <p>413-781-7882</p>
        </div>
        <button ion-button outline icon-left item-left
        role="link"
        onclick="window.open('tel:413-781-7882'), '_system'">
          <ion-icon aria-hidden="true" name="call"></ion-icon>
          Call
        </button>
      </ion-item>
      <ion-item role="listitem">
        <ion-label>
          Complaints/Concerns Form
        </ion-label>
        <button ion-button outline icon-left item-left
        role="link"
          onclick="window.open('http://pvta.com/contactComplaints.php', '_blank');">
          <ion-icon name="md-globe" aria-hidden="true"></ion-icon>
          Visit
        </button>
      </ion-item>
    </ion-list>
  </ion-card>

  <ion-card>
    <ion-card-header role="heading" id="lost-n-found-heading">
      Lost & Found / Regional Garages
    </ion-card-header>
    <ion-list role="list" aria-labelledby="lost-n-found-heading">
      <ion-item role="listitem">
        <ion-label>
          Springfield Area
        </ion-label>
        <div item-content>
          <p>413-788-8630</p>
        </div>
        <button ion-button outline icon-left item-left
        role="link"
        onclick="window.open('tel:413-788-8630'), '_system'">
          <ion-icon name="call" aria-hidden="true"></ion-icon>
          Call
        </button>
      </ion-item>
      <ion-item role="listitem">
        <ion-label>
          Holyoke Transportation Center
        </ion-label>
        <div item-content>
          <p>413-536-0694</p>
        </div>
        <button ion-button outline icon-left item-left
        role="link"
        onclick="window.open('tel:413-536-0694'), '_system'">
          <ion-icon name="call" aria-hidden="true"></ion-icon>
          Call
        </button>
      </ion-item>
      <ion-item role="listitem">
        <ion-label>
          Northampton Area
        </ion-label>
        <div item-content>
          <p>413-586-3548</p>
        </div>
        <button ion-button outline icon-left item-left
        role="link"
        onclick="window.open('tel:413-586-3548'), '_system'">
          <ion-icon name="call" aria-hidden="true"></ion-icon>
          Call
        </button>
      </ion-item>
      <ion-item role="listitem">
        <ion-label>
          UMass Area
        </ion-label>
        <div item-content>
          <p>413-545-0056</p>
        </div>
        <button ion-button outline icon-left item-left
        role="link"
        onclick="window.open('tel:413-545-0056'), '_system'">
          <ion-icon name="call" aria-hidden="true"></ion-icon>
          Call
        </button>
      </ion-item>
    </ion-list>
  </ion-card>
  <ion-card>
    <ion-card-header role="heading" id="social-heading">
      Social Media
    </ion-card-header>
    <ion-list role="list" aria-labelledby="social-heading">
      <ion-item role="listitem">
        <button ion-button outline icon-left item-left
        role="link"
        onclick="window.open('https://www.facebook.com/Pioneer-Valley-Transit-Authority-169604739716541'), '_system'">
          <ion-icon name="logo-facebook" aria-hidden="true"></ion-icon>
          Visit
        </button>
        PVTA Facebook
      </ion-item>
      <ion-item role="listitem">
        <button ion-button outline icon-left item-left
        role="link"
        onclick="window.open('https://twitter.com/pvta'), '_system'">
          <ion-icon name="logo-twitter" aria-hidden="true"></ion-icon>
          Visit
        </button>
        PVTA Twitter
      </ion-item>
      <ion-item role="listitem">
        <button ion-button outline icon-left item-left
        role="link"
        onclick="window.open('https://www.facebook.com/UMassTransit'), '_system'">
          <ion-icon name="logo-facebook" aria-hidden="true"></ion-icon>
          Visit
        </button>
        UMass Transit Facebook
      </ion-item>
      <ion-item role="listitem">
        <button ion-button outline icon-left item-left
        role="link"
        onclick="window.open('https://twitter.com/umasstransit'), '_system'">
          <ion-icon name="logo-twitter" aria-hidden="true"></ion-icon>
          Visit
        </button>
        UMass Transit Twitter
      </ion-item>
    </ion-list>
  </ion-card>

  <ion-card>
    <ion-card-header role="heading" id="paratransit-heading">
      Paratransit
    </ion-card-header>
    <ion-list role="list" aria-labelledby="paratransit-heading">
      <ion-item role="listitem">
        <ion-label>
          PVTA Paratransit Van Requests
        </ion-label>
        <div item-content>
          <p>413-732-6248</p>
        </div>
        <button ion-button outline icon-left item-left
        role="link"
        onclick="window.open('tel:413-732-6248'), '_system'">
          <ion-icon name="call" aria-hidden="true"></ion-icon>
          Call
        </button>
      </ion-item>
    </ion-list>
  </ion-card>

</ion-content>