Project Overviewlink

Dreams LMS online documentation page showcasing the multiple technology versions (HTML, Angular, React, Vue, Laravel) supported by this LMS online education template. The documentation page itself is built on Bootstrap, featuring light/dark theme switching and a responsive sidebar.

Tech Stacklink

• Bootstrap 5
• jQuery
• Prism.js (code highlighting)
• Feather Icons
• Google Fonts (Poppins / Nunito)

Project Structurelink

dreamslms-114/
├── documentation/
│   ├── index.html          # Documentation homepage, displaying entry points for each tech stack
│   ├── html.html
│   ├── angular.html
│   ├── react.html
│   ├── vue.html
│   ├── laravel.html
│   └── assets/
│       ├── css/
│       │   ├── style.css       # Main stylesheet, includes Poppins/Nunito font definitions
│       │   ├── bootstrap.min.css
│       │   ├── dark.css
│       │   ├── prism.css
│       │   └── magnific-popup.css
│       └── js/
│           ├── main.js        # Sidebar logic, theme switching, device detection
│           ├── jquery-3.7.1.min.js
│           └── bootstrap.bundle.min.js

Key File Descriptionslink

• documentation/index.html — Documentation homepage, displaying navigation cards for the five tech stacks
• assets/css/style.css — Main stylesheet, defines Poppins/Nunito fonts and light/dark theme variables
• assets/js/main.js — Core interaction logic, including sidebar expand/collapse, device detection, and theme persistence

Quick Startlink

Simply open documentation/index.html in your browser to view. Click on the cards to navigate to specific framework documentation pages.

Usage Noteslink

This is a template companion documentation resource. To use the HTML version, refer to html.zip (extract before viewing) and build upon the documentation directory structure. Dark theme switching is implemented dynamically by main.js via data-bs-theme, requiring no additional build steps.