Welcome!

The 3-column layout is a classic because it's a simple and effective way to cram a lot of links into one layout. Translating all those links to a smaller screen is a bit of an ordeal, and I find that the usual method of appending the sidebars to the top and bottom of the content is clunky and takes up way too much space. I tried to fix this by having the columns collapse into columns on mobile instead. I moved both menus below the content area so you don't have to scroll past links every time you load a new page, but you can change that by messing with the flexbox order.

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

I will now show you how to use the most common HTML text elements: This is bold text. This is also bold text. This is italic text. This is also italic text. This is strikethrough text. This is underlined text. This is a link. This is a link that will open in a new tab. This is code (displayed in a monospace font). This is an abbreviation (Try hovering over it). This is highlighted text. This is a line break (The br stands for break.):
It's different from a paragraph because it does not add space inbetween the lines of text.

This is a paragraph. As you can see, there's a bit of space between it and the previous paragraph.

This is a blockquote. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.

Heading 2

• Unsorted list
• Unsorted list
• Unsorted list

Lorem ipsum dolor sit amet.

1. Sorted list
2. Sorted list
3. Sorted list

Heading 3

This is a separator line / divider:

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Heading 4

Here are two columns:

Heading 5

This is an image:

This is a full-width image:

These are multiple images in a row:

Heading 6

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorp

Selection Option 1 Option 2 Option 3

Textarea

Button

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