Structure

When you start creating a new page in Emarsys from scratch, you have to use one of our layouts to have consistent look and feel across the application. The layout component provides the correct margins and paddings to the frame for your application.

Every template should have the following layout components, the e-layout element should be the first one in the body tag:

<div class="e-layout">
  <header class="e-layout__header">
    <h1 class="e-layout__title">Title</h1>
  </header>
  <main class="e-layout__content">
    <section class="e-layout__section">
      <!-- your application -->
    </section>
  </main>
</div>

In this section, you can find our pre-defined layouts.