#002 // Plain

<div class="card-group">
<div class="card">
  <div class="card-header bg-primary">
    Basics
  </div>
  <div class="card-body" style="margin:20px;letter-spacing:0.2em;">
    <center>
      <strong>Full Name</strong>: [info]
      <br><strong>Aliases</strong>: [info]
      <br><strong>Gender</strong>: [info]
      <br><strong>Age</strong>: [info]
      <br><strong>DoB</strong>: [info]
      <br><strong>Species</strong>: [info]
      <br><strong>Height</strong>: [info]
      <br><strong>Weight</strong>: [info]
      <br><strong>Creator</strong>: @/username
      <br><strong>Obtained</strong>: [info]
      <br><strong>Worth</strong>: [info]
      <br><strong>Owner</strong>: @/username
      <br><strong>Theme</strong>: <a href="link to song goes here">[info]</a>
    </center>
  </div>
</div>
<div class="card">
  <div class="card-header bg-primary">
    Personality
  </div>
    <div class="card-body" style="margin:20px;">
      <p>
        Write about your character's personality here. Ut id velit egestas, auctor felis rutrum, dignissim lorem. Maecenas dictum, sem sed rutrum pretium, neque purus tempor eros, in elementum libero leo non nibh. Aliquam pellentesque consectetur ornare. Aliquam erat volutpat. Fusce sit amet fermentum ex. Mauris cursus, tellus eu dictum rhoncus, risus tortor iaculis ante, ac efficitur ipsum tellus a neque. Mauris gravida lectus non massa posuere pulvinar. Nunc consectetur ex eget dolor gravida mollis. Fusce consequat consectetur blandit. Donec non molestie tortor. Aliquam dapibus pellentesque eros eu pharetra. Etiam ultrices mauris at turpis imperdiet, sed convallis nunc luctus. Vestibulum in lectus non augue pulvinar bibendum. Aenean tincidunt, elit id ullamcorper maximus, ex massa ultricies enim, eget auctor augue nunc ac diam. Quisque vitae placerat mi, at rhoncus nisl. Praesent consectetur felis fringilla diam posuere, vitae vehicula dolor blandit.
      </p>
    </div>
