home.html code for Air pollution app tutorial

gistfile1.txt

<ion-header>
  <ion-navbar>
    <ion-buttons start>
      <button menuToggle ion-button icon-only style="color:white">
        <ion-icon name="ios-menu"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>AIR POLLUTION</ion-title>
    <ion-buttons end>
      <button ion-button icon-only style="color:white" (click)="reload()">
        <ion-icon name="ios-refresh"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

<ion-content>
  <ion-refresher (ionRefresh)="reload($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>
  <div class="smog good" style="background:url(assets/imgs/clouds.png) 25% 100% repeat-x">
  </div>
  <div class="pollution-back good" style="">
    <ion-icon name="ios-nuclear-outline" class="pollution-sign"></ion-icon>
    <div class="pollution-time">TODAY</div>
    <div class="pollution-value">23</div>

    <div class="aqi-extra" padding style="left:0">
      Chandigarh
    </div>
    <div class="aqi-extra" padding style="right:0">
      PM 2.5
    </div>
  </div>
  <div  class="aqi-status good">
    <div class="aqi-readable">GOOD</div>
    <div class="chart-container">
      <canvas #barCanvas class="aqi-graph" style="height:250px">
    </canvas>
    </div>
  </div>
</ion-content>