A simple notes taking template

Notes taking template as html.

Appearance when rendered.

The original source: Collapsible multi level list (codepen.io).

This html is quite useful for all including students, office people to keep track of or remember things. It's like lighter version of Microsoft OneNote but you can create nesting many more levels.

The idea is it's simple html (one file only) uses html + css (no js also). You can store it in email, download & double click it will open in browser.

You have to edit it in notepad & note the main points.

Another tip. You can summarize long text using various AI tools say Text summarizer - AI Summarizing Tool and convert into bullet points in html format using Word to HTML - Online Converter and Cleaner - ????????????????.?????? (wordhtml.com). Once done you can put that in this html.

It's quite easy to use as simple todo list. In mobile you have to have file editors to be able to edit.

I shared this for those reading books/articles & taking notes.