</div>
</div>
<br>
<div class="card-group">
  <div class="card">
    <div class="card-header bg-primary">
      Story
    </div>
    <div class="card-body" style="margin:20px;">
      <h2>
        Subheader
      </h2>
      <hr style="text-align:left;margin-left:0;width:50%;">
      <p>
        In eu nunc in magna vestibulum pretium. In eget nibh eu elit feugiat convallis a non lorem. Curabitur fringilla lectus a auctor accumsan. Ut dapibus augue vitae leo ullamcorper auctor a eget nisl. Donec et quam sit amet metus egestas ornare quis quis erat. Nulla facilisi. Vivamus rutrum mi eu tempus lacinia. In laoreet vehicula nisl id blandit. Mauris feugiat orci eros, sit amet tincidunt mi faucibus et. Cras eu eros id nisi egestas sagittis et ac odio. Morbi vel tellus augue. Donec quis purus ut neque pulvinar aliquet at nec lacus. Nam dui arcu, pellentesque sit amet turpis dictum, rutrum pellentesque ex. Duis placerat interdum massa, in aliquam magna eleifend sit amet. Phasellus fermentum vestibulum ante ut rutrum. Donec et mollis est.
      </p>
      <p>
        Quisque aliquet nulla eget viverra tristique. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas elit nibh, ac viverra ex maximus rutrum. Maecenas arcu neque, volutpat sed ipsum nec, interdum sodales tortor. Donec eu arcu eleifend, placerat dolor ut, ornare metus. Sed semper posuere maximus. Quisque id rutrum nisl, ut mattis massa. Donec quis feugiat metus, vitae vehicula sem. Aenean eleifend, tortor et pretium posuere, augue dui dignissim massa, at facilisis ex sem in est. Duis hendrerit urna quis enim condimentum, semper efficitur justo aliquet. Ut nec felis sit amet erat sodales vehicula ac eget arcu.
      </p>
      <h2>
        Subheader
      </h2>
      <hr style="text-align:left;margin-left:0;width:50%;">
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vel nibh at quam viverra blandit. Nullam nisi odio, pulvinar eget volutpat et, pretium quis turpis. Proin ornare magna a quam efficitur bibendum. Aenean accumsan imperdiet dolor vitae gravida. In eros ligula, ultrices eget nulla nec, ullamcorper cursus nulla. Nullam auctor risus semper orci hendrerit, sed euismod sapien sagittis. Proin eget purus ex. Nullam ut condimentum massa. Integer pulvinar viverra mi.
      </p>
      <p>
        Duis id mi eget diam cursus aliquam. Curabitur cursus sit amet ipsum eget dapibus. Ut eu felis et sem tincidunt vulputate id sed sem. Maecenas rutrum leo at nisl malesuada, id facilisis purus porta. Integer tempor aliquam ligula, non feugiat erat. Sed ex nisi, lacinia a tellus ac, commodo ultricies quam. In lacinia nulla lectus, sit amet ultrices est pharetra vitae. Integer dapibus, neque quis consequat elementum, leo velit varius ligula, nec bibendum turpis sapien in nunc. Aliquam augue leo, tincidunt nec feugiat sed, interdum et ex. Aenean sodales, justo a dapibus elementum, dui massa interdum felis, a congue massa ligula at lectus.
      </p>
      <p>
        Vivamus iaculis risus mollis, eleifend orci a, gravida nibh. Donec a porta quam, non ultrices nisl. Nulla a cursus mi. Aliquam et sem feugiat, elementum mauris a, suscipit eros. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent odio elit, sodales vitae pharetra ac, imperdiet ut magna. Maecenas finibus ornare elit, eget posuere augue fringilla sit amet. Quisque diam mi, porttitor vitae magna vitae, sollicitudin condimentum nisi. Phasellus rhoncus euismod neque, sit amet facilisis mauris dapibus et. Nullam quis tellus ultricies, hendrerit mauris nec, placerat leo. Cras placerat malesuada sapien, a imperdiet ex vulputate sit amet. Praesent eu vulputate eros, consequat gravida felis. Vivamus in posuere magna. Sed id elit commodo augue malesuada interdum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      </p>

    </div>
  </div>
</div>
<br>
<div class="card-group">
  <div class="card">
    <div class="card-header bg-primary">
      Likes
    </div>
    <div class="card-body" style="margin:20px;">
      <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
      </ul>
    </div>
  </div>
  <div class="card">
    <div class="card-header bg-primary">
      Dislikes
    </div>
    <div class="card-body" style="margin:20px;">
      <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
      </ul>
    </div>
  </div>
  <div class="card">
    <div class="card-header bg-primary">
      Trivia
    </div>
    <div class="card-body" style="margin:20px;">
      <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
      </ul>
    </div>
  </div>
</div>
<br>
<div class="card-group">
  <div class="card">
    <div class="card-header bg-primary">
      Relationships
    </div>
    <div class="card-body" style="margin:20px;">
      <div class="card-group">
        <div class="card">
          <div class="card-body" style="margin:20px;">
            <p style="letter-spacing:0.2em;"><strong><a href="link to character">Name</a> | Relationship</strong></p>
            <p>Write a bit about the relationship here. Aliquam nec volutpat quam. Nullam in ultrices sapien.</p>
          </div>
        </div>
        <div class="card">
          <div class="card-body" style="margin:20px;">
            <p style="letter-spacing:0.2em;"><strong><a href="link to character">Name</a> | Relationship</strong></p>
            <p>Write a bit about the relationship here. Aliquam nec volutpat quam. Nullam in ultrices sapien.</p>
          </div>
        </div>
        <div class="card">
          <div class="card-body" style="margin:20px;">
            <p style="letter-spacing:0.2em;"><strong><a href="link to character">Name</a> | Relationship</strong></p>
            <p>Write a bit about the relationship here. Aliquam nec volutpat quam. Nullam in ultrices sapien.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<p style="font-size:10px;text-align:right;">
  Layout by @Real_Spirit_Bear/@Real_Spit_Bear.
</p>