📖 Mini-Course

The following Religious Mini-Course was created for Ms. Peggy.

---

🌿 Copy this Minimalist HTML LMS Template

A fully in-house, self-contained Learning Management System (LMS) template designed for a mini-course or microlearning projects.
This system is built for simplicity — no complex setup required.
Just open index.html to start.

---

✨ Features

🏠 Home + 4 Lesson Pages

Each lesson includes:

• Embedded YouTube videos
• Embedded Wayward Interactive Video Quizzes
• Built-in interactive elements (matching, drag & drop, self-grading quizzes)
• Seamless navigation between lessons

💬 Discussion Plug-in

HTML5 using Elfsight discussion area integrated at the bottom of each lesson for learner comments.

📎 Floating Submit Assignment Button

Always visible on screen for easy access.
Clicking it opens a preview and upload form (supports images or PDFs).

🖼 Customizable Image Placeholders

Replace course thumbnails or in-lesson images easily by uploading your own.

📄 Standalone, Copy-and-Edit Structure

Simply copy the project folder, replace the text, videos, and images — your course is ready.

---

🧭 How to Use

1. Open the Template

• Download or clone this folder.
• Open index.html in your browser to preview the LMS.

2. Replace Lesson Content

To update:

• Replace the <h2> title and any paragraph text.
• Swap the YouTube video link (only change the video ID after /embed/).
• Swap Wayground link after creating your interactive video:
  How to Create an Interactive Video on Wayground
• Add or edit your simple interaction text as needed.

3. Customize the Images

You can replace them by keeping the same file names or change the filenames in HTML.

🖼 Recommended format: .jpg or .png
📏 Size: Already predetermined in HTML (corner image next to title of lesson)

4. Interactive Features

🧩 Matching / Drag & Drop

Pre-coded mini-activities inside each lesson using pure HTML5 + JavaScript.
Update the question text or options inside the variable blocks.

✅ Self-Grading Quiz

Each quiz includes automatic feedback and score display.
To customize, edit your quiz data within the JavaScript file.

5. Discussion Plug-in

You can:

• Replace it with your own discussion plug-in embed code using Elfsight (Free) https://elfsight.com/comments-widget/?utm_source=websites&utm_medium=clients&utm_content=comments&utm_term=edtechjessy.github.io&utm_campaign=free-widget

6. Floating “Submit Assignment” Button

📎 Floating Submit Assignment Button Always visible on screen for easy access. Clicking it opens a preview and upload form (supports images or PDFs).Replace Formspree Code to recieve in your own email inbox.

• 1. Create a form on Formspree Create a free account and choose New Form.
• 2. Update your form's action Replace with the form endpoint in your Formspree account.

https://formspree.io/html/

📢 Credits

Created by @edtechjessy