[TH] Vanilla

<!--

LIGHT GRAIN #f8d9d4
ANTIQUE ROSE #daadaf
CHOCOLATE #714648
OFF WHITE #fbfbfb

-->

<!--You can change background pattern here. I suggest you to visit Colour Lovers. You can create pattern with your own palette.-->
  <div style="width: 830px;margin: 0 auto;background-image: url('https://i.pinimg.com/564x/5d/d7/f3/5dd7f37349bd0c001eb438b039458094.jpg');padding: 40px;border-top: 3px solid #f8d9d4;border-bottom: 3px solid #f8d9d4;">

    <table style="border:0; background: transparent;border-collapse: collapse;background-color:#fbfbfb;border-width:1px;border-style:solid;border-color:#f8d9d4;position:relative;">
      <tr>
        <td style="padding: 20px 0;width: 30%;vertical-align: top;background-color:#f8d9d4;text-align:center;">

          <!--Little image above basics. Will be automatically resized-->
          <div style="width: 70%; margin: auto;">
            <img src="https://i.imgur.com/qBLRBJ3.png" style="padding-top:3px;padding-bottom:3px;padding-right:3px;padding-left:3px;border-width:1px;border-style:solid;border-color:#fbfbfb;" >
          </div>


          <!--BASICS

          A "basics" item starts at <div> and ends at </div>-->
          <div style="width:70%;margin:15px auto 2px;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding:4px 0;font-weight: bold;color: #daadaf;letter-spacing: 1px;line-height: 11px;" >
            gender
            <br />
            <span style="font-size: 10px;font-weight: normal;color: #666;letter-spacing: 0px;text-transform: none;">
              female
            </span>
          </div>
          <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #daadaf;letter-spacing: 1px;line-height: 11px;" >
            age
            <br />
            <span style="font-size: 10px;font-weight: normal;color: #666;letter-spacing: 0px;text-transform: none;">
              ??
            </span>
          </div>
          <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #daadaf;letter-spacing: 1px;line-height: 11px;" >
            birthday
            <br />
            <span style="font-size: 10px;font-weight: normal;color: #666;letter-spacing: 0px;text-transform: none;">
              ??
            </span>
          </div>
          <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #daadaf;letter-spacing: 1px;line-height: 11px;" >
            species
            <br />
            <span style="font-size: 10px;font-weight: normal;color: #666;letter-spacing: 0px;text-transform: none;">
              annie
            </span>
          </div>
          <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #daadaf;letter-spacing: 1px;line-height: 11px;" >
            blessing
            <br />
            <span style="font-size: 10px;font-weight: normal;color: #666;letter-spacing: 0px;text-transform: none;">
              sloth bear
            </span>
          </div>
          <div style="width:70%;margin:2px auto;text-transform:uppercase;font-size:9px;background-color:#fbfbfb;padding: 4px 0;font-weight: bold;color: #daadaf;letter-spacing: 1px;line-height: 11px;" >
            rarity
            <br />
            <span style="font-size: 10px;font-weight: normal;color: #666;letter-spacing: 0px;text-transform: none;">
              common
            </span>
          </div>
          <br>
          <a href="http://anniverse.deviantart.com"><img src="https://a.deviantart.net/avatars/a/n/anniverse.png?10"/></gif></a>

          <!--END OF BASICS-->


        </td>
        <td style="padding: 0;width: 100%;">
          <div style="padding:20px 30px;height:100%;text-align:center;" >

              <!--TEXT GOES HERE-->
              <!--You can use <p> to create paragraphs or you can use <br> to create a line break-->
              <span style="font-size:20px;font-weight: bold;color: #daadaf;">♡  V A N I L L A  ♡</span>
              <br><br>
                  <li class="nav-item"><a class="nav-link" style="font-size:12px; background:#f8d9d4; height:30px;"><strong>sleepy  |  indifferent  |  aloof  |  naive</strong></a></li></ul>
                  <br>
              <p style="font-size:12px;">
            Living in the snowy cozy town of <a href="https://www.deviantart.com/anniverse/journal/Luminoire-Summary-745383329" style="color:#714648;">Luminoire</a>, Vanilla lives up to her blessing's name as the Sloth Bear annie; she is fluffy and cuddly like a bear and values relaxation and sleeps like a sloth. In her long nightgown and soft cushy socks, she is prepared to relax and snooze anytime and anywhere possible.
              <br>
              <br>She has an indifferent and aloof disposition and usually does not react to many things. One thing however which can make her a bit grumpy is her long curly hair, which tends to get knotted and caught in things that come across her path!
              <br>
              <br>Her favourite pre-sleep routine involves drinking honey sweetened milk. She does not need story time to help her sleep, but she enjoys being tucked in with a good tale nonetheless.
              <br>
              <br><b>co-owned with @valyriana ♡</b></p>
              <p style="font-size:10px; font-weight: bold; text-transform: uppercase; color: #daadaf;">
              never for sale/trade/gift etc.
              </p>
              <!--END OF TEXT-->

            </div>
          </td>
        </tr>
    </table>

    <!--LIKES AND DISLIKES-->
    <table style="width:750px;background-color:#fbfbfb;border:1px solid #f8d9d4;border-collapse: collapse; margin-top: 20px;">
      <tr>
        <td style="padding: 10px 20px 20px;width: 50%;vertical-align: top;text-align:justify; font-size: 12px;">
          <h2 style="margin: 0;text-transform: uppercase;color: #daadaf;font-size: 14px;font-weight: bold;letter-spacing: 1px;">
            Likes
          </h2>
          <!--Use <br> to create line breaks in your lists-->
          <br>
          ♡  text
          <br>
          ♡  text
          <br>
          ♡  text
          <br>
          ♡  text
        </td>
        <td style="padding: 10px 20px 20px;width: 50%;vertical-align: top;text-align:justify; font-size: 12px;">
          <h2 style="margin: 0;text-transform: uppercase;color: #daadaf;font-size: 14px;font-weight: bold;letter-spacing: 1px;">
            Dislikes
          </h2>
          <br>
          ✕  text
          <br>
          ✕  text
          <br>
          ✕  text
          <br>
          ✕  text
        </td>
      </tr>
    </table>
    <!--END OF LIKES AND DISLIKES-->

    <!--RELATIONSHIPS-->
    <div style="width:750px;padding: 20px;background-color:#fbfbfb;border:1px solid #f8d9d4; margin-top: 20px;">
      <h2 style="margin: 0;text-transform: uppercase;color: #daadaf;font-size: 14px;font-weight: bold;letter-spacing: 1px;">
        Relationships
      </h2>

      <!--Beginning of relationship item-->
      <table style="background-color:#fbfbfb;border:0;background: transparent;border-collapse: collapse;margin-top: 10px;">
        <tr>
          <td style="padding: 0; width:100px;vertical-align: top;" rowspan="2">
            <a href="#"><img src="https://via.placeholder.com/150/fbfbfb/714648" style="padding:3px;border:1px solid #f8d9d4;"></a>
          </td>
          <td style="padding: 0;vertical-align: top;">
            <div style="margin:0 0 2px 2px;text-transform:uppercase;font-size:10px;background-color:#f8d9d4;padding: 4px 20px;font-weight: bold;color: #714648;letter-spacing: 1px;line-height: 13px;">
              NAME
              <br>
              <span style="font-size: 10px;font-weight: normal;color: #666;text-transform: none;">
                relationship
              </span>
            </div>
          </td>
        </tr>
        <tr style="background: transparent;">
          <td style="text-align:justify;line-height:13px;font-size:11px;vertical-align: top;">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
          </td>
        </tr>
      </table>
      <!--End of relationship item-->

    </div>
    <!--END OF RELATIONSHIPS-->


    <!--CREDITS-->
    <div style="width: 750px;text-align: right; color:#615e98; font-size: 10px;">
    Coding by @Awful
    </div>
    <!--END OF CREDITS-->
  </div>
</div>
<!--FANCY SPACE LAYOUT ENDS HERE-->