<!--------------------------
Hello and thank you for using Mini!
Some quick info you should know:
- PLEASE DO NOT REMOVE CREDIT
- Turn off WYSIWYG, there is no guarantee it will work with it on
- The main colour is #61BAB9 and the secondary colour is #fff
- For longer names you may have to change the size of the font
- The BG here was also made by CanadianLyynx, go here for more BGs!! https://toyhou.se/6259293.-f2u-transparent-patterns
- Please PM if you have any questions or concerns ----------------->
<div class="row no-gutters justify-content-between mx-auto p-3" style="max-width:500px;background: #61BAB9 url(https://f2.toyhou.se/file/f2-toyhou-se/images/21853921_suhP81TgLmteMT4.png) fixed center;border-radius:5px">
<!------------------------left------------------------------->
<div class="col-6 p-3" style="background:#fff center fixed;border-top-left-radius: 5px;border-bottom-left-radius: 5px;">
<!------------------------bg------------------------------->
<div class="col-4 p-1 mt-1 justify-content-centre">
<div class="rounded-circle card border-0 p-3" style="background:#61BAB9 url(https://f2.toyhou.se/file/f2-toyhou-se/images/21853921_suhP81TgLmteMT4.png) center fixed;height:200px;width:200px;">
<!------------------------image------------------------------->
<div class="rounded-circle flex-grow-1 card border-0" style="background: url(here) top no-repeat;background-size:cover">
</div>
</div>
</div>
</div>
<!------------------------right------------------------------->
<div class="col-6 p-1" style="background:#fff center fixed;border-top-right-radius: 5px;border-bottom-right-radius: 5px;">
<!------------------------Info------------------------------->
<div class="col-12 text-center text-uppercase p-0" style="font-size:30px;letter-spacing:10px;color:#61BAB9">
<div>name</div>
</div>
<div class="col-12 p-0">
<div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
Nickame</span>
<span class="text-right text-muted text-lowercase">
info</span>
</div>
<div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
Age</span>
<span class="text-right text-muted text-lowercase">
info</span>
</div>
<div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
Gender</span>
<span class="text-right text-muted text-lowercase">
info</span>
</div>
<div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
Pronouns</span>
<span class="text-right text-muted text-lowercase">
info</span>
</div>
<div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
Birthday</span>
<span class="text-right text-muted text-lowercase">
info</span>
</div>
<div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#61BAB9">
Orientation</span>
<span class="text-right text-muted text-lowercase">
info</span>
</div>
</div>
</div>
</div>
<!------------------------CREDITS DO NOT REMOVE------------------------------->
<div class="col-12 container p-0 text-primary text-right" style="font-size:10px;width:500px">
<a href="/canadianlyynx">
<i class="far fa-paw" style="color:#61BAB9">
</i>
</a>
</div>