f2u - the lost chord

<!-- F2U - THE LOST CHORD
find and replace to change colours!
top bar: #202932
bottom bar: #b45944 -->

<div class="container-fluid" style="max-width:550px">
<p class="m-2" style="font-size:20px"></p>
<div class="row">
   <div class="card rounded-0 col-sm-7" style="background-color:#202932; min-height:30px"></div>
   <!--LINKS-->
               <div class="container col-sm-5"><a href="link">LINK</a> / <a href="link">LINK</a> / <a href="link">LINK</a></div>
 <div class="card rounded-0 col-sm-3 p-0">
   <!--MAIN IMAGE-->
               <div class="card rounded-0" style="background:url(IMAGE URL HERE); background-size:cover; background-position:center; background-repeat:no-repeat; height:230px">
</div>
    </div>
    <!--MAIN TEXT-->
             <div class="card col-sm-9 p-3"><h4>NAME . AGE . PRNS </h4>
             <div class="container" style="max-height:170px; overflow:auto">
                <p>introduce yourself here! this box scrolls ^^ </p></div>
    </div>
    <!--SONG LINK-->
             <div class="container col-sm-5" style="text-align:right"><a href="SONG LINK HERE"><i class="fas fa-play p-2"></i>now playing . . .</a></div>
    <div class="card rounded-0 col-sm-7" style="background-color:#b45944; min-height:30px"></div>
<!--CREDITS, PLEASE DON'T REMOVE!!-->
    </div>
       <a href="/hanyu" class="pull-right" style="font-size:11px">code by hanyu</a>
    </div>