angularProject/app/views/ready-menu-page.html

<div class="ready-menu-page" ng-class="{'ready-menu-page-leave-animation': isLeaveAnimateClass}">
  <div class="ready-menu-page-wrapper">
    <div class="read-menu-title">
      <h1>Pick your perfect diet</h1>
    </div>
    <div class="items-wrapper">
      <div class="item">
        <div class="img-wrapper">
          <img src="content/images/ready-menu/item-1.jpg">
          <div class="img-overlay"></div>
        </div>
        <div class="item-content">
          <div class="item-icon">

          </div>
          <div class="item-name">
            weight loss
          </div>
          <div class="item-details-btn">
            <a ng-click="isLeaveAnimate('#!/ready-menu-loss')">more details</a>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="img-wrapper">
          <img src="content/images/ready-menu/item-2.jpg">
          <div class="img-overlay"></div>
        </div>
        <div class="item-content">
          <div class="item-icon">

          </div>
          <div class="item-name">
            weight gain
          </div>
          <div class="item-details-btn">
            <a ng-click="isLeaveAnimate('#!/ready-menu-gain')">more details</a>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="img-wrapper">
          <img src="content/images/ready-menu/item-3.jpg">
          <div class="img-overlay"></div>
        </div>
        <div class="item-content">
          <div class="item-icon">

          </div>
          <div class="item-name">
            balanced diet
          </div>
          <div class="item-details-btn">
            <a ng-click="isLeaveAnimate('#!/ready-menu-balance')">more details</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>