Slim Simple Info

<!--

  Replacing images, the easy way!

  1. Click Ctrl F on your keyboard.
  2. In the "search for" section, place the link you want to replace.
  3. Click the plus sign.
  4. In the "Replace with" section, place your image link and press the replace button!

  Avatar : https://via.placeholder.com/1920x1080/?text=ref

-------------------------------------

  Replacing colors, the easy way!

    1. Click Ctrl F on your keyboard.
    2. In the "search for" section, place the color you want to replace.
    3. Click the plus sign.
    4. In the "Replace with" section, place your image hex code and press the all button!

  Current Color : #1D906C

-------------------------------------

  TERMS OF SERVICES
  1. DO NOT remove my credits. I tried to make them small.
  2. DO NOT advertise my codes or modify my codes to advertise as your own.
  3. My codes are for personal use only.
  4. Do not turn on WYSIWYG when using my code- it will break it!
  5. Do not steal, claim, redistribute or heavily reference my codes.
      5a. Redistributing my codes that you edited still falls under stealing.
  6. I will block and blacklist anyone who breaks these rules.
  7. Let me know when you use my code in my HTML forum post!

  This HTML was created by @redenvii.

-->
<div class="container">
  <div class="container-fluid text-center">
    <div class="card border-0 rounded-0 p-3 display-2" style="background-color:1D906C;">Character Name</div>

    <div class="p-2"></div>

    <div class="card border-0 rounded-0 p-2 bg-faded">

      <div class="text-muted display-4">"Character Quote goes here..."</div>
    <div class="p-2"></div>

      <div class="text">
        Write a simple blurb about your characters personality, how they behave, etc!
      </div>

      <div class="p-2"></div>

          <div class="row justify-content-center">

          <div class="col-sm">
            <div class="card border-0 rounded-0 p-3 display-4" style="background-color:1D906C;">Likes</div>
            <div class="card border-0 rounded-0 p-1">
              <div class="p-1"></div>
              <ul class="list-unstyled">
                <li>Like</li>
                <li>Like</li>
                <li>Like</li>
                <li>Like</li>
              </ul>
            </div>
          </div>

          <div class="col-sm">
            <div class="card border-0 rounded-0 p-3 display-4" style="background-color:1D906C;">Dislikes</div>
              <div class="card border-0 rounded-0 p-1">
                <div class="p-1"></div>
              <ul class="list-unstyled">
                <li>Dislike</li>
                <li>Dislike</li>
                <li>Dislike</li>
                <li>Dislike</li>
              </ul>
            </div>
          </div>

        </div>

        <div class="p-2"></div>

        <div class="card border-0 rounded-0 p-2">
          <img src="https://via.placeholder.com/1920x1080/?text=ref">
        </div>

        <div class="p-2"></div>

        <div class="card border-0 rounded-0 p-3 display-4" style="background-color:1D906C;">Design Notes</div>
         <div class="card border-0 rounded-0 p-1 text-left">
              <div class="p-1"></div>
              <ul>
                <li>Note</li>
                <li>Note</li>
                <li>Note</li>
              </ul>
            </div>

    </div>
    <div class="text-muted float-right">html by @codenvii</div>
  </div>
</div>