<!--

  CREDIT: vom | vomco


  INFO:
    - Character image can be whatever size

    - If you want the image to switch sides, change 'float-left' to 'float-right'

    - Main background image can be whatever size, it'll adjust to fill the entire
      box (if you're using a repeating bg, just remove background-size: cover;)


  CHANGING COLORS:
    - Highlight one of the hexes below and press CRTL + F
    - Press the + under the fist box in the pop up menu
    - Enter the new hex code in the new box
    - Hit 'All' that's beside 'Replace'

    - Visual Help > https://i.gyazo.com/1707871b5214f11a8a11692b05bacc26.gif

    - NOTE: This will only be fore the accent color but feel free to change the rest


  COLORS:
    accent color:           #ff9a8e

------------------------------------- --><div class="mx-auto mt-md-5" style="max-width: 700px;"><div class="p-4" style="border-radius: 1rem;
  color: #000;
  letter-spacing: 1px;
  font-size: .8rem;
  background-image: url(https://images.unsplash.com/photo-1471914395157-f9d1b9dc59d6?);
  background-size: cover;
  background-position: center;
  background-color: #ff9a8e;
  background-blend-mode: lighten;
  box-shadow: 0 0 15px rgba(0,0,0,.25);"><!-- -------------------------------------


               CHAR IMAGE


-------------------------------------- --><div class="text-center float-left" style="max-width: 50%;position: relative;z-index: 100;"><img src="https://file.toyhou.se/images/15328326_hrZ2TGnfiPopbWx.png" class="fr-fic fr-dii" width="316" height="382"></div><!-- -------------------------------------


              MAIN CONTENT


-------------------------------------- --><div class="p-3" style="border-radius: .5rem;background-color: rgba(255,255,255,0.75);box-shadow: inset 0 0 100px rgba(255,255,255,0.75);"><!-- -------------------------------------

                 HEADER

-------------------------------------- --><div class="rounded p-2 m-1 text-center text-uppercase" style="font-size: 1rem;color: #fff;background-color: #ff9a8e;">Some &bull; Words &bull; Here</div><!-- -------------------------------------

                 ABOUT

-------------------------------------- --><div class="text-justify p-2" style="min-height: 250px;"><p><br></p><p><br></p><p style="text-align: center;">&nbsp; &nbsp;<br><br><span style='font-size: 24px; font-family: "arial black", "avant garde";'>TEXT HERE</span></p></div><!-- -------------------------------------

                 LINKS

-------------------------------------- --><div class="row no-gutters text-center" style="color: #fff;"><div class="col p-1"><span style="color: #ffffff;"><span style='font-family: "arial black", "avant garde";'><span style="font-family: arial black,avant garde;"><span style="font-size: 9px;"><span style="font-size: 12px;"><a class="btn btn-danger" href="http://add link here" id=""><span style="font-size: 9px;">Deviantart</span></a>&nbsp;</span><span style="font-size: 9px;"><a class="btn btn-danger" href="http://add link here" id=""><span style="font-size: 9px;">Youtube</span></a>&nbsp;</span></span><a class="btn btn-danger" href="http://add link here" id=""><span style="font-size: 9px;">Instagram</span></a></span></span></span><p><br></p></div></div></div></div><!-- -------------------------------------

                 CREDIT
         please do not remove

-------------------------------------- --><div class="text-right p-1"><a class="tooltipster text-muted" data-placement="left" href="https://toyhou.se/4787826.-f2u-free-float" style="font-size: .7rem;" title="Template by Vom"><i class="fal fa-code"></i></a></div></div>