mail/src/tpl/desktop.html

<div class="nav-container nav-effect" ng-class="{'nav-menu-open': state.nav.open}">

  <!-- main navigation -->
  <nav class="nav-menu nav-effect" ng-include="'tpl/navigation.html'"></nav>

  <!-- content wrapper pushed right -->
  <div class="nav-pusher" ng-click="state.nav.toggle(false)">
    <section class="content main-content" ng-class="{'shift-right': state.read.open}">

      <!-- left column: containing list view and navigation header -->
      <div class="column column-left" ng-include="'tpl/mail-list.html'"></div>

      <!-- right column: containing list read view -->
      <div class="column" ng-include="'tpl/read.html'"></div>

    </section>
  </div><!--/.nav-pusher-->

</div><!--/.nav-container-->

<!-- lightbox  -->
<div class="lightbox-overlay" ng-class="{'show': state.writer.open}">
  <div class="lightbox lightbox-effect" ng-include="'tpl/write.html'"></div>
</div>
<div class="lightbox-overlay" ng-class="{'show': state.account.open}">
  <div class="lightbox lightbox-effect" ng-include="'tpl/account.html'"></div>
</div>
<div class="lightbox-overlay" ng-class="{'show': state.setPassphrase.open}">
  <div class="lightbox lightbox-effect" ng-include="'tpl/set-passphrase.html'"></div>
</div>
<div class="lightbox-overlay" ng-class="{'show': state.contacts.open}">
  <div class="lightbox lightbox-effect" ng-include="'tpl/contacts.html'"></div>
</div>
<div class="lightbox-overlay" ng-class="{'show': state.about.open}">
  <div class="lightbox lightbox-effect view-about" ng-include="'tpl/about.html'"></div>
</div>
<div class="lightbox-overlay" ng-class="{'show': state.dialog.open}">
  <div class="lightbox lightbox-effect dialog view-dialog" ng-include="'tpl/dialog.html'"></div>
</div>