Guest User

Untitled

a guest
Nov 3rd, 2019
989
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2.  
  3. CREDIT: vom | vomco
  4.  
  5.  
  6. INFO:
  7. - Character image can be whatever size
  8.  
  9. - If you want the image to switch sides, change 'float-left' to 'float-right'
  10.  
  11. - Main background image can be whatever size, it'll adjust to fill the entire
  12. box (if you're using a repeating bg, just remove background-size: cover;)
  13.  
  14.  
  15. CHANGING COLORS:
  16. - Highlight one of the hexes below and press CRTL + F
  17. - Press the + under the fist box in the pop up menu
  18. - Enter the new hex code in the new box
  19. - Hit 'All' that's beside 'Replace'
  20.  
  21. - Visual Help > https://i.gyazo.com/1707871b5214f11a8a11692b05bacc26.gif
  22.  
  23. - NOTE: This will only be fore the accent color but feel free to change the rest
  24.  
  25.  
  26. COLORS:
  27. accent color: #ff9a8e
  28.  
  29. ------------------------------------- --><div class="mx-auto mt-md-5" style="max-width: 700px;"><div class="p-4" style="border-radius: 1rem;
  30. color: #000;
  31. letter-spacing: 1px;
  32. font-size: .8rem;
  33. background-image: url(https://images.unsplash.com/photo-1471914395157-f9d1b9dc59d6?);
  34. background-size: cover;
  35. background-position: center;
  36. background-color: #ff9a8e;
  37. background-blend-mode: lighten;
  38. box-shadow: 0 0 15px rgba(0,0,0,.25);"><!-- -------------------------------------
  39.  
  40.  
  41. CHAR IMAGE
  42.  
  43.  
  44. -------------------------------------- --><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><!-- -------------------------------------
  45.  
  46.  
  47. MAIN CONTENT
  48.  
  49.  
  50. -------------------------------------- --><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);"><!-- -------------------------------------
  51.  
  52. HEADER
  53.  
  54. -------------------------------------- --><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><!-- -------------------------------------
  55.  
  56. ABOUT
  57.  
  58. -------------------------------------- --><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><!-- -------------------------------------
  59.  
  60. LINKS
  61.  
  62. -------------------------------------- --><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><!-- -------------------------------------
  63.  
  64. CREDIT
  65. please do not remove
  66.  
  67. -------------------------------------- --><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>
RAW Paste Data