Flarp Custom HTML

!-- 【 Background 】
---------------------------------------------------- -->
<div class="card rounded-0 border-0" style="position:absolute;top:0;bottom:0;left:0;width:100%;z-index:-1;


  background-color: #000000;
  background-image: url(https://i.ytimg.com/vi/CRVCCj-HPXA/maxresdefault.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;">


</div>
<div class="container-fluid my-5 px-0">
  <div style="background: #FFFF; color: #222; letter-spacing: .45px;" class="bg-faded container-fluid card p-lg-5 p-md-4 p-3">
      <!------- content block ---------------->
  <div class="card border-0 d-block p-lg-4 p-3" style="font-size: 10pt; letter-spacing: .4px; border-radius: 1em;">

    <h1 class="display-4 text-right mb-3" style="letter-spacing: 2px;">
      Flarp name goes here
    </h1><p class="text-right mb-0" >
        <div class="col-md pl-md-2">
        <p style="letter-spacing: 1.5px; font-weight: 300;" class="text-right mb-3">
          Flarp Theme goes
        </p>
        <img src="https://media.discordapp.net/attachments/777564028628631552/785767057131438080/image0.png?width=408&height=381"

        class="d-block" style="max-height: 300px; max-width: 450px;">

      <div class="col-md pl-md-2">
</div></div>
         <div class="col-right">
                    <div class="col-12">
                        <span class="text-uppercase text-muted" style="letter-spacing:1px;">Gender</span>
                        <span class="pull-right">Content</span></p>
                        <hr class="my-2">
                    </div>

                    <div class="col-12">
                        <span class="text-uppercase text-muted" style="letter-spacing:1px;">Age</span>
                        <span class="pull-right">Content</span></p>
                        <hr class="my-2">
                    </div>

                    <div class="col-12">
                        <span class="text-uppercase text-muted" style="letter-spacing:1px;">Voice Claim</span>
                        <span class="pull-right">Content</span></p>
                        <hr class="my-2">
                    </div>

                    <div class="col-12">
                        <span class="text-uppercase text-muted" style="letter-spacing:1px;">Flarp Race</span>
                        <span class="pull-right">(or species)</span></p>
                        <hr class="my-2">
                    </div>

                    <div class="col-12">
                        <span class="text-uppercase text-muted" style="letter-spacing:1px;">Job</span>
                        <span class="pull-right">Content</span></p>
                        <hr class="my-2">
                    </div>

                    <div class="col-12">
                        <span class="text-uppercase text-muted" style="letter-spacing:1px;">Value</span>
                        <span class="pull-right">$$$</span></p>
                    </div>
                </div>
            </div>
        </div>