When building online courses in Open edX, you may need to add a differentiated visual layout for your course contents.

Open edX will let you add HTML, CSS and javascript code in any of the HTML components, but keeping track of more complex CSS classes, and javascript functions in order to have a consistent visual layout over a wide range of HTML components will pose a significant challenge.

We have gone through all that process, and built a Style Guide library, called “Baldur”.  All of eduNEXT’s SaaS subscribers may request this feature to be activated in their sites, to simplify the process of building great HTML content into their courses.

These are the visual object you can include with this library:

• Content grids
• Responsive grids
• Headlines
• Headlines with icons
• Titles
• Titles with icons
• Lists
• Blockquotes
• Buttons
• Thumbnail
• Thumbnail with border
• Thumbnail with overlay text
• Thumbnail + text
• Highlighted text
• Infobox
• Tabs
• Accordions
• Image Sliders

Take a look at the visual elements and the sample code to be included in the Open edX HTML module here

Baldur is available for download here

If you are interested in this resource or in our open edX services, contact us at contact@edunext.co.