Card

<div class="e-layout">
  <header class="e-layout__header">
    <!-- optional back button -->
    <a href="#" class="e-layout__back">
      <e-layout-back-button>Go to Overview</e-layout-back-button>
    </a>
    <h1 class="e-layout__title">Overview</h1>
    <!-- optional actions -->
    <div class="e-layout__actions">
      <button class="e-layout__action e-btn" type="button">Button 1</button>
      <button class="e-layout__action e-btn e-btn-primary" type="button">Button 2</button>
    </div>
  </header>
  <main class="e-layout__content">
    <!-- using a utility to add padding to content -->
    <section class="e-layout__section e-padding-l">
      <div class="e-grid e-grid-medium e-grid-wrap">
        <div class="e-cell e-cell-3 e-cell-medium">
          <!-- your card -->
        </div>
      </div>
    </section>
  </main>
</div>