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

<div class="ready-menu-second" ng-controller="ReadyMenuSecondController">
  <div class="ready-menu-second-wrapper">
    <div class="item" ng-repeat="diet in diets" ng-if="diet.dietType == filterBy">
      <div class="item-img">
        <img ng-src="{{diet.imageUrl}}">
      </div>
      <div class="item-content">
        <div class="item-title">
          <h1>{{diet.title}}</h1>
        </div>
        <div class="item-center">
          <div class="item-price">
            {{diet.price}} USD per week
          </div>
          <div class="item-button">
            <button type="button">Order</button>
          </div>
        </div>
        <div class="item-description">
          {{diet.description}}
        </div>
        <div class="item-numbers">
          <div class="item-numbers-text">
            On an average per day:
          </div>
          <div class="item-numbers-calories">
            {{diet.calories}}
          </div>
          <div class="item-numbers-proteins">
            {{diet.protein}}
          </div>
          <div class="item-numbers-fats">
            {{diet.fats}}
          </div>
          <div class="item-numbers-carbs">
            {{diet.carbs}}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>