<!---
Hello ty for using my code!!
It's my first time making one of these so just lmk if anything is broken :)
TOS:
- Feel free to change anything or frankenstein as long as everybody is credited!
- Please don't use my code for anything hurtful or offensive that's cringe
- Please don't claim as your own, remove credits or redistribute
Not necessary but feel free to tell me if you've used the code/where in the comments! I'd love to see what people do with it :)
MAKE SURE TO TURN OF WYSIWYG! Code will break otherwise!!
Do not use discord to host your image links, they're only temporary and will break after 24hrs. I reccommend using filegarden or toyhouse itself!
It probably works on mobile but i haven't checked kdjsjs
COLORS [Use ctrl+f to replace]
Background - #9B9B9B
Text - #212121
Accent Color - #E8E8E8
have fun :)
-->
<div class="container-fluid my-1" style="color:#212121;max-width:500px;">
<div class="container">
<!-- NAME + FA ICON-->
<div class="card p-3 mb-3" style="border-radius:15px;border-color:#E8E8E8;background-color:#9B9B9B">
<p class="p-2" style="font-size:32px;font-weight:bold;">NAME <i class="fad fa-galaxy fa-2x fa-spin fa-pull-right" style="color:#E8E8E8"></i></p>
</div>
<!-- END NAME + FA ICON-->
<!-- MAIN CONTAINER -->
<div class="container">
<div class="card p-3 mb-3" style="border-radius:15px;border-color:#E8E8E8;background-color:#9B9B9B">
<div class="card p-3 mb-3" style="border-radius:15px;border-color:#E8E8E8;background-color:#9B9B9B">
<span class="p-2" style="font-size:25px;font-weight:bold;">
<!-- BASICS BOX -->
<!-- HEADER -->
<p class="p-2" style="font-size:25px;font-weight:bold;">Basics<i class="fas fa-dna fa-lg fa-pull-right m-3" style="color:#E8E8E8"></i></p>
<hr class="w-100" style="border-color:#E8E8E8">
</span>
<!-- END HEADER -->
<!-- ICON! REPLACE THE URL WITH YOUR OWN LINK-->
<img src="https://f2.toyhou.se/file/f2-toyhou-se/users/admin?9" class="img-thumbnail rounded-circle bg-transparent mx-auto" style="max-width:200px;max-height:200px;border-color:#E8E8E8;border-width:3px">
<!-- END ICON -->
<!-- BASICS BEGIN-->
<div class="mb-1">
<span class="pull-left" style="font-weight:bold">Name</span>
<span class="pull-right" style="color:#E8E8E8;">content</span>
</div>
<div class="mb-1">
<span class="pull-left" style="font-weight:bold">Age</span>
<span class="pull-right" style="color:#E8E8E8;">content</span>
</div>
<div class="mb-1">
<span class="pull-left" style="font-weight:bold">Gender</span>
<span class="pull-right" style="color:#E8E8E8;">content</span>
</div>
<div class="mb-1">
<span class="pull-left" style="font-weight:bold">Species</span>
<span class="pull-right" style="color:#E8E8E8;">content</span>
</div>
<div class="mb-1">
<span class="pull-left" style="font-weight:bold">Orientation</span>
<span class="pull-right" style="color:#E8E8E8;">content</span>
</div>
<div class="mb-1">
<span class="pull-left" style="font-weight:bold">Pronouns</span>
<span class="pull-right" style="color:#E8E8E8;">content</span>
</div>
<!-- ADD MORE ABOVE THIS LINE -->
</div>
<!-- END BASICS BOX -->
<!-- ABOUT BOX -->
<!-- HEADER -->
<div class="container">
<div class="card p-3 mb-3" style="border-radius:15px;border-color:#E8E8E8;background-color:#9B9B9B">
<span class="p-2" style="font-size:25px;font-weight:bold;">
<p class="p-2" style="font-size:25px;font-weight:bold;">About<i class="fas fa-books fa-lg fa-pull-right m-3" style="color:#E8E8E8"></i></p>
<hr class="w-100" style="border-color:#E8E8E8">
</span>
<!--END HEADER-->
<!-- PAGEDOLL. LOOKS BETTER TRANSPARENT. FEEL FREE TO DELETE IF YOU DONT WANT-->
<img src="https://f2.toyhou.se/file/f2-toyhou-se/users/admin?9" class="align-self-center float-right" style="width: 250px;">
<!-- END PAGEDOLL-->
<!-- ABOUT BIO-->
<p>Write a bio about your character here! You can write about personality, story, trivia, whatever you can think of. You can also inclucde <span style="color:#E8E8E8">Highlighted text</span> if it needs some extra oomph </p>
<p>This is another paragraph, you can add as many as you want</p>
<p>Get Lorem Ipsumed. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</p>
<!-- ADD MORE PARAGRAPHS ABOVE THIS LINE-->
</div>
<!-- END ABOUT BOX-->
</div>
</div>
<!-- MUSIC PLAYER BEGIN -->
<div class="card p-1 mb-1" style="border-radius:15px;border-color:#E8E8E8;background-color:#9B9B9B">
<span class="p-2" style="font-size:18px;font-weight:bold;">
<!-- SONG TITLE + ARTIST -->
<p class="p-2" style="font-size:25px;font-weight:bold;">Song Name - Artist <span style="font-size:1rem">
<span class="pull-right">
<!--
MUSIC PLAYER! USE A YOUTUBE LINK AND REPLACE 'WchseC9aKTU' WITH THE YOUTUBE CODE
https://youtu.be/ WchseC9aKTU ?si=Jyko8LuIYpMPxrRb
CURRENT SONG IS TWO TRUCKS BY LEMON DEMON LMAO
-->
<iframe frameborder="0" style="height:45px;width:45px;opacity:.001; position: absolute"
src="https://www.youtube.com/embed/WchseC9aKTU"></iframe>
<!-- FA ICON-->
<i class="fas fa-compact-disc d-inline fa-spin" style="color: #E8E8E8; font-size: 45px;"></i>
<!-- END FA ICON-->
</span>
<!-- END MUSIC PLAYER-->
</div>
</div>
<!-- CREDIT DO NOT REMOVE-->
<a href="https://toyhou.se/vesperthebagel"><i class="fas fa-code" style="color:#E8E8E8"></i> <span style="color:#E8E8E8;font-size:10px">code by vesperthebagel</span></a>
</div>
<!-- END CODE -->