Header

This is the skeleton of the first layout I made for this website. I ended up with more pages than would be reasonable to put on a sidebar, so I scrapped the 2-column layout for the single column thing you see now. But it still works, so I figured I'd clean it up and release it, so here we are!

You can copy the source code for this from Github! Or just take it from the view source page directly.

Mobile compatibility

This version of the layout collapses into a single column on screens smaller than 800px wide and displays the sidebar as a hamburger menu. The icons for the hamburger menu can be downloaded on the snippet page, or you can make your own .svg files to use! Make sure to copy your code in the sidebar into the hamburger menu as well! For the version with columns on all screen sizes, go to the first version.

Formatting

Header 3

Header 4

Selection Option 1 Option 2 Option 3

Textarea

Button

• This
• is
• a
• list
  • List
  • inside
  • of
  • list