.....WIP.....

Otter Sanctuary Layout

welcome to the preview of the otter sanctuary layout by xandra. i'm sorry to say that this layout is not responsive, and will really only look right on screens at least 1024px wide, which is luckily most computers and laptops. this layout offers a lot of customization still with colors, if wanted. you can scroll down this page to see more styles of common HTML tags. if you want to edit the code to make it more responsive, be my guest! this is your playground. :)

additional note: this layout does use javascript for the cursor bubbles, which was a code snippet from mf2fm.

if you wouldn't mind, leaving my link in the bottom right on the sidebar is perfect, but if you'd rather put something else there, don't forget to link me on your credits page. :) i hope you have lots of fun making your site, and feel free to let me know that you used my layout! i'll come and check out your pages!

when you're ready, just right click anywhere on the background and select "view source." then copy & paste into your favorite text editor! this layout features:

  • late '00s style with some bubbly flair
  • perfect for essays and personal sites with a lot of words
  • expandable sidebar for lots and lots of navigation items
  • coded completely in notepad

thanks for being you! hope to see you around sometime.

xo, alexandra


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nunc est, sollicitudin vel pulvinar ut, tempus sed nunc. Pellentesque sagittis, nisl id rutrum cursus, turpis ipsum mollis felis, ac lobortis dolor lorem in erat. Praesent accumsan est in justo laoreet maximus. In commodo egestas metus, sit amet dapibus enim viverra id. Nam aliquam tellus eget condimentum elementum. Donec consectetur leo sit amet ante malesuada mollis. Proin pretium egestas erat quis lobortis. Cras tincidunt mattis erat quis laoreet. Maecenas et quam enim. Link here but also a link here.

Form Element Styling


Vestibulum semper malesuada dignissim. Sed in odio at mi mattis rhoncus eu ac nibh. Donec mi nibh, sollicitudin at urna a, convallis auctor felis. Nulla ut porta magna. Vestibulum id lorem ac erat ultricies mollis eu in tortor. Nulla vitae elit ut nisl euismod vehicula. Donec blandit tempor lobortis. Vivamus id arcu lacus. Aliquam fringilla leo sit amet purus varius mollis.

Nam congue id odio eget euismod. Nulla a odio in ipsum rutrum feugiat quis vitae turpis. Curabitur arcu nibh, euismod eu nibh sit amet, pulvinar mollis nunc. Aenean laoreet malesuada quam, at posuere justo sollicitudin eget. Pellentesque vehicula malesuada libero, ut maximus enim tempor in.

This is a blockquote. Duis vulputate lorem in finibus semper. Suspendisse fermentum congue ultricies. Suspendisse incidunt, nisl viverra commodo rhoncus, est lorem auctor tellus, vitae feugiat dolor odio auctor odio.

Nulla consequat fermentum varius. Praesent feugiat dui nec nisi facilisis rutrum. Cras sed quam id ipsum eleifend semper et vitae ante. Curabitur nisi ante, blandit eget leo vulputate, ultrices ullamcorper urna.

  1. List item
  2. List item with a link
  3. List item

Maecenas ut purus vestibulum, malesuada risus quis, sagittis erat. In aliquet eleifend sapien, ac euismod felis. Sed ullamcorper aliquam lobortis. Nullam sollicitudin tempor dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ut elementum neque. Aliquam mattis, erat nec aliquet aliquam, nunc turpis venenatis sem, vitae tincidunt turpis eros id velit. Praesent dapibus massa nec turpis condimentum pretium. Pellentesque in aliquet elit. Nulla rhoncus felis quis tellus faucibus, vitae lobortis nisl tempus. Donec mattis ligula felis, condimentum tempus dolor faucibus in. Curabitur nec arcu in ante scelerisque euismod in ut diam. Integer at mauris non eros molestie ultricies.

© 2023 YOUR NAME | Site Map | best viewed 1024px wide