angularProject/app/views/app-root.html

<div class="app-root" ng-controller="AppRootController" ng-class="isOpenMenu?'open-menu' : 'close-menu'" ng-init="load()">
  <div class="header-line">
    <!-- Fixed elements -->
    <nav-menu toggle-menu="toggleMenu()" ng-class="isOpenMenu?'open-menu' : 'close-menu'"></nav-menu>
    <div ng-click="toggleMenu()" class="overlay" ng-class="{'overlay-active': isOpenMenu}"></div>
    <div class="overlay2"></div>
    <selected-meals meals="meals"></selected-meals>
    <div class="preload-screen">
      <img src="content\images\preloader\Double Ring-1s-200px.gif">
    </div>
    <div class="selected-meals-btn" ng-click="openSelectedMeals()" ng-show="isShowMealsBtn()">
      <span>{{selectedNumber}}</span>
      <span class="selected-meals-tip">BAG</span>
    </div>
    <!-- Fixed elements -->
    <i class="fa fa-bars" ng-click="toggleMenu()"></i>
    <div class="logo">
      Master Kitchen
    </div>
    <div class="undefined-btn"></div>
  </div>
    <main ng-view></main>
</div>