TH Theme, F2U, Character Simple Soup

<!--- Main container / Cool background --->
<div class="container-fluid px-2 py-2 " style="max-width: 990px; border-radius:2em">

    <div class="card py-4 px-5 m-5 bg-faded" style="border-radius:2em">

    <div class="row">
    <div class="col-sm">
     <H1 class="text-primary font-weight-bold pull-right p-2"><i class="far fa-star " ></i> Character Name</H1>
     <hr>

        <div class="row">

            <div class="col-sm">
            <span class="font-weight-bold text-muted">Name</span>
            </div>
            <div class="col-sm">

                <span class="pull-right">INFO</span>
            </div>

        </div>

    <hr class="my-2">

            <div class="row">

            <div class="col-sm">
            <span class="font-weight-bold text-muted">Age</span>
            </div>
            <div class="col-sm">

                <span class="pull-right">INFO</span>
            </div>

        </div>
    <hr class="my-2">
            <div class="row">

            <div class="col-sm">
            <span class="font-weight-bold text-muted">Race</span>
            </div>
            <div class="col-sm">

                <span class="pull-right">INFO</span>
            </div>

        </div>
    <hr class="my-2">
            <div class="row">

            <div class="col-sm">
            <span class="font-weight-bold text-muted">Gender</span>
            </div>
            <div class="col-sm">

                <span class="pull-right">INFO</span>
            </div>

        </div>

        <hr class="my-2">
            <div class="row">

            <div class="col-sm">
            <span class="font-weight-bold text-muted">Sexuality</span>
            </div>
            <div class="col-sm">

                <span class="pull-right">INFO</span>
            </div>

        </div>

        <hr class="my-2">
            <div class="row">

            <div class="col-sm">
            <span class="font-weight-bold text-muted">Role</span>
            </div>
            <div class="col-sm">

                <span class="pull-right">INFO</span>
            </div>

        </div>
    <br>
        <h1 class="text-right text-muted font-italic" style="font-size:14px">Little blurb/quote/whatever you want</h1>
        <br>
        <h2 class="text-muted center text-center" style="font-size:17px">

            <a href="/LINK">Link</a> // <a href="/LINK">Link</a> // <a href="/LINK">Link</a> // <a href="/LINK">Link</a>




        </h1>

    </div>
    <div class="col-sm">
      <img src="https://via.placeholder.com/350" width=100%" style="border-radius:2em">

    </div>

    </div>

</div>

<!--- Code credit, please don't remove D: --->
<center><span class="px-0 m-2"><a href="https://toyhou.se/sluggycodes"> <i class="fas fa-feather-alt fa-3x"></i> </a> </span> </center>