<div class="widget">
  <div class="row no-gutters">
    <div class="col-7">
      <div class="date">
        {{currentDate}}
      </div>
      <div class="city">
        {{cityName}}
      </div>
      <div class="date">
        {{state}}
      </div>
    </div>
    <div class="col-5">
      <div class="temp">
         <img src="assets/img/{{icon}}.png" alt="" width="60" *ngIf="icon_exists">
         <span>{{temp}}°</span>
      </div>
    </div>
  </div>
  <div class="row no-gutters" *ngIf="errorWeather">
    <div class="error-weather alert" role="alert">
      <i class="fas fa-exclamation-circle"></i>
      {{errorMessage}}
      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
  </div>
</div>
