Freebie - Float Theme

<!------ Default highlight color is: #f58c9f
-------- use find & replace to quickly swap out color
-------->

<!-- content wrapper -- you can adjustt the max-width to make the template wider or narrower ------------------>
<div style="max-width: 900px; letter-spacing: .25px;" class="container-fluid p-0 my-5">
<div class="row no-gutters justify-content-center align-items-center">
<div class="col-lg-auto pl-lg-4 order-2">

  <!------- featured image ---- this will auto-size itself to fit in the space
  -- you can adjust the max-height and max-width to control how big it can get -->
    <img src="IMG_URL"
    style="max-height: 650px; max-width: 400px; border-radius: 16px;" class="d-block mx-auto tooltipster" title="art by ARTIST @ WEBSITE" >
</div>
<div class="col-lg mb-lg-0 mb-4 order-1">
  <!--------- user content card -- this will auto-size itself to fit with the image ------------------------->
    <div class="card card-block bg-faded border-0" style="border-radius: 16px;">
    <!---- your name or title here ----->
    <h1 class="text-center text-uppercase mb-1" style="color: #f58c9f; font-size: 2em; letter-spacing: 1px;">
      Your Name
    </h1>
    <!---- adjectives here -------------->
    <p class="text-center text-muted small mb-0" style="letter-spacing: 1.5px;">
        gender . age . adj
    </p>
    <hr class="mt-2 mb-0 w-75">
    <div class="py-3 text-justify">
        <!-------- write content here -- this box grows with contet -- i suggest keeping it concise -->
        <p>This box will grow with content so 'tis up to you how big she gets. The image to the side can be any size- if the image is larger, the box will center itself. If the content box is taller, the image will center itself.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a felis molestie, porttitor est eget, euismod mauris. Integer fermentum est vitae dui pretium fermentum. Fusce quis velit vel sem pellentesque iaculis congue non lorem. Aliquam vulputate lacus consequat, volutpat ex ut, blandit lacus. Sed egestas risus ut gravida blandit. In vitae nisi eu mi suscipit semper in eget justo. Sed feugiat dictum posuere. </p>

    </div>
    <hr class="mt-0 w-75">
    <!-------- featured character links ----->
    <div class="row no-gutters mx-n2">
      <div class="col-4 px-2 text-center">
        <a href="CHARACTER_LINK">
          <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/35367489_0xdbJo1S1BBQZIy.png"
          class="rounded" style="max-height: 150px; border-radius: 16px;">
        </a>
      </div>
      <div class="col-4 px-2 text-center">
        <a href="CHARACTER_LINK">
          <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/35367489_0xdbJo1S1BBQZIy.png"
          class="rounded" style="max-height: 150px; border-radius: 16px;">
        </a>
      </div>
      <div class="col-4 px-2 text-center">
        <a href="CHARACTER_LINK">
          <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/35367489_0xdbJo1S1BBQZIy.png"
          class="rounded" style="max-height: 150px; border-radius: 16px;">
        </a>
      </div>
    </div>
    <hr class="w-75">
    <!-------- social links -- uses font awesome icons ----->
    <p class="text-center mb-0" style="font-size: 1.5em; letter-spacing: 2px;">
        <a href="twitter_link" style="color: #f58c9f;"><i class="fab fa-twitter fa-fw" /></a>
        <a href="deviantart_link" style="color: #f58c9f;"><i class="fab fa-deviantart fa-fw" /></a>
        <a href="furaffinity_link" style="color: #f58c9f;"><i class="fas fa-paw fa-fw" /></a>
        <a href="twitch_link" style="color: #f58c9f;"><i class="fab fa-twitch fa-fw" /></a>
        <!-- layout credit -- do not remove ---------------->
        <a href="/Pinky" style="color: #f58c9f;" target="BLANK"><i class="fas fa-code fa-fw" /></a>
    </p>
    </div>
</div>
</div></div>