Post Blocks

Use these blocks to create customized posts layouts.

Learn how to use Blocks »

Post Block 1

Purpose: Blog post preview cards
Layout: Three equal-width columns containing individual cards
Content: Image, title, date, description

...

Travelling as a way of self-discovery and progress

10 August 2020

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

...

Where to grow your business as a photographer: site or social media?

10 August 2020

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

...

How to choose the right colors when creating a website?

10 August 2020

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

Post Block 2 - Equal Height

Purpose: Blog post preview cards
Layout: Three equal-width columns with responsive design
Content: Image, title, date, description

...

Travelling as a way of self-discovery and progress

10 August 2020

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

...

Where to grow your business as a photographer: site or social media?

10 August 2020

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

...

How to choose the right colors when creating a website?

10 August 2020

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.

Post Block 3

Purpose: Blog post preview cards
Layout: Three columns with each column containing an image on top and text content below
Content: Post image, post title, author image, author name, post date, read time

Post Block 4

Purpose: Blog post preview section
Layout: Three equal-width columns with responsive design
Content: Image, title, date, description

...

Travelling as a way of self-discovery and progress

10 August 2020

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

...

Where to grow your business as a photographer: site or social media?

10 August 2020

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

...

How to choose the right colors when creating a website?

10 August 2020

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

Post Block 5

Purpose: Blog post previews
Layout: Three columns with an image on top and text below
Content: Image, title, author with icon, date, description

...

Travelling as a way of self-discovery and progress

admin 10 August 2020

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

...

Where to grow your business as a photographer: site or social media?

admin 10 August 2020

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

...

How to choose the right colors when creating a website?

admin 10 August 2020

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

Post Block 6

Purpose: Blog post preview cards
Layout: Three columns with each column containing an image, text, and author information
Content: Category tags, post title, post description, author image, author name, post date, reading time

...

Travelling as a way of self-discovery and progress

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

...

Where to grow your business as a photographer: site or social media?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

...

How to choose the right colors when creating a website?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

Post Block 6 - Equal Height

Purpose: Blog post preview section
Layout: Three columns with equal width, each containing an image, category, title, description, author, and read time
Content: Image, categories, title, description, author information (name, image, and date), read time

...

Travelling as a way of self-discovery and progress

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.

...

Where to grow your business as a photographer: site or social media?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

...

How to choose the right colors when creating a website?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.

Post Block 7 - Equal Height

Purpose: Blog post cards
Layout: Three columns with equal width, each containing an image, text, and author information
Content: Category tags, blog post title, blog post description, author image, author name, date, reading time

...

Travelling as a way of self-discovery and progress

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.

...

Where to grow your business as a photographer: site or social media?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

...

How to choose the right colors when creating a website?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.

Post Block 8 - Equal Height

Purpose: Blog post grid
Layout: Three columns with an image on top and text below
Content: Category tags, title, author profile, date, and reading time

Post Block 9

Purpose: Blog post preview section
Layout: Three columns with equal width, each containing an image, category tags, title, description, and metadata
Content: Image, category tags, title, description, comment count, and date

...

Travelling as a way of self-discovery and progress

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

12 comments

10 August 2020

...

Where to grow your business as a photographer: site or social media?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

12 comments

10 August 2020

...

How to choose the right colors when creating a website?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

12 comments

10 August 2020

Post Block 10

Purpose: Blog post previews
Layout: Three columns with image on top and text below
Content: Category tags, title, description, author, date

...

Travelling as a way of self-discovery and progress

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

admin

10 August 2020

...

Where to grow your business as a photographer: site or social media?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

admin

10 August 2020

...

How to choose the right colors when creating a website?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

admin

10 August 2020

Post Block 10

Purpose: Blog post previews
Layout: Four equal-width columns with content stacked vertically
Content: Image, category tags, title, description, comment count, date

...

Travelling as a way of self-discovery and progress

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

12 comments

10 August 2020

...

Where to grow your business as a photographer: site or social media?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

12 comments

10 August 2020

...

How to choose the right colors when creating a website?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

12 comments

10 August 2020

...

15 Important Life Lessons Business Taught Us

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

12 comments

10 August 2020

Post Block 11 - Equal Height

Purpose: Blog post preview section
Layout: Four columns with equal width, each containing an image, category, title, description, and metadata
Content: Image, category links, title, description, comment count, date

...

Travelling as a way of self-discovery and progress

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.

12 comments

10 August 2020

...

