(F2U) OFF Mortis Ghost Profile (Code)

    <div class="p-2" style="background: #000000;">

    <div class="row no-gutters">

        <div class="col-lg-3 pt-1">

            <div class="card rounded-0 border-0" style="background-color:#2f342e">

                <div class="row no-gutters">

                    <div class="mt-1" style="background: url(https://static.wikia.nocookie.net/offgame/images/b/b0/FaceSet-Batter.png); center; background-size: cover; height: 160px; width: 160px">

                        </div>

                    <div class="col-lg-12 col-4 p-2;" style="height: 295px; overflow: auto;">

                        <div class="d-flex mb-1 px-3 d-flex justify-content-between">

                            <div style="color:#daad61;"><h6><b>Name</b></h6></div>

                            <span style="color:white;">Theodore</span>

                        </div>

                        <div class="d-flex mb-1 px-3 d-flex justify-content-between">

                            <div style="color:#daad61;"><h6><b>Alias</b></h6></div>

                            <span style="color:white;">The Batter</span>

                        </div>

                        <div class="d-flex mb-1 px-3 d-flex justify-content-between">

                            <div style="color:#daad61;"><h6><b>Gender</b></h6></div>

                            <span style="color:white;">Masculine</span>

                        </div>

                        <div class="d-flex mb-1 px-3 d-flex justify-content-between">

                            <div style="color:#daad61;"><h6><b>Pronouns</b></h6></div>

                            <span style="color:white;">He/They/It</span>

                        </div>

                        <div class="d-flex mb-1 px-3 d-flex justify-content-between">

                            <div style="color:#daad61;"><h6><b>Bithdate</b></h6></div>

                            <span style="color:white;">???</span>

                        </div>

                        <div class="d-flex mb-1 px-3 d-flex justify-content-between">

                            <div style="color:#daad61;"><h6><b>Age</b></h6></div>

                            <span style="color:white;">Adult</span>

                        </div>

                        <div class="d-flex mb-1 px-3 d-flex justify-content-between">

                            <div style="color:#daad61;"><h6><b>Species</b></h6></div>

                            <span style="color:white;">Purifier</span>

                        </div>

                        <div class="d-flex mb-1 px-3 d-flex justify-content-between">

                            <div style="color:#daad61;"><h6><b>Occupation</b></h6></div>

                            <span style="color:white;">Savior</span>

                        </div>

                        <div class="d-flex mb-1 px-3 d-flex justify-content-between">

                            <div style="color:#daad61;"><h6><b>Orientation</b></h6></div>

                            <span style="color:white;">Asexual</span>

                        </div>

                        <div class="d-flex mb-1 px-3 d-flex justify-content-between">

                            <div style="color:#daad61;"><h6><b>Color</b></h6></div>

                            <span style="color:white;">White</span>

                        </div>

                        <div class="d-flex mb-1 px-3 d-flex justify-content-between">

                            <div style="color:#daad61;"><h6><b>Voice</b></h6></div>

                            <span class="my-auto pl-1"><a href="URLHERE">Voice Claim</a></span>

                        </div>

                        <div class="d-flex mb-1 px-3 d-flex justify-content-between">

                            <div style="color:#daad61;"><h6><b>Theme</b></h6></div>

                            <span class="my-auto pl-1"><a href="https://www.youtube.com/watch?v=t-9xbgTHpLA">Pepper Steak</a></span>

                        </div>

                    </div>

                </div>

            </div>

        </div>

        <div class="col-lg pl-lg-3 pt-1">

            <div class="card border-0 rounded-0 py-1" style="background-color:#2f342e">

            <div class="p-2" style="color:#daad61; font-size: 1.4rem;"><b>About</b></div>

                <div class="px-2" style="height: 167px; overflow: auto; color:white">

                    <p>The Batter appears to be reticent and unfeeling, often speaking in as few words as possible. He is determined to purify the Zones, is very straightforward about his intentions, and does not seem to give his own actions much thought. Observant, the Batter is very smart and can solve puzzles with ease, but allows the Player to solve them for themselves rather than deciphering it on his own. He appears to be meticulous in the way he goes about completing his mission and does not like to be held up by distractions. Why he is driven to purify the world remains vague to both the player and the people around him</p>

                </div>

            </div>

            <div class="row no-gutters">

  <div class="col-md-6 py-1">

    <div class="p-2" style="background-color:#2f342e">

        <div class="p-0" style="color:#daad61; font-size: 1.2rem;"><b>Competences</b></div>

      <div style="height: 179px; overflow: auto; color:white">

          <p><b>Wide Angle-</b>Analyzes the enemies' characteristics</p>

          <p><b>Save First Base-</b>Heals an ally</p>

          <p><b>Run with Courage-</b>Deals Metal damage</p>

          <p><b>Furious Homerun-</b>Special attack of low impact</p>

          <p><b>Save Second Base-</b>Restores a lot of HP</p>

    </div>

    </div>

  </div>

  <div class="col-md-3 p-1">

    <div class="p-2" style="background-color:#2f342e">

        <div class="p-0" style="color:#daad61; font-size: 1.2rem;"><b>Likes</b></div>

      <div style="height: 179px; overflow: auto; color:white"><ul>

                  <li>Purification

                  <li>Sunsets

                  <li>Rollercoasters

                  <li>Dad jokes

                  </li>

    </div>

  </div>

  </div>

  <div class="col-md-3 py-1">

    <div class="p-2" style="background-color:#2f342e">

        <div class="p-0" style="color:#daad61; font-size: 1.2rem;"><b>Dislikes</b></div>

      <div style="height: 179px; overflow: auto; color:white"><ul>

                  <li>Spectres

                  <li>Shotguns

                  </li>

    </div>

