Advertisement
vermilly

shipai

Mar 1st, 2024 (edited)
591
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.08 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:#ababab;background-image:url('https://wallpapers.com/images/hd/eerie-forest-dark-aesthetic-m0z20bl8ehnt276a.jpg');background-blend-mode:soft-light;background-position:center;background-size:cover;">
  6.  
  7. <div class="col-md-3">
  8. Shipai
  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/10902347?1619704946" 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">Shipai</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">??? [He/they]</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">Cat kemonomimi</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">what is love? baby don't h</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">Traveler</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:240px;">
  51.  
  52.  <p><b>Biography</b>: White as snow and soft as clay, Shipai was just another normal villager. Just a little guy that played the flute, an instrument he learned from his deceased mother. However, he was mistakenly presumed to be using black magic and/or being straight up evil through his majestic flute skills. The music they played was "too good to be true," and as a result of this superstition, they were outcasted from their village. Now, he travels on his own aimlessly. His sense of self is very shakey, and even he's unsure why he keeps playing... or keeps living, even. </p>
  53.  
  54. <hr>
  55.  
  56. <b>Notes:</b>
  57. <ul class="pl-4 mb-0">
  58. <li class="mb-2">His name, Shipai, is supposed to be based off of شپېلۍ [Shpailay] which means flute in Pashto.</li>
  59. <li class="mb-2">Halo is optional, and ears are optional (they can hide them)!</li>
  60.  
  61.  <li class="mb-2">Formerly a Kittybot CS - I don't intend to use them as a CS anymore!</li>
  62.  
  63. </div>
  64. </div>
  65. </div>
  66.  
  67. </div>
  68. </div>
  69. <a class="d-block text-right pt-1 faded" href="https://toyhou.se/2642675" style="font-size:10px;">
  70. <i class="fal fa-code"></i>
  71. </a>
  72. </div>
  73. </div>
  74. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement