Moodle Content Creator

Create beautiful Moodle page content with this tool. Add text, images, and various Bootstrap elements, then download the HTML for your Moodle page or book.

Note: This tool creates content compatible with Moodle 4.4+ which includes Bootstrap 5 and FontAwesome 5 icons built-in. Use icon classes like "fa-star", "fa-check", "fa-heart", etc. when creating icon sections.

Add New Section

Section Type:

Text Content:

Image URL:

Alt Text:

Width (optional, in %):

Card Header:

Card Body:

Card Footer (optional):

Alert Type:

Alert Content:

Accordion Items:

Tab Items:

Heading:

Subheading (optional):

Content:

Background Color:

Box 1

Icon Class (FontAwesome):

Title:

Content:

Box 2

Icon Class (FontAwesome):

Title:

Content:

Box 3

Icon Class (FontAwesome):

Title:

Content:

Note: Moodle includes FontAwesome icons. Common icon classes: fa-star, fa-check, fa-heart, fa-user, fa-book, fa-file, etc.

Video URL (YouTube or Vimeo):

Width (%):

Caption (optional):

Quote Text:

Author/Source:

Style:

Timeline Items:

Content Sections

No sections added yet. Use the form above to add content sections.

Moodle Content Creator

Add New Section

Content Sections

Content Preview

HTML Code