</div>

</div>

</div>

</div>

<div class="card col-lg-12 rounded-0 border-0 px-1 text-white" style="background: #2f342e;">

        <div class="p-2" style="color:#daad61; font-size: 1.4rem; center"><b><p align="center"><span class="ml-1" style="color: #daad61;"><i class="fas fa-quote-left"></i></span>

Taste my holy wrath, corrupt souls.

  <span class="mr-1" style="color: #daad61;"><i class="fas fa-quote-right"></i></span></p></b></div>

            </div>

            <div class="row no-gutters py-1">

            <div class="col-6 p-0">

            <div class="card border-0 rounded-0 py-1" style="background-color:#2f342e">

            <div class="p-2" style="color:#daad61; font-size: 1.4rem;"><b>Trivia</b></div>

                <div class="px-2" style="height: 167px; overflow: auto; color:white">

                    <ul>

                  <li>In some concept art, the Batter wields two Baseball bats</li>

                  <li>The Batter made an official appearance in the cancelled platform fighting game, Indie Game Battle</li>

                  <li>The Batter would not dab, isn't a fun guy, but likes dad jokes</li>

                </ul>

                </div></div></div>

                <div class="col-6 px-1">

            <div class="card border-0 rounded-0 py-1" style="background-color:#2f342e">

            <div class="p-2" style="color:#daad61; font-size: 1.4rem;"><b>Ribbons</b></div>

                <div class="px-3" style="height: 167px; overflow: auto">

    <div class="row">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

    <img data-toggle="tooltip" title="TITLE" src="https://cdn.discordapp.com/attachments/796502758067798046/944319665348427846/ribbon_empty.png">

            </div>

            </div>

            </div>

            </div>

            </div>

            </div>

            </div>

            <div class="text-secondary text-center mt-3" style="font-size:0.8rem;">

        <a href="https://toyhou.se/SamCrystalHeart" target="_blank" class="tooltipster text-muted"><i class="fas fa-circle" style="color: #daad61;"></i></a>

                    </div>