This page displays all of the different types of content elements and blocks that are available when creating Tutorials and Project pages.

1.0: Typography

This section outlines the different typography elements and styles available in the text editor.

1.1 Headings

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

1.2 Text Elements

1.2.1 Paragraph Text

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.

1.2.2 Blockquote

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.

1.2.3 Formatted Text

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.

1.2.4 Code Snippet

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.

1.2.5 Table

Entry Header 1 Entry Header 2 Entry Header 3 Entry Header 4
Entry First Line 1 Entry First Line 2 Entry First Line 3 Entry First Line 4
Entry Line 1 Entry Line 2 Entry Line 3 Entry Line 4
Entry Last Line 1 Entry Last Line 2 Entry Last Line 3 Entry Last Line 4

2.0 Text Blocks

The Text Block block type allow you to create blocks of styled text. A Text Block can also have a background colour and width specified. Below are some examples:

2.1 Text Block with no background colour and width set to default.

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.

2.2 Text Block with background colour set to "light grey" and width set to "narrow"

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.

2.3 Text Block with background colour set to "light grey" and width set to "wide"

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.

3.0 Image Block

The Image Block block type allow you to upload a single image. You can optionally add a caption to this image.

3.1 Image Block Default

Photo of a library with large white shelves filled with books.

This is the caption for this image.

3.2 Image Block with narrow width and background colour

Photo of a library with large white shelves filled with books.

This is the caption for this image.

3.2 Image Block with wide width

Photo of a library with large white shelves filled with books.

This is the caption for this image.

4.0 Photo Grid Block

As the name suggest, this block will display a series of photos in a gallery. A clickable thumbnail of each photo is aligned in a grid.

5.0 Embed Code Block

Use this block type to embed content from another website (like YouTube or H5P.com).

5.1 H5P content embedded from h5p.org

6.0 Interactive Content

You can use this block to include h5p content created on Learnful. It can be content you've authored, or content authored/shared by others.

6.1 H5P content by same author

 

7.0 Two Column Block

Split your content into two columns. Each column can contain any number of other blocks (except other two column blocks).

7.1 Two Column block with image and text combination

A photo of an astronaut on the moon.

This is the caption for this image.

Lorem Ipsum

Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.

Share

URL

Share in your Class

Share on Social Networks

Embed

This embed code will display a stylized 'card' on your site that displays the thumbnail, title, and link to this resource.

A preview of what the styled card looks like is provided: