Typography

Gutenberg Blocks

This page presents some Gutenberg blocks. This block is the HOT HEADER block that’s included with this theme and used for making page headers with heading and introductory text.

Multi Columns

H2 Heading Sample

H3 Heading Sample

H4 Heading Sample

H5 Heading Sample
H6 Heading Sample

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

Separator


Quote

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

John Doe, CEO

Image

iPhoneX
This is an image of iPhone

Lists

  • Ut wisi enim ad minim veniam, quis nostrud exerci tation
  • Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat

List (class “checklist”)

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr
  • Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat

List (class “arrowright”)

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr
  • Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat

List (class “info”)

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr
  • Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat

List (class “star”)

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr
  • Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat

…and dozens of more list styles!

Cover

This is a cover block. You can select a background image, set its behaviour, overlay color etc. And, of course, add some text.


Code

.wp-block-hotblocks-parallax .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

Verse

I follow the Moskva
Down to Gorky Park
Listening to the wind of change
An August summer night
Soldiers passing by
Listening to the wind of change

The world is closing in
Did you ever think
That we could be so close, like brothers
The future's in the air
I can feel it everywhere
Blowing with the wind of change

Gallery

Pullquote

This is a Pullquote block. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Nikola Tesla

Table (Regular)

Lorem ipsumNam liberUt wisi enimTempor cum soluta
Nam liber tempor cum solutaNam liber tempor cum solutaNam liber tempor cum solutaNam liber tempor cum soluta
Ut wisi enim ad minim veniamUt wisi enim ad minim veniamUt wisi enim ad minim veniamUt wisi enim ad minim veniam
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esseDuis autem vel eumUt wisi enim ad minim veniamNam liber tempor cum soluta

Table (Stripes)

Lorem ipsumNam liberUt wisi enimTempor cum soluta
Nam liber tempor cum solutaNam liber tempor cum solutaNam liber tempor cum solutaNam liber tempor cum soluta
Ut wisi enim ad minim veniamUt wisi enim ad minim veniamUt wisi enim ad minim veniamUt wisi enim ad minim veniam
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esseDuis autem vel eumUt wisi enim ad minim veniamNam liber tempor cum soluta

Buttons

There are 3 button styles available.

Embeds

https://www.youtube.com/watch?v=ICp_LHy-F7g

Samples of YouTube and Twitter embeds. Many other sources are available, such as Facebook, Instagram, Tumblr, Vimeo, etc.

https://twitter.com/WordPress/status/1070762045962969088

Wide Width

This is a cover block with Wide Width parameter set.

Audio

This is a sample audio file
You are here:
  1. Hot Rain »
  2. Typography

about

Us

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.

 

About Our Company

man

Contact Us

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. Nam liber tempor cum soluta nobis eleifend option.