> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mastermindcms.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Video tutorials

> A practical video course for working with MastermindCMS

This section contains all videos from the [MastermindCMS playlist](https://www.youtube.com/playlist?list=PL0kTLig6Xj5bJSx7zpMBISUVb9O2oEUxL). The recommended order is top to bottom.

## 1. Create a page

<iframe width="560" height="315" src="https://www.youtube.com/embed/MjyUDnvjSm0" title="MastermindCMS - Create page" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 2. Add a header component

<iframe width="560" height="315" src="https://www.youtube.com/embed/158W5rbvl0I" title="MastermindCMS - Add header component" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 3. Change the color theme

<iframe width="560" height="315" src="https://www.youtube.com/embed/Mkk440fMthk" title="MastermindCMS - Change color theme" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 4. Add a hero banner

<iframe width="560" height="315" src="https://www.youtube.com/embed/L4e905zGRxc" title="MastermindCMS - Add hero banner" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 5. Copy content

<iframe width="560" height="315" src="https://www.youtube.com/embed/964IeUlgIU4" title="MastermindCMS - Copying content" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 6. Change text content

<iframe width="560" height="315" src="https://www.youtube.com/embed/ly0LjMTUtWY" title="MastermindCMS - Change text content" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 7. Assign custom CSS classes

<iframe width="560" height="315" src="https://www.youtube.com/embed/YoKZcVhPJyo" title="MastermindCMS - Assignment of custom CSS classes" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 8. Translate content

<iframe width="560" height="315" src="https://www.youtube.com/embed/rLAedRJAcLo" title="MastermindCMS - Content translation" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 9. Publish a page

<iframe width="560" height="315" src="https://www.youtube.com/embed/IyyM_d0NNPQ" title="MastermindCMS - Publishing page" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 10. TailwindCSS

<iframe width="560" height="315" src="https://www.youtube.com/embed/8z5pBfZcDLs" title="MastermindCMS - TailwindCSS" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 11. Containers

<iframe width="560" height="315" src="https://www.youtube.com/embed/uNyasm-OoNc" title="MastermindCMS - Containers" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 12. AI Assistant

<iframe width="560" height="315" src="https://www.youtube.com/embed/flxosJPBMOM" title="MastermindCMS - AI Assistant" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 13. Manipulating the DOM

<iframe width="560" height="315" src="https://www.youtube.com/embed/cv401O1iXhM" title="MastermindCMS - Manipulating the DOM" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 14. Mobile menu

<iframe width="560" height="315" src="https://www.youtube.com/embed/FSsAYGlhyAk" title="MastermindCMS - Mobile menu" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## 15. Product catalog

<iframe width="560" height="315" src="https://www.youtube.com/embed/FezsTLgfxt0" title="MastermindCMS - Product Catalog" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />