Blocks are single units of content. There are several types of them. They can be arranged by using the little grip icon to drag them around. ☝️ Check out some examples below.

Images

The Image Gallery block provides an easy way to generate beautiful grid layouts. Clicking an image in the grid opens a lightbox slideshow in fullscreen.

By default all images are arranged in a masonry layout with coulmns. Optionally the grid can be modified to have a clean bottom edge. Alternatively it is also possible to use a row layout instead.

Image selections can also be displayed as slideshows. They can be configured to show controls and change images automatically.

Single images can be used as well. They can have captions and may also be used as links to other pages.

This is a caption

Text Content

The default block is just a simple paragraph containing text content. Text can be easily styled using inline styles. Paragraphs can also be converted to lists or headlines.

  • This is a List Item of an unordered list.
    • Another List Item. List can also be ordered!
      • And a Third One, you get it ...
        This is a Table Header
        And this are some rows
        and some columns
        This is a super important and awesome quote! Please read it carefully!
        by Me

        Embedded

        Just paste any link to YouTube or Vimeo videos, Twitter posts, Soundcloud pages or CodePens to embed them into your page. 

        A Button  A Second One

        Generate page cards automatically using the pagelist block with the blog template.

        Termin
        February 2023

        Sections are blocks that contain other blocks. They can be styled, have background images and allow for creating complex flexbox layouts. 👏 They also can be nested!

        Or the standard portfolio template ...

        ... a simple template ...

        February 2023

        Sections are blocks that contain other blocks. They can be styled, have background images and allow for creating complex flexbox layouts. 👏 They also can be nested!

        ... or just images.

        Create a list of files defined by one ore more glob patterns using the filelist block.

        Code

        <div class="title">
            Automad is Awesome!
        </div>

        Email

        Termin
        February 2023