Outback

<div class="container-fluid p-2" style="background:url(https://i.ibb.co/ZfGcRjR/QKgBmix.jpg) fixed;">
    <div class="row no-gutters">
        <div class="col-md-2 p-2" style="border-color:transparent;">
            <img class="center" style="text-align:center;" src="https://i.ibb.co/Nm5bNk3/Mermaid-Man-and-Barnacle-Boy-IV-039.jpg">
        </div>
        <div class="col-md-8 p-2"> <br>
                <p style="text-align:center; font-size:54px;">NAME <i style="text-align:center; font-size:larger; font-weight:lighter; font-size:28px;">Outback Steakhouse</i></p>
        </div>
        <div class="col-md-2 p-2" style="border-color:transparent;">
            <img class="center" style="text-align:center;" src="https://i.ibb.co/Nm5bNk3/Mermaid-Man-and-Barnacle-Boy-IV-039.jpg">
        </div>
    </div>
    <div class="card w-40" style="background-color: #FF9F24; border-color: #FF9F24;"></div> <br>
    <div class="card w-40" style="background-color: #FF9F24; border-color: #FF9F24;"></div>
    <div class="row no-gutters">
        <div class="card col-md-4 p-2" style="border-color:transparent;">
            <img class="center" style="text-align:center;" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png"> <!--- image here! --->
        </div>
        <div class="card col-md-8 p-1" style="border-color:transparent;"> <br>
            <ul class="list-group">
                <li class="list-group-item d-flex justify-content-between align-items-center px-2 py-3">
                    <span class="text-uppercase font-weight-bold">gender</span>
                    Gender (pronouns)
                </li>
                <li class="list-group-item d-flex justify-content-between align-items-center px-2 py-3">
                    <span class="text-uppercase font-weight-bold">Birthday</span>
                    mm/dd/yyyy (age)
                </li>
                <li class="list-group-item d-flex justify-content-between align-items-center px-2 py-3">
                    <span class="text-uppercase font-weight-bold">Address</span>
                    Where do they live?
                </li>
                <li class="list-group-item d-flex justify-content-between align-items-center px-2 py-3">
                    <span class="text-uppercase font-weight-bold">Job Title</span>
                    Job Title
                </li>
                <li class="list-group-item d-flex justify-content-between align-items-center px-2 py-3">
                    <span class="text-uppercase font-weight-bold">Start Date</span>
                    mm/dd/yyyy
                </li>
                <li class="list-group-item d-flex justify-content-between align-items-center px-2 py-3">
                    <span class="text-uppercase font-weight-bold">End Date</span>
                    N̵̈́͜E̷̛͚̩̿V̴͔͖̚E̷̩͋̚Ŕ̷̦̱́
                </li>
            </ul>
            <i style="text-align:center;">"Quote"</i>
        </div>

    </div>
    <div class="card w-40" style="background-color: #FF9F24; border-color: #FF9F24;"></div>
    <div class="row no-gutters">
        <div class="card col-md-4">
            <h1 class="text-uppercase p-1" style="text-align:center;">
                What I Bring To the Team
            </h1>
            <p class="p-1">
                > Trait <br>
                > Trait <br>
                > Trait <br>
                > Trait <br>
                > Favourite Dish: text <br>
            </p>
        </div>
        <div class="card col-md-4">
            <h1 class="text-uppercase p-1" style="text-align:center;">
                Relationships
            </h1>
                <li class="d-flex justify-content-between align-items-center px-2 py-3">
                    <span class="text-uppercase font-weight-bold">Relationship</span> <!--- such as manager, friend, enemy, food, so on --->
                        <a target="_blank" href="link">Name</a>
                </li>
                <li class="d-flex justify-content-between align-items-center px-2 py-3">
                    <span class="text-uppercase font-weight-bold">Relationship</span>
                        <a target="_blank" href="link">Name</a>
                </li>
        </div>
        <div class="card col-md-4">
            <h1 class="text-uppercase p-1" style="text-align:center;">
                If you see me, say hi!
            </h1>
            <p class="p-1">
                > Design note <br>
                > Design note <br>
                > Design note <br>
                > Design note <br>
                > Design note <br>
            </p>
        </div>
    </div>
    <div class="card w-40" style="background-color: #FF9F24; border-color: #FF9F24;"></div>
</div>





<!-- Credit - Don't remove please! -->
<a class="pull-right text-muted" target="_blank" href="https://toyhou.se/14218892.outback-profile"><i class="fas fa-cloud-moon"></i><i class="fas fa-ufo p-1"></i><i class="fas fa-radio-alt"></i> skywatchers</a>