Skip to content
it's a bunns life

aBunnslife

Hey! My name is Bunn or Bunns, and this is my personal website! If it's not super obvious it's currently under construction haha...Today is 2/20/2026 and by the end of March I'm hoping I can get rid of this message. I plan on linking my Coal Ridge ARG, Days of Joan Archive, and Commentary Blog to this site as well as links to my Dreamwidth and Pillowfort.

I'm not fantasitc at html or css coding, so if you have any recs def reach out! theres also a guest book at the bootom of the left side bar.

everything below this line is tutorial to the coding on this template which I'm still using to set this up, so feel free to ignore haha

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 preformatted text, which means that     spaces    are preserved:
          :D

This is preformatted code:

<!DOCTYPE html>
<html>
  <body>
   <h1>My First Heading</h1>
   <p>My first paragraph.</p>
  </body>
</html>

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:

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

At vero eos et accusam et justo duo dolores et ea rebum.

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

At vero eos et accusam et justo duo dolores et ea rebum.

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 ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.