name: content
pronouns/gender: content
birthday/age: content
orientation: content
content: content

text text text text text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.

code by Nels

code:

<div class="card bg-dark mx-auto p-1" style="width:350px">
<div class="row no-gutters ">
        <div class="card p-1" style="width:130px">
            <!--- image --->
            <img src="https://cdn.discordapp.com/attachments/1018721946705334334/1148836332924317816/23220512.png">
        </div>
        <!--- info --->
         <div class="card p-2" style="width:210px;">
           <p>
            <i class="fa-solid fa-user"></i> name: content<br>
            <i class="fa-solid fa-venus-mars"></i> pronouns/gender: content<br>
            <i class="fa-solid fa-cake-candles"></i> birthday/age: content<br>
            <i class="fa-solid fa-heart"></i> orientation: content<br>
            <i class="fa-solid fa-question"></i> content: content<br>
            </p>
        </div>
        <!--- badges --->
        <div class="mx-auto p-1">
                     <span class="badge badge-pill font-weight-normal mx-1" style="background-color:#696969; line-height:inherit; font-size:0.9em">text</span>

                    <span class="badge badge-pill font-weight-normal mx-1" style="background-color:#696969; line-height:inherit; font-size:0.9em">text</span>

                     <span class="badge badge-pill font-weight-normal mx-1" style="background-color:#696969; line-height:inherit; font-size:0.9em">text</span>
                     
                    <span class="badge badge-pill font-weight-normal mx-1" style="background-color:#696969; line-height:inherit; font-size:0.9em">text</span>
                    
                    <span class="badge badge-pill font-weight-normal mx-1" style="background-color:#696969; line-height:inherit; font-size:0.9em">text</span>
        </div>
        </div>
        <div class="card p-1">
<div style="height:100px;overflow:auto;">
 <!--- something here lol --->
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</p>
</div> 
</div>
</div>
<p class="text-muted" style="text-align:center; font-size:10px">code by Nels</p>