How to create responsive HTML and CSS in Moodle content

Zenler Player

Your course is loading. Hang tight.

About the course Preview
Prerequisites for this course Preview

Font Awesome and Bootstrap test
Installing the Generico plugin Preview
Test the Generico plugin
Installing the Generico templates

Creating a course
Preparing your content for Moodle
Creating the course structure
Adding the course structure to Moodle

Preparing the text content for Moodle
Adding text content to your Moodle pages
Bulk image extraction from the document
Adding images to your Moodle pages

Using the Generico template plugin
Generico activity template test
Generico activity template in your course
Generico click to view template
Generico click to view template in your course
Embed YouTube using the Generico template
Embed YouTube using the Generico template in your course

Introduction to Font Awesome
Font Awesome in your course

Responsive design
Introduction to Bootstrap
Responsive alert using Bootstrap
Adding a card using Bootstrap
Combining a card with Bootstrap responsive columns

Tables using Bootstrap
Inline CSS
HTML CSS Arrow Table using Inline CSS
HTML CSS Arrow Table variation using Inline CSS

How to install the RemUI theme

Thank you from Chris Richter