Advertisement
vermilly

harial

Nov 16th, 2023
774
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.49 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:#233620;background-image:url('https://img.freepik.com/premium-vector/egyptian-fabric-pattern-abstract-indigenous-line-art-ancient-egypt-egyptian-textile-vector_726113-1078.jpg?w=2000');background-blend-mode:soft-light;background-position:center;background-size:cover;">
  6.  
  7. <div class="col-md-4">
  8. Harial
  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/19683594?1700122242" 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">Harial</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">Nonbinary [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">Height</span>
  33. <span class="text-muted">5'7" | 170 cm</span>
  34. </div>
  35. <div class="justify-content-between my-auto p-1">
  36. <span class="text-uppercase">Species</span>
  37. <span class="text-muted">Jackal humanoid</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">Protector...?</span>
  42. </div>
  43.  
  44.  
  45. </div>
  46. </div>
  47. <div class="col-md-8 pull-md-4 row no-gutters">
  48. <div class="col-12 p-1">
  49. <div class="flex-column bg-faded p-3 h-100">
  50.  
  51. <div class="table-responsive flex-fill p-2 text-muted" style="height:250px;">
  52.  
  53.   <p><b>Biography</b>: The self-proclaimed protector of land and artifacts, Harial seems to always appear during archaeological excavations. He does not mind if people take care of artifacts, ruins, and discovered land, but the moment he suspects ill intentions... well, he strikes. Art and land conservation is his top priority.</p>
  54.  
  55.   <p>It is no surprise such items and areas hold sentimental value to him, but it seems their personality is very emotional altogether. Sometimes, they get ahead of themselves and stop people from holding an item the wrong way, or if they step on something sacred. <i>"Someone has to tell them...!"</i> On many occasions, he bursts into tears before explaining what's wrong.</p>
  56.  
  57. <hr>
  58.  
  59. <b>Trivia:</b>
  60. <ul class="pl-4 mb-0">
  61. <li class="mb-2">Harial means "green" or "common green pigeon" in Sanskrit.</li>
  62. <li class="mb-2">While they don't have a strong physique, they use magic to fight and protect.</li>
  63. <li class="mb-2">He takes a liking to shiny trinkets. Even he is tempted to take a bracelet or ring from excavated sites occasionally... but he doesn't!</li>
  64. <li class="mb-2">Though Harial was initially scared of snakes after being "attacked" by them (they only slithered around him curiously), he's grown fond of them.</li>
  65.  
  66.  
  67. </ul>
  68.  
  69. </div>
  70. </div>
  71. </div>
  72.  
  73. </div>
  74. </div>
  75. <a class="d-block text-right pt-1 faded" href="https://toyhou.se/2642675" style="font-size:10px;">
  76. <i class="fal fa-code"></i>
  77. </a>
  78. </div>
  79. </div>
  80. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement