AaaaaAaaaAaa
Uwu
I MISSED UWu
Hii
<div class="container-fluid px-0 pt-md-5 pb-md-4 py-3 border-0" style="max-width: 880px;">
<h1 class="display-4 text-uppercase text-primary">
<!--- ʜᴇʟʟᴏ ᴀɴᴅ ᴡᴇʟᴄᴏᴍᴇ !! ଘ(੭ˊᵕˋ)੭* ੈ✩‧₊ ------------------------>
ꜱᴛʀᴀᴡʙᴇᴀʀɪᴇ <3
</h1>
<div class="d-block border-0 bg-faded p-3 mb-2" style="border-radius: 1em;">
<div class="modal-open" style="border-radius: 1em;"><div class="row no-gutters">
<!-- side column -->
<div class="col-md-4 mb-md-0 mb-3">
<div class="card d-block text-center p-3 border-0 h-100">
<!-- main icon -- use a 200 x 200 square image so it can become a square -->
<img src="IMG_URL"
class="d-block mx-auto rounded-circle mb-2" style="max-height: 200px;" />
<p class="text-muted mb-0">
18 . female . she/her</p>
<hr class="w-75 mb-2">
<hr class="w-75 mt-2">
<p class="mb-0" style="font-size: 14pt;">
<!-- social media icons -- use font awesome icons -- dont forget to fill in links -->
<!-- credit link -- leave this -->
<a href="/Pinky" target="_BLANK"><i class="fas fa-code fa-fw" /></a>
</p>
</div>
</div><!-- end column -->
<!-- content column -->
<div class="col-md-8 pl-md-3" style="font-size: 10pt;">
<div class="tab-content">
<!--- TAB ONE ----- about ----------------------------------->
<div class="tab-pane active show" data-toggle="tab" id="ONE">
<div class="card d-block pt-3 px-3 border-0"><div class="justify-content-between text-primary" style="font-size: 16pt; line-height: 1;">
<span>About</span>
<i class="fas fa-sparkles fa-fw" />
</div></div>
<div class="card d-block p-3 border-0" style="height: 300px; overflow:auto;">
<!-- optional pagedoll image -- this will be a very small image -- just erase if you dont wanna use -->
class="float-md-right ml-md-2 d-block mx-auto mb-md-0 mb-3" style="max-height:260px;">
<p>ʰᵉˡˡᵒ ᵃⁿᵈ ʷᵉˡᶜᵒᵐᵉ ᵗᵒ ⁿᵉʷ ᵃʳʳⁱᵛᵃˡˢ! ᴵ'ᵐ ᵃ ᵛᵉʳʸ ˢʰʸ, ˢᵐᵒˡ ᵗᵉᵉⁿᵃᵍᵉʳ ʷʰᵒ ˡᵒᵛᵉˢ ᵃˡˡ ᵗʰⁱⁿᵍˢ ˢᵒᶠᵗ ᵃⁿᵈ ᶜᵘᵗᵉ! ᴵ'ᵛᵉ ᵍᵒᵗ ᴹᴬᴶᴼᴿ ˢᵒᶜⁱᵃˡ ᵃⁿˣⁱᵉᵗʸ ⁽ʷʰⁱᶜʰ ᵐᵃᵏᵉˢ ⁱᵗ ᵃ ᵇⁱᵗ ʰᵃʳᵈ ᵗᵒ ʳᵉᵃᶜʰ ᵒᵘᵗ ᵃⁿᵈ ˢᵖᵉᵃᵏ ᵘᵖ⁾ ˢᵒ ᵖˡᵉᵃˢᵉ ᵇᵉ ᵖᵃᵗⁱᵉⁿᵗ ᵃⁿᵈ ⁿⁱᶜᵉ, ⁱ ᵍᵉᵗ ᵒᵛᵉʳʷʰᵉˡᵐᵉᵈ ⱽᴱᴿʸ ᵉᵃˢⁱˡʸ ᵃⁿᵈ ʸᵉˡˡⁱⁿᵍ/ʰᵃʳˢʰ ʷᵒʳᵈˢ ᵐᵃᵏᵉ ᵐᵉ ⱽᴱᴿʸ ᵃⁿˣⁱᵒᵘˢ ˢᵒ ᵗʳʸ ʸᵒᵘʳ ᵇᵉˢᵗ ᵗᵒ ˢᵖᵉᵃᵏ ᶜᵃˡᵐˡʸ ᵒʳ ⁱⁿ ᵃ ᵖᵒˡⁱᵗᵉ ᵐᵃⁿⁿᵉʳ, ᵖˡᵉᵃˢᵉ ⁽´∀`⁾♡ ᴷⁱⁿᵈᵃ ˢʰʸ, ᵇᵘᵗ ᵒⁿᶜᵉ ᴵ ᵒᵖᵉⁿ ᵘᵖ ᵗᵒ ʸᵒᵘ ᴵ ᶜᵃⁿ ᵇᵉ ᵛᵉʳʸ ⁿⁱᶜᵉ ᵃⁿᵈ ᵘⁿᵈᵉʳˢᵗᵃⁿᵈⁱⁿᵍ! ᵗʰᵃⁿᵏˢ ᶠᵒʳ ᵈʳᵒᵖᵖⁱⁿᵍ ᵇʸ ᵃⁿᵈ ᵛⁱˢⁱᵗⁱⁿᵍ ᵐᵉ ᵃⁿᵈ ʰᵃᵛᵉ ᵃ ʷᵒⁿᵈᵉʳᶠᵘˡ ᵈᵃʸ! ⁽´• ω •`⁾ ♡.</p>
</div>
</div>
<!--- TAB THREE ----- characters ----------------------------------->
<div class="tab-pane" data-toggle="tab" id="THREE">
<div class="card d-block pt-3 px-3 border-0"><div class="justify-content-between text-primary" style="font-size: 16pt; line-height: 1;">
<span>Characters</span>
<i class="fas fa-users fa-fw" />
</div></div>
<div class="card d-block pt-3 px-3 border-0" style="height: 300px; overflow:auto;">
<div class="row">
<!------------------- Strawberry -------------------------------------->
<div class="col-md-3 col-sm-6 text-center mb-3">
<img src="https://f2.toyhou.se/file/f2-toyhou-se/images/17777845_Ja7J7dn53mMdWIX.png"
class="d-block mx-auto mb-1 rounded-circle" style="max-height: 100px;">
<a href="tbn on Toyhouse" class="small text-uppercase text-muted">Name</a>
</div>
<!------------------- Buttercup -------------------------------------->
<div class="col-md-3 col-sm-6 text-center mb-3">
<img src="https://f2.toyhou.se/file/f2-toyhou-se/images/17777845_Ja7J7dn53mMdWIX.png"
class="d-block mx-auto mb-1 rounded-circle" style="max-height: 100px;">
<a href="💕вυттercυp💕 on Toyhouse" class="small text-uppercase text-muted">Name</a>
</div>
<!------------------- CHARACTER -------------------------------------->
<div class="col-md-3 col-sm-6 text-center mb-3">
<img src="https://f2.toyhou.se/file/f2-toyhou-se/images/17777845_Ja7J7dn53mMdWIX.png"
class="d-block mx-auto mb-1 rounded-circle" style="max-height: 100px;">
<a href="URL_HERE" class="small text-uppercase text-muted">Name</a>
</div>
<!----------------- NAVIGATION BUTTONS -- you can change the icons -- pls note these are listed backwards -->
<li class="nav-item pr-1">
<a class="nav-link btn btn-outline-primary border-0 p-1" style="box-shadow:none; border-radius: .5em;" data-toggle="tab" href="#THREE">
<i class="far fa-users fa-fw" /> <span class="hidden-sm-down">Characters</span></a>
</li>
<li class="nav-item px-1">
<a class="nav-link btn btn-outline-primary border-0 p-1" style="box-shadow:none; border-radius: .5em;" data-toggle="tab" href="#TWO">
<i class="far fa-palette fa-fw" /> <span class="hidden-sm-down">Art</span></a>
</li>
<li class="nav-item pl-1">
<a class="nav-link btn btn-outline-primary border-0 p-1 active" style="box-shadow:none; border-radius: .5em;" data-toggle="tab" href="#ONE">
<i class="far fa-sparkles fa-fw" /> <span class="hidden-sm-down">About</span></a>
</li>
</ul>
</div>
Once again...
*Cough cough
*Orchestra enters
TIMMMMM
BILLLLLLYYYYY
AND SSSSSSSSSSSSSSSSSSSSSSSSSSSSTTTTTTTTTTTTTTTTTEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE
Comments