MODULAR: Basics 1.0

  <!-- BASICS START
To add a new pair of label+answer add:
    <div class="p-1 d-flex justify-content-between mb-1">
    <span class="text-uppercase text-white">Label
    </span>Answer
    </div>
This bit of code:
    <div class="col-md-6 col-sm-12">
Is where the top of the two columns is. Don't delete it but that's what it is if you're trying to keep things even.
-->
  <div class="row">
    <div class="col-12 p-2">
      <div class="text-light bg-dark p-3">
        <div class="text-uppercase d-flex justify-content-between" style="letter-spacing:3px; font-size:20px;">
          BASICS
        </div>
        <hr class="bg-white w-100">
        <div class="p-1">
          <div class="row">
            <div class="col-md-6 col-sm-12">
              <div class="p-1 d-flex justify-content-between mb-1">
                <span class="text-uppercase text-white">Name
                </span>First "Nickname" Last
              </div>
              <div class="p-1 d-flex justify-content-between mb-1">
                <span class="text-uppercase text-white">Pronouns
                </span>xxx/xxx/xxx
              </div>
              <div class="p-1 d-flex justify-content-between mb-1">
                <span class="text-uppercase text-white">Gender
                </span>???gender
              </div>
              <div class="p-1 d-flex justify-content-between mb-1">
                <span class="text-uppercase text-white">Orientation
                </span>???sexual
              </div>
            </div>
            <div class="col-md-6 col-sm-12">
              <div class="p-1 d-flex justify-content-between mb-1">
                <span class="text-uppercase text-white">Age
                </span>Young Adult
              </div>
              <div class="p-1 d-flex justify-content-between mb-1">
                <span class="text-uppercase text-white">Birthday
                </span>?????ber ??th
              </div>
              <div class="p-1 d-flex justify-content-between mb-1">
                <span class="text-uppercase text-white">Species
                </span>
                <a class="text-muted" href="URL HERE">??????
                </a>
              </div>
              <div class="p-1 d-flex justify-content-between mb-1">
                <span class="text-uppercase text-white">Designer
                </span>
                <a class="text-muted" href="URL HERE">??????
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- BASICS END -->