<!---Welcome to my second officially launched code! Hope you enjoy it. PLEASE BE SURE TO EDIT THIS WITH WYSWYG MODE TURNED OFF.--->
<!---This forms the border around the inner card (the one with all the info). You can place any image here, be it a gif or a still image; it'll automatically crop to fit the card.-->
<center><div class="card" style="max-width:500px; background-image: url(BACKGROUND IMAGE URL HERE); background-position: justify; background-attatchment: fixed; border-radius: 1em;"><div class="mt-2">
<!---You can customize the colour of the inner card; just change the 'white' to whatever hex colour you'd like.--->
<div class="col-12"><div style="background: white; border-top-right-radius:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; min-height:200px;">
<div class="p-2" style="font-size:small; color:#000;"><span style="letter-spacing:1.5px"><strong><em>NAME</em></strong></span>
<div class="mt-1">
<hr style="border-color:#000; margin-bottom:0; margin-top:0;">
</div>
<div class="mt-2">
<!---You can add as many of these bullet points as you want, as well as replace the icons. Just copy and paste one as much as you'd like, retaining the br at the end.--->
<i class="fas fa-caret-right"></i><span style="letter-spacing:1.5px"> PRONOUNS</span><br>
<i class="fas fa-caret-right"></i><span style="letter-spacing:1.5px"> SPECIES</span><br>
<!---Pagedoll image goes here. A transparent fullbody or pixel is highly reccomended versus something with a background. Feel free to change the hover text from 'CLICK HERE'! And if you don't want it, just remove from img class to HERE" (make sure the brackets and img src remain, though)-->
<a data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
<img class="tooltipster" title="CLICK HERE" img src="PUT THE PAGE DOLL'S IMAGE URL HERE" class="fr-fic fr-dib" width="250" height="150">
</a><hr style="border-color:#000; margin-bottom:0; margin-top:0;">
<div class="collapse" id="collapseExample">
<div class="card card-body">
</div>
<!---This is the about section- put anything here, flavour text, anything, really! It has infinite scroll, so write as much as you'd like.-->
<strong><span style="letter-spacing:1.5px">ABOUT</strong></span><div class="p-3 h-100 text-justify" style="background:transparent; border-radius: 10px;"><div class="card border-2 p-3" style="border-radius:20px; background:#222; color:#eee;"></span>
<center>
On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or else he endures pains to avoid worse pains.</center></div></div></div>
<div class="mt-2">
</div></div>
<center> <div style="font-size:small; color:#000;"><span style="letter-spacing:1.5px"><b><center><em><strong>Put a quote or whatever you want here! It can be pretty long, as long as you want, really, so go wild go ham write an essay if you really want to. </strong></em></a></center></b></span></div></div></div><div class="mt-2"></div></div></div></div>
<!---CREDIT LINE- PLEASE, DO NOT REMOVE--->
<a href="https://toyhou.se/Coturnix"><i class="fas fa-moon-stars tooltipster" title="Code cooked up by Quail"></i></a> ◈
<!---Icon and background credit goes here. It's always good to credit.--->
<a href="PAGEDOLL CREDIT HERE"><i class="fas fa-icons tooltipster" title="Pagedoll by NAME HERE"></a></i> ◈ <a href="BACKGROUND CREDIT HERE"> <i class="fas fa-window-maximize tooltipster" title="Background by NAME HERE"></div></div></div></div></div></div></div></i></a>
<!---End-->