Advertisement
vermilly

hjoe

Sep 5th, 2021 (edited)
1,116
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.30 KB | None | 0 0
  1. <div class="container-fluid px-0 py-lg-1 py-0" style="max-width:900px;font-size:90%;">
  2. <div class="row no-gutters">
  3. <div class="col-12 p-1">
  4.  
  5. <div class="display-1 text-white text-center text-uppercase py-4" style="font-size:1.75rem;min-height:50px;letter-spacing:1px;background-color:#311d54;background-image:url('https://www.teahub.io/photos/full/175-1759884_wallpaper-marshmallow-spiral-pastel-sweet-marshmallow-candy-wallpaper.jpg');background-blend-mode:soft-light;background-position:center;background-size:cover;">
  6.  
  7. <div class="col-md-3">
  8. Hjoe the Foe
  9. </div>
  10.  
  11. <div class="hidden-md-up" style="height:50px;"></div>
  12. </div>
  13. </div>
  14. <div class="col-md-4 push-md-8 p-1">
  15. <div class="flex-column bg-faded p-3 h-100 text-center">
  16.  
  17.   <img src="https://f2.toyhou.se/file/f2-toyhou-se/characters/12509112?1630195231" class="rounded-circle mx-auto p-2 bg-faded" style="width:130px;height:130px;margin-top:-75px;"/>
  18.  
  19. <div class="justify-content-between my-auto p-1">
  20. <span class="text-uppercase">Name</span>
  21. <span class="text-muted">Hjoe the Foe</span>
  22. </div>
  23. <div class="justify-content-between my-auto p-1">
  24. <span class="text-uppercase">Gender</span>
  25. <span class="text-muted">Male [He/him]</span>
  26. </div>
  27. <div class="justify-content-between my-auto p-1">
  28. <span class="text-uppercase">Age</span>
  29. <span class="text-muted">Adult</span>
  30. </div>
  31. <div class="justify-content-between my-auto p-1">
  32. <span class="text-uppercase">Species</span>
  33. <span class="text-muted">Undead Human</span>
  34. </div>
  35. <div class="justify-content-between my-auto p-1">
  36. <span class="text-uppercase">Orientation</span>
  37. <span class="text-muted"><a href="https://lgbta.wikia.org/wiki/Demisexual">Demisexual</a></span>
  38. </div>
  39. <div class="justify-content-between my-auto p-1">
  40. <span class="text-uppercase">Occupation</span>
  41. <span class="text-muted">Daycare worker</span>
  42. </div>
  43.  
  44. </div>
  45. </div>
  46. <div class="col-md-8 pull-md-4 row no-gutters">
  47. <div class="col-12 p-1">
  48. <div class="flex-column bg-faded p-3 h-100">
  49.  
  50. <div class="table-responsive flex-fill p-2 text-muted" style="height:250px;">
  51.  
  52.   <p><b>Bio</b>: A dude who really likes candy and sweet foods. Sworn enemy of <a href="https://toyhou.se/12509129.joe-the-hoe">Joe the Hoe</a>.</p>
  53.   <p><b>Personality</b>: Evil. Smug. Egotistical. He can be nice, but in a tsundere way... b-baka.</p>
  54.   <p><b>You are what you eat</b>: Although Hjoe isn't literally made of candy, his body tastes like candy due to eating so much of it.</p>
  55.   <p><b>Powers</b>: He can create candy! Sometimes they have... quirks - e.g. rock candies try and stab people, chocolate tries to trip people, etc. This ability is only limited to small candy - the more he makes, the more exhausted he becomes. (And yes, sometimes he eats the semi-murderous, semi-sentient candy he makes).</p>
  56.  
  57.   <p><b>Kids</b>: Ok so his “evil, smug” personality? When he’s with kids, all that is thrown out the window. He works surprisingly well with kids and enjoys sneaking in candy for them. Though, the last thing he wants is for others (namely Joe) to see him acting sweet in front of them.</p>
  58.   <p><b>Weapons</b>: Guns. And petty insults.</p>
  59. </div>
  60. </div>
  61. </div>
  62.  
  63. </div>
  64. </div>
  65. <a class="d-block text-right pt-1 faded" href="https://toyhou.se/2642675" style="font-size:10px;">
  66. <i class="fal fa-code"></i>
  67. </a>
  68. </div>
  69. </div>
  70. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement