[F2U] rectangled (CODE)

<!--- rectangled by onethird
      thank you for using! rules are here: https://toyhou.se/~forums/16.htmlcss-graphics/241166.-onethird-s-f2u-codes-

--->
<div class="container p-0 bg-faded mt-4" style="width:320px;">
    <div class="card rounded-0 border-0" style="height:100px; background:url(IMGURL); background-position:center; background-size:cover;"></div>
    <div class="row my-1">
        <div class="col-12 text-center">

<!--- basic info -->
            <p class="font-weight-bold" style="letter-spacing:1px;"><i class="fa-solid fa-star px-2"></i></i>name. age. prns<i class="fa-solid fa-star px-2"></i></p>
        </div>
    </div>
    <div class="card rounded-0 border-0 overflow-auto text-center p-1" style="max-height:130px; font-size:12.5px;">
        
<!--- text --->
        <p class="m-auto">Expands + scrolls. 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 class="row my-1">
        <div class="col-12 text-center">

<!--- socials --->
            <a href="#" data-toggle="tooltip" title="username"><i class="fa-brands fa-instagram"></i></a> /
            <a href="#" data-toggle="tooltip" title="username"><i class="fa-brands fa-tumblr"></i></a> /
            <a href="#" data-toggle="tooltip" title="username"><i class="fa-brands fa-twitter"></i></a> /
            <a href="#" data-toggle="tooltip" title="username"><i class="fa-brands fa-discord"></i></a> /
            <a href="#" data-toggle="tooltip" title="username"><i class="fa-brands fa-youtube"></i></a>
        </div>
    </div>
</div>
<!--- credit, do not remove --->
<div class="col-12 p-0 mx-auto text-right" style="width:320px;">
            <a href="https://toyhou.se/onethird" data-toggle="tooltip" title="code by onethird"><i class="fas fa-code fa-xs"></i></a>
</div>