Feature Sections

Showcase a feature of your product or work

A feature section is an elegant way to show a particular feature or product.
Each of our templates comes with two predesigned feature sections:

  • Feature Columns
  • With Content Left/Right
  • Full Width Image new

Feature Columns

Two rows with two columns each. Columns have a centered image at the top, followed by text.
On mobile, the columns go full width and stack.

Example

Feature columns

With Content Left/Right

Two half columns, one with a header, text and a link, the other with an image that sticks to the edge of the email container.
They stack on mobile, and the one with the image on the right uses the awesome mobile reordering techinque from our framework.

Example

Feature content with content left

Full Width Image

A simple, full width image. This is an inline image, not a background image. So there's no need to worry for support, like is the case with Outlook.

Example

Full Width Image

Customisation

You can easily change the looks by changing text, spacing, and images.

  • Text and links can be changed with inline CSS
  • For the images, simply change the src and the dimension settings inline.
  • Top/bottom spacing — change the value in the height="" attribute, as well as the font-size and line-height CSS values, on the <td class="spacer" ...> near the top and bottom of the section. Full Width Image doesn't have spacing.

Next Up: Blog →