<!-- woof woof arf arf bow wow -->
<div class="container" style="margin-top: 30px; width: 388px; font-family: ms gothic; font-size: 9pt;" title="PRESS THE STAMPS THEY ARE TABS !!!!!!!!!!!!!">
<div class="row">
<!-- left section -->
<div class="col-4" style="padding: 0px; height: auto;">
<!-- icon -->
<div class="" style="border: 1px solid black; height: 130px; width: 125px;
background: url('img here') no-repeat;
background-size: 100%;"></div>
<!-- stamps -->
<div style="border: 1px solid black; height: 55px; width: 125px; margin-top: 5px; padding: 5px; overflow: auto;">
"quote or smth"
</div>
</div>
<!-- right section -->
<div class="col-8" style="border: 1px solid black; height: 190px; padding: 5px;">
<span style="font-size: 17px;">
your name !! </span> <span style="color: #FF69B4; ">o(^^o)</span>
<br> pro / nouns <span style="color: #FF69B4; "> ♡ !</span> age or smth
<!-- box with stuf -->
<div class="container" style="margin-top: 2px; margin-bottom: 4px; border: 1px solid black; height: 91px; overflow: auto; padding: 3px; background-color: #ffd0e7;">
<div class="tab-content">
<!-- about you -->
<div class="tab-pane show active" id="about">
<div class="container" style="border: 1px solid black; height: auto; padding: 3px; background-color: #fff;">
<b>about</b><br>
write about yurself here !! woof woof bow wow arf arf yip yap
<br>
</div>
</div>
<!-- stuff idk what to title this -->
<div class="tab-pane" id="ehehe">
<div class="container" style="border: 1px solid black; height: auto; padding: 3px; background-color: #fff;">
<!-- art status -->
<b>status </b><br>
<div class="justify-content-between">
<span>commissions</span>
<span>stuff</span>
</div>
<div class="justify-content-between">
<span>trades</span>
<span>stuff</span>
</div>
<div class="justify-content-between">
<span>requests</span>
<span>stuff</span>
</div>
</div>
<!-- before you follow / byf -->
<div class="container" style="margin-top: 3px; border: 1px solid black; height: auto; padding: 3px; background-color: #fff;">
<b>byf ...</b>
byf here woof woof woof woof woof<br>
</div>
<!-- do not interact / dni -->
<div class="container" style="margin-top: 3px;border: 1px solid black; height: auto; padding: 3px; background-color: #fff;">
<b>dni ...</b>
dni here woof woof woof woof
</div>
</div>
<!-- friends OR characters !! -->
<!-- if you wanna add more people copy and paste person 2 -->
<!-- i litrlyy just copy pasted this from my other thimg #worksmartnothard #imgonacry -->
<div class="tab-pane" id="oogieboogie">
<!-- person 1 -->
<div class="container" style="border: 1px solid black; height: auto; padding: 3px; background-color: #fff;">
<div class="row" style="height: 100px; margin: 0 auto; margin-top: 5px; margin-bottom: -10px;">
<div class="col-5" style="padding: 0px;">
<!-- icon -->
<div style="border: 1px dashed #FBCDD7; border-radius: 50%;
background: url('img here')
no-repeat; background-size: 100%; height: 80px; width: 80px;"></div>
</div>
<!-- words -->
<div class="col" style="padding: 5px;">
<span class="float-left">
<a href="LINK CHARA / USER HERE !!!" style="font-weight: bold; color: #FBCDD7;">
name
</a></span>
<span class="float-right"> :3 </span>
<hr style="border-top: 1px dashed #fde7ec; margin-top: 2px; margin-bottom: 6px;">
<!-- description -->
<div style="background-color: #fff; border: 1px solid #FBCDD7; height: 50px; padding: 5px; margin-top: 5px; overflow: scroll; overflow-x: hidden;">
they r so cool you shoulf follow !!! </div>
</div>
</div>
</div>
<!-- end of person 1 -->
<!-- person 2 -->
<div class="container" style="border: 1px solid black; height: auto; padding: 3px; background-color: #fff; margin-top: 5px;">
<div class="row" style="height: 100px; margin: 0 auto; margin-top: 5px; margin-bottom: -10px;">
<div class="col-5" style="padding: 0px;">
<!-- icon -->
<div style="border: 1px dashed #FBCDD7; border-radius: 50%;
background: url('img here')
no-repeat; background-size: 100%; height: 80px; width: 80px;"></div>
</div>
<!-- words -->
<div class="col" style="padding: 5px;">
<span class="float-left">
<a href="LINK CHARA / USER HERE !!!" style="font-weight: bold; color: #FBCDD7;">
name
</a></span>
<span class="float-right"> :3 </span>
<hr style="border-top: 1px dashed #fde7ec; margin-top: 2px; margin-bottom: 6px;">
<!-- description -->
<div style="background-color: #fff; border: 1px solid #FBCDD7; height: 50px; padding: 5px; margin-top: 5px; overflow: scroll; overflow-x: hidden;">
this is my oc sparkledog he is uhmmm </div>
</div>
</div>
</div>
<!-- person 2 -->
</div>
<!-- extras !! -->
<div class="tab-pane" id="thimgamajig">
<!-- extra notes !! -->
<div class="container" style="border: 1px solid black; height: auto; padding: 3px; background-color: #fff;">
<b>extra notes !!</b>
can be important stuff like something that affects the way you interact with people or can just be about your cat
</div>
<!-- likes -->
<div class="container" style="margin-top: 3px; border: 1px solid black; height: auto; padding: 3px; background-color: #fff;">
<b>:D</b>
likes likes likes likes likes likes likes likes likes likes likes <br>
</div>
<!-- dislikes -->
<div class="container" style="margin-top: 3px; border: 1px solid black; height: auto; padding: 3px; background-color: #fff;">
<b>:(</b>
dislikes dislikes dislikes dislikes dislikes dislikes
</div>
</div>
</div>
</div>
<!-- stamps / buttons-->
<div class="nav flex-column" role="tablist" style="border: 1px solid black; height: 35px; margin-top: 3px; padding: 1px;">
<ul class="nav nav-justified">
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#about" style="padding: 0px;"><img src="https://media.discordapp.net/attachments/795593658370883592/795596785821286420/22_by_gur0h-da0w1y3.png?ex=65801c3f&is=656da73f&hm=7ef53c763034dc6cdb4dd9e3023890f8d70e0608195647a2d38a373a62de1d17&=&format=webp&quality=lossless&width=147&height=83" width=55></a></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#ehehe" style="padding: 0px;"><img src="https://cdn.discordapp.com/attachments/795593658370883592/1100208260096729158/tumblr_49ed1d14add1fdb937fe2514ef3b7fd3_d2fe73b6_100.png?ex=6580dbca&is=656e66ca&hm=2481ab5d0c760e62c1e6334c1137f097e89239a69b87437825f64f59b2a9fbac&" width=55></a></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#oogieboogie" style="padding: 0px;"><img src="https://media.discordapp.net/attachments/795593658370883592/795596728153538591/tumblr_inline_oghl8wctlX1t0d9h6_500.png?ex=65801c31&is=656da731&hm=4d953cfa32d824fd0a94507974baa8eaf95fb90eda17720f122bdd3298d7270c&=&format=webp&quality=lossless&width=117&height=66" width=55></a></li>
<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#thimgamajig" style="padding: 0px;"><img src="https://2winkpixellove.carrd.co/assets/images/gallery04/cd306c65.png?v=24e87d06" width=55></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- belo / socials . if you want the socials to be an icon, you can head over to https://fontawesome.com/search and replace "link" with the code of the icon (i can't explain) -->
<div class="container" style="border: 1px solid black; margin-top: 5px; width: 388px; font-family: ms gothic; font-size: 9pt; height: 20px">
<span class="float-left">
<a href="link here!!!!!!!!" style="color: #FF69B4;"> link </a>
<i class="fa-regular fa-star" style="color: #FFD700; font-size: 9px;"></i> <!-- star :3 -->
<a href="link here!!!!!!!!" style="color: #FF69B4;"> link </a>
<i class="fa-regular fa-star" style="color: #FFD700; font-size: 9px;"></i>
<a href="link here!!!!!!!!" style="color: #FF69B4;"> link </a>
</span>
<span class="float-right"> <a href="https://toyhou.se/catoonbuttr" title="code by cato :3c"><i class="fa-solid fa-paw" style="color: #FF69B4;"></i></a> </span>
</div>