[F2U] mobius (CODE)

<!--- mobius (updated) 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" style="max-width:400px; font-size:12px;">
    <div class="card rounded-0 border-top-0 border-right-0 border-bottom-0" style="background:transparent;">
        <div class="row no-gutters pl-2">
            
<!--- img 1 --->
            <div class="col-12">
                <div class="card rounded-0 border-0 my-1" style="height:125px; background:url(IMGLINK); background-size:cover; background-position:center;"></div>
            </div>
            
<!--- img 2 --->
            <div class="col-12">
                <div class="card rounded-0 border-0 my-1" style="height:125px; background:url(IMGLINK); background-size:cover; background-position:center;"></div>
            </div>
            <div class="col-12">
                
<!--- img 3 --->
                <div class="card rounded-0 border-0 my-1" style="height:125px; background:url(IMGLINK); background-size:cover; background-position:center;"></div>
            </div>
        </div>
        
<!--- info --->
        <h2 class="pl-2 pt-1">NAME . AGE . PRNS <i class="fa-regular fa-moon"></i></h2>
        <p class="text-justify pl-2">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>
    
<!--- social media --->
    <p class="text-right text-muted" style="font-size:15px;">
        <a href="#" data-toggle="tooltip" title="social"><i class="fa-brands fa-instagram"></i></a> .
        <a href="#" data-toggle="tooltip" title="social"><i class="fa-brands fa-discord"></i></a> .
        <a href="#" data-toggle="tooltip" title="social"><i class="fa-brands fa-tumblr"></i></a> .
        <a href="#" data-toggle="tooltip" title="social"><i class="fa-brands fa-deviantart"></i></a> .
        <!--- credit, do not remove --->
        <a href="https://toyhou.se/onethird" data-toggle="tooltip" title="code by onethird"><i class="fa-solid fa-code"></i></a>
    </p>
</div>