Where to grow your business as a photographer: site or social media?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

12 comments

10 August 2020

...

How to choose the right colors when creating a website?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

12 comments

10 August 2020

...

15 Important Life Lessons Business Taught Us

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.

12 comments

10 August 2020

Post Block 12 - Similar to Bootstrap Cards

Purpose: Blog post cards
Layout: Three equal-width columns with images on top and text content below
Content: Category links, title, description, comments count, and date

...

Travelling as a way of self-discovery and progress

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.

12 comments

10 August 2020

...

Where to grow your business as a photographer: site or social media?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

12 comments

10 August 2020

...

How to choose the right colors when creating a website?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.

12 comments

10 August 2020

Post Block 13 - Similar to Bootstrap Cards

Purpose: Blog post cards
Layout: Three columns with each column containing an individual blog post card
Content: Category links, post title, post description, author information (image, name, date), reading time

...

Travelling as a way of self-discovery and progress

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.

...

Where to grow your business as a photographer: site or social media?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

...

How to choose the right colors when creating a website?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.

Post Block 14

Purpose: Blog post preview section
Layout: Four columns with an image on top and text content below
Content: Date badge, category links, title, description

...
Aug
10

Travelling as a way of self-discovery and progress

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

...
Sept
15

Where to grow your business as a photographer: site or social media?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

...
Oct
21

How to choose the right colors when creating a website?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

...
Dec
12

15 Important Life Lessons Business Taught Us

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

Post Block 15

Purpose: Blog post cards
Layout: Grid of two columns with each card containing an image on the left and text on the right
Content: Date badge, category tag, title, description, read more link

...
Aug
10

Travelling as a way of self-discovery and progress

Aliqua id fugiat nostrud irure ex duis ea quis id quis ad et. Sunt qui esse duis deserunt mollit....

Read more
...
Sept
15

Where to grow your business as a photographer: site or social media?

Aliqua id fugiat nostrud irure ex duis ea quis id quis ad et. Sunt qui esse duis deserunt mollit....

Read more
...
Oct
21

How to choose the right colors when creating a website?

Aliqua id fugiat nostrud irure ex duis ea quis id quis ad et. Sunt qui esse duis deserunt mollit....

Read more
...
Dec
12

Travelling as a way of self-discovery and progress

Aliqua id fugiat nostrud irure ex duis ea quis id quis ad et. Sunt qui esse duis deserunt mollit....

Read more

Post Block 16 - Horizontal

Purpose: Blog post list
Layout: Two columns with image on the left and text on the right for each post
Content: Category links, post title, post excerpt, author, date

...

Travelling as a way of self-discovery and progress

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

admin

10 August 2020

...

Where to grow your business as a photographer: site or social media?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

admin

10 August 2020

...

How to choose the right colors when creating a website?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

admin

10 August 2020

Post Block 17 - Horizontal - with image object fit + 100% height

Purpose: Blog post previews
Layout: Three rows, each with two columns - image on the left and text on the right
Content: Category tags, title, description, author, date

...

Travelling as a way of self-discovery and progress

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

admin

10 August 2020

...

Where to grow your business as a photographer: site or social media?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

admin

10 August 2020

...

How to choose the right colors when creating a website?

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

admin

10 August 2020

Post Block 18 - Horizontal

Purpose: Blog post list
Layout: Two columns with image on the left and text on the right, repeated for each post
Content: Post title, post date, post excerpt, "Read More" button

...

Travelling as a way of self-discovery and progress

10 August 2020

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

Read More
...

Where to grow your business as a photographer: site or social media?

10 August 2020

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

Read More
...

How to choose the right colors when creating a website?

10 August 2020

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

Read More

Post Block 19 - Horizontal - with image object fit + 100% height

Purpose: Blog post previews
Layout: Two columns with image on the left and text on the right
Content: Title, date, description, read more button

...

Travelling as a way of self-discovery and progress

10 August 2020

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

...

Where to grow your business as a photographer: site or social media?

10 August 2020

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

...

How to choose the right colors when creating a website?

10 August 2020

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

Post Block 20 - For small area like footer or sidebar

Purpose: Blog post previews
Layout: Three rows with image on the left and text on the right
Content: Thumbnail image, post title, author, date

Post Block 21 - For small area like footer or sidebar

Purpose: Blog post previews
Layout: Single column with stacked rows, each row containing an image on the left and text on the right
Content: Image thumbnail, title, date

Switch Fullwidth