companion

CODE

[ back ]

free to use, no credit needed.

this code uses Sanctuary's CSS alongside its own.
please link both CSS to your .html page.

if you find what i make useful to you, i wouldn't mind a tip.

Character Name

"Surely you must have said something memorable in your short life."

A Title Here

art by artist

Information

  • text
  • text
  • text
  • text
  • text
  • text

Tidbits

  • text
  • text
  • text
  • text

WARNING

you can put a warning here. this will always be the first thing your viewer sees before proceeding.
the profile includes:

warnings

  • a warning
  • a warning
  • a warning
  • a warning

other notes

  • a warning
  • a warning
  • a warning
  • a warning
don't continue if this makes you uncomfortable.
otherwise, feel free to proceed.

ENTER

Here is a title.

This is a smaller title.


put some text here or an image.

you can delete the neutraldivider div if you don't want the colored background.


Basics

NAME x ALIASES x
GENDER x ORIENTATION x
RELATIONSHIP x SPECIES x
AGE x HEIGHT x
BIRTHDAY x STAR SIGN x
OCCUPATION x PLAYLIST link
POSITION x ROLE x
GENITALS x LIBIDO x

put some text here or an image.

you can delete the neutraldivider div if you don't want the colored background.


Preferences

Likes

  • like
  • like
  • like

Dislikes

  • dislike
  • dislike
  • dislike

put some text here or an image.

you can delete the neutraldivider div if you don't want the colored background.


Personality

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non augue nec felis pellentesque sodales eget vel lacus. Maecenas eget cursus leo, et ultricies arcu. Sed at nisl non eros suscipit egestas sollicitudin a lorem. Etiam nec pulvinar libero. Phasellus eu sodales risus, ac varius nunc. Sed placerat tempus risus et porttitor. Duis a ipsum mi. Donec in nisi sapien. Praesent viverra, lorem ac ultricies malesuada, felis eros ultricies nisl, vitae mollis elit risus nec est. Curabitur nunc massa, feugiat a sapien at, posuere ultrices libero.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non augue nec felis pellentesque sodales eget vel lacus. Maecenas eget cursus leo, et ultricies arcu. Sed at nisl non eros suscipit egestas sollicitudin a lorem. Etiam nec pulvinar libero. Phasellus eu sodales risus, ac varius nunc. Sed placerat tempus risus et porttitor. Duis a ipsum mi. Donec in nisi sapien. Praesent viverra, lorem ac ultricies malesuada, felis eros ultricies nisl, vitae mollis elit risus nec est. Curabitur nunc massa, feugiat a sapien at, posuere ultrices libero.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non augue nec felis pellentesque sodales eget vel lacus. Maecenas eget cursus leo, et ultricies arcu. Sed at nisl non eros suscipit egestas sollicitudin a lorem. Etiam nec pulvinar libero. Phasellus eu sodales risus, ac varius nunc. Sed placerat tempus risus et porttitor. Duis a ipsum mi. Donec in nisi sapien. Praesent viverra, lorem ac ultricies malesuada, felis eros ultricies nisl, vitae mollis elit risus nec est. Curabitur nunc massa, feugiat a sapien at, posuere ultrices libero.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non augue nec felis pellentesque sodales eget vel lacus. Maecenas eget cursus leo, et ultricies arcu. Sed at nisl non eros suscipit egestas sollicitudin a lorem. Etiam nec pulvinar libero. Phasellus eu sodales risus, ac varius nunc. Sed placerat tempus risus et porttitor. Duis a ipsum mi. Donec in nisi sapien. Praesent viverra, lorem ac ultricies malesuada, felis eros ultricies nisl, vitae mollis elit risus nec est. Curabitur nunc massa, feugiat a sapien at, posuere ultrices libero.


Biography

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non augue nec felis pellentesque sodales eget vel lacus. Maecenas eget cursus leo, et ultricies arcu. Sed at nisl non eros suscipit egestas sollicitudin a lorem. Etiam nec pulvinar libero. Phasellus eu sodales risus, ac varius nunc. Sed placerat tempus risus et porttitor. Duis a ipsum mi. Donec in nisi sapien. Praesent viverra, lorem ac ultricies malesuada, felis eros ultricies nisl, vitae mollis elit risus nec est. Curabitur nunc massa, feugiat a sapien at, posuere ultrices libero.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non augue nec felis pellentesque sodales eget vel lacus. Maecenas eget cursus leo, et ultricies arcu. Sed at nisl non eros suscipit egestas sollicitudin a lorem. Etiam nec pulvinar libero. Phasellus eu sodales risus, ac varius nunc. Sed placerat tempus risus et porttitor. Duis a ipsum mi. Donec in nisi sapien. Praesent viverra, lorem ac ultricies malesuada, felis eros ultricies nisl, vitae mollis elit risus nec est. Curabitur nunc massa, feugiat a sapien at, posuere ultrices libero.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non augue nec felis pellentesque sodales eget vel lacus. Maecenas eget cursus leo, et ultricies arcu. Sed at nisl non eros suscipit egestas sollicitudin a lorem. Etiam nec pulvinar libero. Phasellus eu sodales risus, ac varius nunc. Sed placerat tempus risus et porttitor. Duis a ipsum mi. Donec in nisi sapien. Praesent viverra, lorem ac ultricies malesuada, felis eros ultricies nisl, vitae mollis elit risus nec est. Curabitur nunc massa, feugiat a sapien at, posuere ultrices libero.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non augue nec felis pellentesque sodales eget vel lacus. Maecenas eget cursus leo, et ultricies arcu. Sed at nisl non eros suscipit egestas sollicitudin a lorem. Etiam nec pulvinar libero. Phasellus eu sodales risus, ac varius nunc. Sed placerat tempus risus et porttitor. Duis a ipsum mi. Donec in nisi sapien. Praesent viverra, lorem ac ultricies malesuada, felis eros ultricies nisl, vitae mollis elit risus nec est. Curabitur nunc massa, feugiat a sapien at, posuere ultrices libero.


