[F2U HTML] Smol user (Code (BS))

<div class="container bg-faded p-3 mt-2" style="max-width:700px; min-heigh:350px; border-radius:20px;">
    <div class="row no-gutters">
        
<!-- ---------- PAGEDOLL IMAGE ---------- -->
        <div class="col-md-5">
            <div class="h-100" style="background-image:url(IMAGE_URL); background-position:center; background-repeat:no-repeat; background-size:contain; min-height:350px;">
            </div>
        </div>
        
        <div class="col-md-7">
        <div class="row no-gutters">
        
<!-- ---------- HEADER ---------- -->
        <div class="col-md-12">
            <div class="card border-0 m-1 p-3" style="min-height:50px;">
                
                <h1 class="text-center text-uppercase display-4" style="letter-spacing:2px; font-size:1.7rem"><i class="fal fa-star fa-sm"></i> NameHere <i class="fal fa-star fa-sm"></i></h1>
                <hr class="w-100 mt-auto mb-2">
                <div class="text-center text-uppercase" style="letter-spacing:1px; font-size:0.7rem">Age • prn/prn • Other thing</div>
                
            </div>
        </div>
        
<!-- ---------- MAIN CONTENT ---------- -->
        <div class="col-md-12">
            <div class="card d-flex justify-content-around text-center border-0 m-1 p-3" style="min-height:180px;">
               
  <p>
    Intended to be a user profile. This box doesn't scroll btw so maybe keep it short n sweet. 
  </p>
  <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.
  </p>
                
            </div>
        </div>
        
<!-- ---------- FOOTER ---------- -->
        <div class="col-md-12">
            <div class="card text-center border-0 m-1 p-3" style="min-height:30px;">
                
                <div style="letter-spacing:1.5px; font-size:0.7rem">
                    <a href="-">Sitename</a> • 
                    <a href="-">Sitename</a> •
                    <a href="-">Sitename</a>
                </div>
                
            </div>
        </div>
        
<!-- ---------- END ---------- -->
        </div>
        </div>
        
    </div>
</div>

<div class="container text-muted text-right my-1" style="max-width:700px; font-size:smaller;">
    <a href="-" class="tooltipster text-muted" title="Pagedoll image by -"><i class="far fa-image"></i></a> • 
    <a href="https://toyhou.se/23295420.f2u-html-smol-user" class="tooltipster text-muted" title="Code by PastaTrash"><i class="far fa-code"></i></a>
</div>