Advertisement
vermilly

lay

Sep 18th, 2021 (edited)
1,476
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.38 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:#315e1e;background-image:url('https://cdn.mos.cms.futurecdn.net/Dxb63vFTjq77WqAHDEsC2m-1200-80.jpg');background-blend-mode:soft-light;background-position:center;background-size:cover;">
  6.  
  7. <div class="col-md-2">
  8. Lay
  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/12412845?1632127355" 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">Lay Ryzen</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">Monkey 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">Bisexual</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">Spy</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:270px;">
  52.  
  53.  <p><b>Bio</b>: A spy that's willing to give any information you need... for a price, that is.</p>
  54.  <p><b>Personality</b>: Friendly, sly, easy to talk to.</p>
  55.  <p><b>What does he hold dear?</b> Memories. There's only so much a person can remember as time goes on. So with whatever tools he has right now, he does his best to record everything around him. However, this desire to hold onto memories turned out to be useful in the long run, and he became a spy. It also helped him cheat in school but. but don't worry about that.
  56. </p>
  57. <p><b>Gear</b>: He always has two to three recording devices on him, and occasionally wears glasses with discreet camera lens. More steps are taken for clients, of course!</p>
  58.  
  59. <p><b>Monkey</b>: That friendly smile of his will be wiped off the moment you call him monkey/ape/etc, be it in a genuine or mean-spirited manner. Despite being a monkey kemonomimi, he seems to dislike it and hides his monkey features (ears/tail) as best as he can. Though, if you offer, I don't know.... a fruit.... he might show a part or two unintentionally....</p>
  60.  
  61. <p><b>Skills</b>: Although he prefers to keep his distance when gathering information, if things get messy, he's agile enough to escape. Perhaps those monkey genes are useful after all.</p>
  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