[F2U CODE] MEAT

<!---
MEAT [F2U CODE] by MEATeROTICA

NOTE: First code after a while! Tried to make everything look good but I still think it kind of... isn't good enough, not really sure why? So huh, this code is kind of held by tape so I advise you to be careful while messing around and editing stuff, but overall it should be functional enough. I'm not sure if it's mobile friendly though, since I can't test it. Also, thanks for my comrade V1CES_ for letting me use his character for this code's preview!

To change images, simply select the placeholder images's links and replace it with your image's link instead!

This code has custom colors, to alter things quickly just select the color, cntrl + f and then click all and replace it:

card: #160105
big text: #d30b0b
columns background: #930707


---->


<div class="card card-block" style="border-radius:15px; background-image: url('https://cdn.discordapp.com/attachments/954538638845313075/967965546844913674/unknown.png'); background-attachment: fixed; display: block; margin-left: auto; margin-right: auto; width: 80%;">

<!---card--->

<div class="card card-block" style="background-color: #160105; font-family: andale mono; border-top-right-radius:15px; border-top-left-radius:15px; border-bottom-right-radius:0px; border-bottom-left-radius:0px;">

    <img src= "https://cdn.discordapp.com/attachments/954538638845313075/967965546844913674/unknown.png" class="card p-1 rounded-circle" style="display: block; margin-left: auto; margin-right: auto; width: 20%; background-color: #770c0c; filter: grayscale(50%) data-toggle="tooltip" title="art by ARTIST";">

    <span style="font-size: 32px; text-align: center; font-weight: bold; letter-spacing: 3px; color: #d30b0b;">NAME OR TITLE.</span>

    <span style="font-size: 20px; text-align: center; font-weight: light; letter-spacing: 3px; color: #d30b0b; font-style: italic;"><i class="fas fa-quote-left" style="font-style: italic;"></i></i>Quote. Preferably something short.<i class="fas fa-quote-right" style="font-style: italic;"></i></span>




    <a href="#topcollapse" data-toggle="collapse" class="d-flex justify-content-around"><span style="font-size: 32px; letter-spacing: 3px; color: #d30b0b;"><i class="fas fa-scalpel-path"></i></span></i></a>
  <div id="topcollapse" class="collapse">


  <div class="row no-gutters" style="font-size: 19px; padding: 30px;">
  <div class="col-6 row no-gutters">
    <div class="col-12 p-1">
      <div class="bg-faded p-3" style="background-color: #930707; border-radius: 5px;">
        <p align="center">Name</p>
      </div>
    </div>
    <div class="col-12 p-1">
      <div class="bg-faded p-3" style="background-color: #930707; border-radius: 5px;">
        <p align="center">Pronouns</p>
      </div>
    </div>
    <div class="col-12 p-1">
      <div class="bg-faded p-3" style="background-color: #930707; border-radius: 5px;">
        <p align="center">Age</p>
      </div>
    </div>

    <div class="col-12 p-1">
      <div class="bg-faded p-3" style="background-color: #930707; border-radius: 5px;">
        <p align="center">Gender</p>
      </div>
    </div>

    <div class="col-12 p-1">
      <div class="bg-faded p-3" style="background-color: #930707; border-radius: 5px;">
        <p align="center">Date of birth</p>
      </div>
    </div>
  </div>
  <div class="col-6 row no-gutters">
    <div class="col-12 p-1">
      <div class="bg-faded p-3" style="background-color: #930707; max-height: 400px; overflow-y: auto; border-radius: 5px;">
        <p align="center">Add something here, box scrolls if filled with content. On an exceptionally hot evening early in July a young man came out of the garret in which he lodged in S. Place and walked slowly, as though in hesitation, towards K. bridge. He had successfully avoided meeting his landlady on the staircase. His garret was under the roof of a high, five-storied house and was more like a cupboard than a room. The landlady who provided him with garret, dinners, and attendance, lived on the floor below, and every time he went out he was obliged to pass her kitchen, the door of which invariably stood open. And each time he passed, the young man had a sick, frightened feeling, which made him scowl and feel ashamed. He was hopelessly in debt to his landlady, and was afraid of meeting her. This was not because he was cowardly and abject, quite the contrary; but for some time past he had been in an overstrained irritable condition, verging on hypochondria.</p>
      </div>
    </div>
  </div>
</div>


</div>


    </div>

    <!---card--->

    </div>

    <!---credit, do not remove please!--->

    <p class="justify-content-center" data-toggle="tooltip" title="code by MEATeROTICA"><a href="https://toyhou.se/MEATeROTICA"><i class="fas fa-syringe"></i></a></p>