Advertisement
henrybirde

1951 || F2U

Feb 1st, 2023 (edited)
513
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.23 KB | None | 0 0
  1. <!--BACKGROUND--><div class="card mx-auto p-3 rounded-0" style="max-width:735px; background-image:url(https://cdn.discordapp.com/attachments/950470662013726770/1029538579854131252/22.jpg);">
  2.  
  3.  
  4. <!--MAIN BOX--><div class="card mx-auto py-2 bg-faded text-primary rounded-0" style="width:100%; position:relative; font-size:1rem; font-family: 'Consolas', 'Lucida Console';"><div class="row no-gutters px-2">
  5.  
  6. <!--LEFT COLUMN--><div class="col-lg-7">
  7.  
  8. <!--NAME--><div class="mb-2 card bg-white rounded-0 col-lg-12 p-2" style="font-size:1.5rem">
  9. Firstname Lastname
  10. </div>
  11.  
  12. <!--BASIC--><div class="mb-2 card bg-white rounded-0 p-2 pr-lg-3 col-lg-12">
  13. <div style="border-bottom: 1px solid #ccd1e3;"><span>
  14. species</span>
  15. <span class="pull-right">
  16. species</span></div>
  17.  
  18. <div style="border-bottom: 1px solid #ccd1e3;"><span>
  19. age</span>
  20. <span class="pull-right">
  21. age</span></div>
  22.  
  23. <div style="border-bottom: 1px solid #ccd1e3;"><span>
  24. gender</span>
  25. <span class="pull-right">
  26. gender</span></div>
  27.  
  28. <div style="border-bottom: 1px solid #ccd1e3;"><span>
  29. pronouns</span>
  30. <span class="pull-right">
  31. pronouns</span></div>
  32.  
  33. <div style="border-bottom: 1px solid #ccd1e3;"><span>
  34. orientation</span>
  35. <span class="pull-right">
  36. orientation</span></div>
  37.  
  38. <div style="border-bottom: 1px solid #ccd1e3;"><span>
  39. height</span>
  40. <span class="pull-right">
  41. height</span></div>
  42. </div>
  43.  
  44. <!--JOB--><div class="mb-2 card bg-white rounded-0 p-2 pr-lg-3 col-lg-12">
  45. <div style="border-bottom: 1px solid #ccd1e3;"><span>
  46. employment</span></div>
  47.  
  48. <div style="border-bottom: 1px dashed #ccd1e3;">
  49. <span style="font-size:.8rem">
  50. job title</span></div></div>
  51.  
  52. <!--MANNER--><div class="mb-2 card bg-white rounded-0 p-2 pr-lg-3 col-lg-12">
  53. <div style="border-bottom: 1px solid #ccd1e3;"><span>
  54. manner</span></div>
  55. <div style="border-bottom: 1px dashed #ccd1e3;">
  56. <span style="font-size:.8rem">
  57. <i class="fal fa-smile"></i>
  58. positive, traits, here
  59. </span></div>
  60.  
  61. <div style="border-bottom: 1px dashed #ccd1e3;">
  62. <span style="font-size:.8rem">
  63. <i class="fal fa-frown"></i>
  64. negative, traits, here
  65. </span></div></div>
  66.  
  67. <!--TASTE--><div class="mb-2 card bg-white rounded-0 p-2 pr-lg-3 col-lg-12">
  68. <div style="border-bottom: 1px solid #ccd1e3;"><span>
  69. taste</span></div>
  70. <div style="border-bottom: 1px dashed #ccd1e3;"><span style="font-size:.8rem"><i class="fal fa-check"></i>
  71. some, likes, here</span></div>
  72. <div style="border-bottom: 1px dashed #ccd1e3;"><span style="font-size:.8rem"><i class="fal fa-x"></i>
  73. some, dislikes, here</span></div></div>
  74.  
  75. <!--END LEFT COLUMN--></div>
  76.  
  77. <!--RIGHT COLUMN--><div class="col-lg-5 pl-lg-1">
  78.  
  79. <!--ICON--><div class="card bg-white rounded-0 p-1 pb-4 ml-lg-n1" style="transform: rotate(5deg); z-index:1000;"><div style="padding-bottom:100%; background-size:cover; background-image: url(https://cdn.discordapp.com/attachments/950470662013726770/1070510975733731408/16257828.png)"></div></div>
  80.  
  81. <!--INDEX--><div class="m-0 mb-2 card bg-white rounded-0 px-2 pt-1 pb-2 pr-lg-3 col-lg-12">
  82. <div style="border-bottom: 1px solid #ccd1e3;">
  83. <span>index</span></div>
  84. <div style="font-size:.8rem">
  85.  
  86. <div style="border-bottom: 1px dashed #ccd1e3;"><span>></span>
  87. <span class="pull-right"><a class="text-primary" href="LINK">link</a></span></div>
  88.  
  89. <div style="border-bottom: 1px dashed #ccd1e3;"><span>></span>
  90. <span class="pull-right"><a class="text-primary" href="LINK">link</a></span></div>
  91.  
  92. <div style="border-bottom: 1px dashed #ccd1e3;"><span>></span>
  93. <span class="pull-right"><a class="text-primary" href="LINK">link</a></span></div>
  94.  
  95. <div style="border-bottom: 1px dashed #ccd1e3;"><span>></span>
  96. <span class="pull-right"><a class="text-primary" href="LINK">link</a></span></div>
  97.  
  98. <div style="border-bottom: 1px dashed #ccd1e3;"><span>></span>
  99. <span class="pull-right"><a class="text-primary" href="LINK">link</a></span></div>
  100.  
  101. <div style="border-bottom: 1px dashed #ccd1e3;"><span>></span>
  102. <span class="pull-right"><a class="text-primary" href="LINK">link</a></span></div>
  103.  
  104. <div style="border-bottom: 1px dashed #ccd1e3;"><span>></span>
  105. <span class="pull-right"><a class="text-primary" href="LINK">link</a></span></div>
  106. </div></div>
  107.  
  108. <!--END RIGHT COLUMN--></div>
  109.  
  110. <!--NOTES--><div class="m-0 mb-2 card bg-white rounded-0 p-2 pr-lg-3 col-lg-12">
  111. <div style="border-bottom: 1px solid #ccd1e3;"><span>
  112. notes</span></div>
  113. <div style="height:75px; overflow-y:auto; overflow-x:hidden; padding-right:5px; font-size:.8rem">
  114.  
  115. <div style="border-bottom: 1px dashed #ccd1e3;"><span>
  116. make some notes here!</span></div>
  117.  
  118. <div style="border-bottom: 1px dashed #ccd1e3;"><span>
  119. maybe some details about the character's design</span></div>
  120.  
  121. <div style="border-bottom: 1px dashed #ccd1e3;"><span>
  122. or some trivia or fun facts!</span></div>
  123.  
  124. <div style="border-bottom: 1px dashed #ccd1e3;"><span>
  125. this box scrolls, so feel free to add as much as you like.</span></div>
  126.  
  127. </div></div>
  128.  
  129. <!--CREDIT--><a href="https://toyhou.se/ghoulipede" class="mb-n5 mx-auto"><i class="far fa-code" title="ghoulipede"></i></a>
  130.  
  131. <!--END MAIN BOX--></div></div>
  132.  
  133. <!--END BACKGROUND--></div>
Tags: toyhouse
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement