F2U User profile code! (Code)

<div class="container">

<div class="row">

<div class="col-lg-3"><img src="url here" class="rounded-circle fr-fic fr-dii" width="232.047" height="232.047">

<br>

<p class="text-center text-muted">Something | something | something</p>

<div class="display-3">

<p class="text-center">About Me</p>

</div>

<br>

<p class="text-center">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 class="display-3">

<p class="text-center">Interests</p>

</div>

<br>

<p class="text-center">- Something

<br>- Something

<br>- Something

<br>- Something

<br>- Something

<br>- Something

<br>- This can pretty much be as long a list as you want!</p>

</div>

<div class="col-lg-3">

<div class="display-3">

<p class="text-center">Socials</p>

</div>

<br>

<div class="card">

<div class="card-body">

<h4 class="card-title">

<p class="text-center">Social 1</p>

</h4>

<p class="card-text">

<br>

</p>

<p class="text-center">Little description</p>

<p class="text-center"><a class="btn btn-primary" href="link">GO</a></p>

</div>

</div>

<br>

<div class="card">

<div class="card-body">

<h4 class="card-title">

<p class="text-center">Social 2</p>

</h4>

<p class="card-text">

<br>

</p>

<p class="text-center">Little description</p>

<p class="text-center"><a class="btn btn-primary" href="link">GO</a></p>

</div>

</div>

<br>

<div class="card">

<div class="card-body">

<h4 class="card-title">

<p class="text-center">Social 3</p>

</h4>

<p class="card-text">

<br>

</p>

<p class="text-center">little description</p>

<p class="text-center"><a class="btn btn-primary" href="link">GO</a></p>

</div>

</div>

<br>

<p class="text-center">

<br>

</p>

<div class="card">

<div class="card-body">

<h4 class="card-title">

<p class="text-center">Social 4</p>

</h4>

<p class="card-text">

<br>

</p>

<p class="text-center">Little description</p>

<p class="text-center"><a class="btn btn-primary" href="link">GO</a></p>

</div>

</div>

<br>

<div class="card">

<div class="card-body">

<h4 class="card-title">

<p class="text-center">Social 5</p>

</h4>

<p class="card-text">

<br>

</p>

<p class="text-center">Little description</p>

<p class="text-center"><a class="btn btn-primary" href="link">GO</a></p>

</div>

</div>

<br>

</div>

<div class="col-lg-3">

<div class="display-3">

<p class="text-center">Favourite songs</p>

</div>

<br>

<div class="h1">

<p class="text-center">Song Title</p>

</div>

<div class="progress" style="width:270px;border-radius:60px;">

<div class="progress-bar progress-bar-striped progress-bar-animated" style="height:35px;background-color:rgb(153, 0, 255);">

<audio controls="" style="mix-blend-mode: darken;padding:5px; width:270px;height:35px;border-radius:60px;opacity:0.7;">

<source src="link">

</audio>

</div>

</div>

<br>

<div class="h1">

<p class="text-center">Song Title</p>

</div>

<div class="progress" style="width:270px;border-radius:60px;">

<div class="progress-bar progress-bar-striped progress-bar-animated" style="height:35px;background-color:rgb(153, 0, 255);">

<audio controls="" style="mix-blend-mode: darken;padding:5px; width:270px;height:35px;border-radius:60px;opacity:0.7;">

<source src="link">

</audio>

</div>

</div>

<br>

<div class="h1">

<p class="text-center">Song Title</p>

</div>

<div class="progress" style="width:270px;border-radius:60px;">

<div class="progress-bar progress-bar-striped progress-bar-animated" style="height:35px;background-color:rgb(153, 0, 255);">

<audio controls="" style="mix-blend-mode: darken;padding:5px; width:270px;height:35px;border-radius:60px;opacity:0.7;">

<source src="Link">

</audio>

</div>

</div>

<br>

<div class="h1">

<p class="text-center">Song Title</p>

</div>

<div class="progress" style="width:270px;border-radius:60px;">

<div class="progress-bar progress-bar-striped progress-bar-animated" style="height:35px;background-color:rgb(153, 0, 255);">

<audio controls="" style="mix-blend-mode: darken;padding:5px; width:270px;height:35px;border-radius:60px;opacity:0.7;">

<source src="Link">

</audio>

</div>

</div>

<br>

<div class="display-3">

<p class="text-center">Art Statuses</p>

</div>

<br>

<div class="h1">

<p class="text-center">Art Trades</p>

<p class="text-success text-center">OPEN</p>

</div>

<div class="h1">

<p class="text-center">Commissions</p>

<p class="text-warning text-center">MAYBE</p>

</div>

<div class="h1">

<p class="text-center">Requests</p>

<p class="text-center text-danger">CLOSED</p>

</div>

<br>

<a href="https://toyhou.se/EmbeeBumble">

<p class="text-center">Code by Embee</p>

</a>

</div>

<a href="https://toyhou.se/EmbeeBumble"></a>

</div>

</div>