Toggle Collapse

Content Blocks

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.

Login or register to join the discussion.

Comments

Be the first to comment!

Login or register to share your adaptations.

List of adaptions

Be the first to add your adaptation here!

1910 points

Help@Learnful

Support @Learnful

Waterloo, ON

Collaborators

None listed.

License

Content Authoring Overview by Help@Learnful is licensed under a Creative Commons Attribution License (CC BY), except where otherwise noted.