<!------------------------
Hello and thank you for using Strawberry!
Some quick info you should know:
- PLEASE DO NOT REMOVE CREDIT
- Turn off WYSIWYG, there is no guarantee it will work with it on
- Stars may be a bit picky and need to be moved using top:200px
- Its best if the image is a transparent png
- Please PM if you have any questions or concerns
Main colour:#FFA8C2
Background: https://f2.toyhou.se/file/f2-toyhou-se/characters/6457998?1585771866
------------------------------->
<div class="mx-auto w-100" style="max-width:650px">
<i class="fas fa-stars"style="font-size:60px;position:absolute;top:200px;left:230px;color:#fff"></i>
<div class="row no-gutters justify-content-center rounded-bottom"style="background: #FFA8C2 url(https://f2.toyhou.se/file/f2-toyhou-se/images/20646585_TyDDMhYCjAW8mkX.png) fixed center;border-top-right-radius: 5px;border-top-left-radius: 20px;">
<!------------------------Image------------------------------->
<div class="col-6 p-1 justify-content-between">
<div class="flex-grow-1 card border-0" style="background: url(https://f2.toyhou.se/file/f2-toyhou-se/characters/7103140?1591038097) top no-repeat;background-size:cover;height:500px">
</div>
</div>
<!------------------------/Image------------------------------->
<div class="col-6 pt-4 pb-4 pr-4 card border-0 justify-content-center" style="background:#FFA8C2 url(https://f2.toyhou.se/file/f2-toyhou-se/images/20646585_TyDDMhYCjAW8mkX.png) center fixed;">
<div class="col-12 border-0 rounded-bottom rounded-top" style="background:#fff">
<!------------------------Info------------------------------->
<div class="col-12 text-center text-uppercase p-0 " style="font-size:30px;letter-spacing:10px;color:#FFA8C2">
<div>name</div>
</div>
<div class="p-0 table-responsive"style="height:400px">
<div class="p-1 justify-content-between">
<span class="text-uppercase px-1" style="letter-spacing: 1px;color:#FFA8C2">
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:#FFA8C2">
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:#FFA8C2">
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:#FFA8C2">
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:#FFA8C2">
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:#FFA8C2">
Orientation</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:#FFA8C2">
Species</span>
<span class="text-right text-muted text-lowercase">
info</span>
</div>
<hr class="border-1 w-100 flex-grow-1 "style="border-color:#FFA8C2">
<div class="text-left"style="color:#FFA8C2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin. In feugiat posuere nulla, eget lobortis ante. Aliquam magna libero, dictum sit amet scelerisque ac, scelerisque tincidunt.
</div>
</div>
</div>
</div>
<!------------------------/Info------------------------------->
</div>
<i class="fas fa-star"style="font-size:60px;position:absolute;top:675px;right:220px;color:#fff"></i>
<!------------------------CREDITS DO NOT REMOVE------------------------------->
<div class="col-12 p-0 text-primary text-left " style="font-size:10px">
<a href="/canadianlyynx">
<i class="far fa-paw" style="color:#FFA8C2">
</i>
</a>
</div>
</div>
