Hoover Dam, NV, USA © Nathan Roser

Gutenberg Blocks and Typography

This is a demonstration of how some of the Gutenberg blocks work with this theme. The Westbound theme has passed the Theme Unit Test and other ThemeForest review checks. Mauer Themes proudly carries the “WP Requirements Compliant” badge, which is a proof that its themes comply with the latest WordPress coding practices, and of course with Gutenberg. Anyway, we hope you enjoy this demonstration. Bienvenue!

Unordered list:

  • Land of Plenty (2004)
  • Faraway, So Close! (1993)
  • Wings of Desire (1987)
  • Paris, Texas (1984)
  • Alice in the Cities (1974)

A regular quote:

All a musician can do is to get closer to the sources of nature, and so feel that he is in communion with the natural laws.

— John Coltrane

Ordered list:

  1. Land of Plenty (2004)
  2. Faraway, So Close! (1993)
  3. Wings of Desire (1987)
  4. Paris, Texas (1984)
  5. Alice in the Cities (1974)

Two columns (with “wide” alignment):

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus porta pulvinar. Morbi pretium non erat at efficitur. Maecenas ac risus tellus. Sed vehicula auctor nisi quis convallis. Vestibulum ornare ante in justo varius, nec luctus orci volutpat. Ut lectus orci, imperdiet nec fringilla sit amet, condimentum nec libero. Proin varius pellentesque arcu a iaculis. Proin ultricies porttitor sapien eu semper. Nam venenatis posuere sodales.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus porta pulvinar. Morbi pretium non erat at efficitur. Maecenas ac risus tellus. Sed vehicula auctor nisi quis convallis. Vestibulum ornare ante in justo varius, nec luctus orci volutpat. Ut lectus orci, imperdiet nec fringilla sit amet, condimentum nec libero. Proin varius pellentesque arcu a iaculis. Proin ultricies porttitor sapien eu semper. Nam venenatis posuere sodales.

A large quote:

All a musician can do is to get closer to the sources of nature, and so feel that he is in communion with the natural laws.

— JOHN COLTRANE

Three columns (with “wide” alignment):

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus porta pulvinar. Morbi pretium non erat at efficitur. Maecenas ac risus tellus. Sed vehicula auctor nisi quis convallis. Vestibulum ornare ante in justo varius, nec luctus orci volutpat. Ut lectus orci, imperdiet nec fringilla sit amet, condimentum nec libero. Proin varius pellentesque arcu a iaculis. Proin ultricies porttitor sapien eu semper. Nam venenatis posuere sodales.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus porta pulvinar. Morbi pretium non erat at efficitur. Maecenas ac risus tellus. Sed vehicula auctor nisi quis convallis. Vestibulum ornare ante in justo varius, nec luctus orci volutpat. Ut lectus orci, imperdiet nec fringilla sit amet, condimentum nec libero. Proin varius pellentesque arcu a iaculis. Proin ultricies porttitor sapien eu semper. Nam venenatis posuere sodales.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus porta pulvinar. Morbi pretium non erat at efficitur. Maecenas ac risus tellus. Sed vehicula auctor nisi quis convallis. Vestibulum ornare ante in justo varius, nec luctus orci volutpat. Ut lectus orci, imperdiet nec fringilla sit amet, condimentum nec libero. Proin varius pellentesque arcu a iaculis. Proin ultricies porttitor sapien eu semper. Nam venenatis posuere sodales.

A cover block (with “wide” alignment):

The Warmth of Future Waves

Differently aligned buttons with some text in between:

Vestibulum ornare ante in justo varius, nec luctus orci volutpat. Ut lectus orci, imperdiet nec fringilla sit amet, condimentum nec libero. Proin varius pellentesque arcu a iaculis. Proin ultricies porttitor sapien eu semper. Nam venenatis posuere sodales.

Vestibulum ornare ante in justo varius, nec luctus orci volutpat. Ut lectus orci, imperdiet nec fringilla sit amet, condimentum nec libero. Proin varius pellentesque arcu a iaculis. Proin ultricies porttitor sapien eu semper. Nam venenatis posuere sodales.

Vestibulum ornare ante in justo varius, nec luctus orci volutpat. Ut lectus orci, imperdiet nec fringilla sit amet, condimentum nec libero. Proin varius pellentesque arcu a iaculis. Proin ultricies porttitor sapien eu semper. Nam venenatis posuere sodales.

Preformatted text:

.section-top-stripe {
background-color: #e8e8e8;
font-size: 1.4rem;
min-height: 2.8rem;
}
.section-top-stripe a {
color: #403d3d;
}

Two columns:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus porta pulvinar. Morbi pretium non erat at efficitur. Maecenas ac risus tellus. Sed vehicula auctor nisi quis convallis. Vestibulum ornare ante in justo varius, nec luctus orci volutpat. Ut lectus orci, imperdiet nec fringilla sit amet, condimentum nec libero. Proin varius pellentesque arcu a iaculis. Proin ultricies porttitor sapien eu semper. Nam venenatis posuere sodales.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus porta pulvinar. Morbi pretium non erat at efficitur. Maecenas ac risus tellus. Sed vehicula auctor nisi quis convallis. Vestibulum ornare ante in justo varius, nec luctus orci volutpat. Ut lectus orci, imperdiet nec fringilla sit amet, condimentum nec libero. Proin varius pellentesque arcu a iaculis. Proin ultricies porttitor sapien eu semper. Nam venenatis posuere sodales.

Embedded YouTube video (with “wide” alignment):

Tash Sultana live looping her song “Jungle”

Headings:

Heading One

The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary.

Heading Two

The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary.

Heading Three

The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary.

Heading Four

The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary.

Heading Five

The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary.

Heading Six

The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary.

A file:

Audio player:

Here comes a groovy drum loop

Separators:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus porta pulvinar. Morbi pretium non erat at efficitur. Maecenas ac risus tellus. Sed vehicula auctor nisi quis convallis.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus porta pulvinar. Morbi pretium non erat at efficitur. Maecenas ac risus tellus. Sed vehicula auctor nisi quis convallis.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus porta pulvinar. Morbi pretium non erat at efficitur. Maecenas ac risus tellus. Sed vehicula auctor nisi quis convallis.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi finibus porta pulvinar. Morbi pretium non erat at efficitur. Maecenas ac risus tellus. Sed vehicula auctor nisi quis convallis.