Trivia

HEADING TEXT
HEADING TEXT
HEADING TEXT
HEADING TEXT
HEADING TEXT
HEADING TEXT
HEADING TEXT
HEADING TEXT
HEADING TEXT
HEADING TEXT

Relationships

NAME

[relationship]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non augue nec felis pellentesque sodales eget vel lacus. Maecenas eget cursus leo, et ultricies arcu. Sed at nisl non eros suscipit egestas sollicitudin a lorem. Etiam nec pulvinar libero. Phasellus eu sodales risus, ac varius nunc. Sed placerat tempus risus et porttitor. Duis a ipsum mi. Donec in nisi sapien. Praesent viverra, lorem ac ultricies malesuada, felis eros ultricies nisl, vitae mollis elit risus nec est. Curabitur nunc massa, feugiat a sapien at, posuere ultrices libero.

here is a collapsible. please name every collapsible individually or it will open the wrong one - i.e, collapsible1, collapsible2, etc.

NAME

[relationship]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non augue nec felis pellentesque sodales eget vel lacus. Maecenas eget cursus leo, et ultricies arcu. Sed at nisl non eros suscipit egestas sollicitudin a lorem. Etiam nec pulvinar libero. Phasellus eu sodales risus, ac varius nunc. Sed placerat tempus risus et porttitor. Duis a ipsum mi. Donec in nisi sapien. Praesent viverra, lorem ac ultricies malesuada, felis eros ultricies nisl, vitae mollis elit risus nec est. Curabitur nunc massa, feugiat a sapien at, posuere ultrices libero.

here is a collapsible. please name every collapsible individually or it will open the wrong one - i.e, collapsible1, collapsible2, etc.

NAME

[relationship]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non augue nec felis pellentesque sodales eget vel lacus. Maecenas eget cursus leo, et ultricies arcu. Sed at nisl non eros suscipit egestas sollicitudin a lorem. Etiam nec pulvinar libero. Phasellus eu sodales risus, ac varius nunc. Sed placerat tempus risus et porttitor. Duis a ipsum mi. Donec in nisi sapien. Praesent viverra, lorem ac ultricies malesuada, felis eros ultricies nisl, vitae mollis elit risus nec est. Curabitur nunc massa, feugiat a sapien at, posuere ultrices libero.

here is a collapsible. please name every collapsible individually or it will open the wrong one - i.e, collapsible1, collapsible2, etc.

NAME

[relationship]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non augue nec felis pellentesque sodales eget vel lacus. Maecenas eget cursus leo, et ultricies arcu. Sed at nisl non eros suscipit egestas sollicitudin a lorem. Etiam nec pulvinar libero. Phasellus eu sodales risus, ac varius nunc. Sed placerat tempus risus et porttitor. Duis a ipsum mi. Donec in nisi sapien. Praesent viverra, lorem ac ultricies malesuada, felis eros ultricies nisl, vitae mollis elit risus nec est. Curabitur nunc massa, feugiat a sapien at, posuere ultrices libero.

here is a collapsible. please name every collapsible individually or it will open the wrong one - i.e, collapsible1, collapsible2, etc.

NAME

[relationship]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non augue nec felis pellentesque sodales eget vel lacus. Maecenas eget cursus leo, et ultricies arcu. Sed at nisl non eros suscipit egestas sollicitudin a lorem. Etiam nec pulvinar libero. Phasellus eu sodales risus, ac varius nunc. Sed placerat tempus risus et porttitor. Duis a ipsum mi. Donec in nisi sapien. Praesent viverra, lorem ac ultricies malesuada, felis eros ultricies nisl, vitae mollis elit risus nec est. Curabitur nunc massa, feugiat a sapien at, posuere ultrices libero.

here is a collapsible. please name every collapsible individually or it will open the wrong one - i.e, collapsible1, collapsible2, etc.

NAME

[relationship]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non augue nec felis pellentesque sodales eget vel lacus. Maecenas eget cursus leo, et ultricies arcu. Sed at nisl non eros suscipit egestas sollicitudin a lorem. Etiam nec pulvinar libero. Phasellus eu sodales risus, ac varius nunc. Sed placerat tempus risus et porttitor. Duis a ipsum mi. Donec in nisi sapien. Praesent viverra, lorem ac ultricies malesuada, felis eros ultricies nisl, vitae mollis elit risus nec est. Curabitur nunc massa, feugiat a sapien at, posuere ultrices libero.

here is a collapsible. please name every collapsible individually or it will open the wrong one - i.e, collapsible1, collapsible2, etc.

NAME

[relationship]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non augue nec felis pellentesque sodales eget vel lacus. Maecenas eget cursus leo, et ultricies arcu. Sed at nisl non eros suscipit egestas sollicitudin a lorem. Etiam nec pulvinar libero. Phasellus eu sodales risus, ac varius nunc. Sed placerat tempus risus et porttitor. Duis a ipsum mi. Donec in nisi sapien. Praesent viverra, lorem ac ultricies malesuada, felis eros ultricies nisl, vitae mollis elit risus nec est. Curabitur nunc massa, feugiat a sapien at, posuere ultrices libero.

here is a collapsible. please name every collapsible individually or it will open the wrong one - i.e, collapsible1, collapsible2, etc.


Reference

click to enlarge in new window.


Gallery