Cette maquette présente les différentes zones d'un bureau métier comportant une fiche de travail, une zone de travail ainsi que des zones de navigations fixes dédiées à la zone de travail, aux liens ou aux boutons actions.

<body >
  ...    
  <div id="am-page">
  ...      
      <div id="am-coeur-de-page">
        
        <aside id="fiche-de-travail-block" class="fiche-de-travail" role="complementary">
          <header id="fiche-de-travail-titre" class="landmark-title">
            <h2>...</h2>
          </header>
          <div id="fiche-de-travail-content">
            ...
          </div>
        </aside>
        
        <div id="draghandle"></div>
        
        <div id="zone-de-travailblock">
          <header id="zone-de-travail-titre" class="landmark-title">
            <h1>...</h1>
          </header>
          <nav id="zone-de-travail-navigation">
            ...
          </nav>
          <main id="zone-de-travail">
            ...
          </main>
          <nav id="zone-de-travail-footer">
            ...
          </nav>
        </div>
      </div> 
       
      ...
    </div>
  </div>    
</body>