API tools faq
paste
katsud0n

Dappervolk Character Code - W/ Desc

katsud0n
Aug 3rd, 2020
340
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.53 KB | None | 0 0
raw download clone embed print report
  1. <!---- BACKGROUND ---->
  2. <div class="m-4" style="background-color:#f8d0a1;border-top-left-radius:120px;border-top-right-radius:120px;border:4px solid #fff;padding-top:30px;">
  3. <div style="padding:40px 47px;">
  4.  
  5. <div class="row no-gutters">
  6. <!---- LEFT COL ---->
  7. <div class="col-3">
  8. <!---- CHARACTER IMAGE ---->
  9. <img src="https://via.placeholder.com/200x325" style="border-radius:12px;border:4px solid #fff;width:200px;height:325px;">
  10.  
  11. <!---- STATS ---->
  12. <center>
  13. <div style="background-color:#fff;border-radius:12px;display:inline-block;padding:3px 3px 6px;margin-top:15px;">
  14. <img src="https://cdn.discordapp.com/attachments/707054523910324235/739747593629990943/image3.png" class="tooltipster" title="20">
  15. <img src="https://cdn.discordapp.com/attachments/707054523910324235/739747593357361272/image2.png" class="tooltipster" title="20">
  16. <img src="https://cdn.discordapp.com/attachments/707054523910324235/739747593147514940/image1.png" class="tooltipster" title="20">
  17. <img src="https://cdn.discordapp.com/attachments/707054523910324235/739747592790868019/image0.png" class="tooltipster" title="20">
  18. <img src="https://cdn.discordapp.com/attachments/707054523910324235/739748640746373220/image0.png" class="tooltipster" title="20">
  19. </div>
  20. </center>
  21. </div>
  22.  
  23. <!---- RIGHT COL ---->
  24. <div class="col">
  25. <!---- CHARACTER NAME ---->
  26. <div style="background-color:#fff;border-radius:12px;display:inline-block;color:#333;padding:0 12px;font-weight:bold;text-transform:uppercase;font-size:28px;margin:0 15px 6px 0;">
  27. Character Name
  28. </div>
  29.  
  30. <!---- SUB HEADER ---->
  31. <div style="font-size:18px;padding:0 12px;text-transform:uppercase;font-weight:bold;">
  32. <span style="color:#bb875b;">Adjective</span> .
  33. <span style="color:#81b8ae;">Race</span>
  34. </div>
  35.  
  36. <!---- TEXT BOX ---->
  37. <div style="background-color:#fff;padding:12px;border-top-left-radius:12px;border-top-right-radius:12px;margin-top:18px;min-height:100px;color:#333;">
  38.  
  39. <div style="font-size:18px;padding:0 12px;text-transform:uppercase;font-weight:bold;">Intro <i class="fas fa-caret-right" /></div>
  40. <div class="row no-gutters">
  41. <div class="col">
  42. <table class="border-0 w-100">
  43. <tr>
  44. <td style="background-color:#e8b492;border-top-left-radius:8px;color:#fff;font-weight:bold;">GENDER</td>
  45. <td style="background-color:#f7f7f7;border-top-right-radius:8px;">Content</td>
  46. </tr>
  47.  
  48. <tr>
  49. <td style="background-color:#e8b492;color:#fff;font-weight:bold;">PRONOUNS</td>
  50. <td style="background-color:#f7f7f7;">Content</td>
  51. </tr>
  52.  
  53. <tr>
  54. <td style="background-color:#e8b492;color:#fff;font-weight:bold;">NICKNAMES</td>
  55. <td style="background-color:#f7f7f7;">Content</td>
  56. </tr>
  57.  
  58. <tr>
  59. <td style="background-color:#e8b492;border-bottom-left-radius:8px;color:#fff;font-weight:bold;">AGE</td>
  60. <td style="background-color:#f7f7f7;border-bottom-right-radius:8px;">Content</td>
  61. </tr>
  62. </table>
  63. </div>
  64.  
  65. <div class="col">
  66. <table class="border-0 w-100">
  67. <tr>
  68. <td style="background-color:#e8b492;border-top-left-radius:8px;color:#fff;font-weight:bold;">HEIGHT</td>
  69. <td style="background-color:#f7f7f7;border-top-right-radius:8px;">Content</td>
  70. </tr>
  71.  
  72. <tr>
  73. <td style="background-color:#e8b492;color:#fff;font-weight:bold;">RACE</td>
  74. <td style="background-color:#f7f7f7;">Or species</td>
  75. </tr>
  76.  
  77. <tr>
  78. <td style="background-color:#e8b492;color:#fff;font-weight:bold;">JOB</td>
  79. <td style="background-color:#f7f7f7;">Content</td>
  80. </tr>
  81.  
  82. <tr>
  83. <td style="background-color:#e8b492;border-bottom-left-radius:8px;color:#fff;font-weight:bold;">BIRTHDAY</td>
  84. <td style="background-color:#f7f7f7;border-bottom-right-radius:8px;">Content</td>
  85. </tr>
  86. </table>
  87. </div>
  88. </div>
  89. <br>
  90. <div style="font-size:18px;padding:0 12px;text-transform:uppercase;font-weight:bold;">Personality <i class="fas fa-caret-right" /></div>
  91. <p style="text-indent:20px;">Text goes here.</p>
  92.  
  93. <div style="font-size:18px;padding:0 12px;text-transform:uppercase;font-weight:bold;">Backstory <i class="fas fa-caret-right" /></div>
  94. <p style="text-indent:20px;">Text goes here.</p>
  95. <br>
  96. <div style="font-size:18px;padding:0 12px;text-transform:uppercase;font-weight:bold;">Likes/Dislikes <i class="fas fa-caret-right" /></div>
  97. <div class="row no-gutters">
  98. <div class="col">
  99. <ul>
  100. <li>Likes</li>
  101. <li>Likes</li>
  102. <li>Likes</li>
  103. </ul>
  104. </div>
  105. <div class="col">
  106. <ul>
  107. <li>Dislikes</li>
  108. <li>Dislikes</li>
  109. <li>Dislikes</li>
  110. </ul>
  111. </div>
  112. </div>
  113. </div>
  114.  
  115. <!---- RELATIONSHIPS ---->
  116. <div style="font-weight:bold;color:#fff;font-size:28px;text-transform:uppercase;padding-top:12px;">
  117. Relationships <i class="fas fa-caret-right" />
  118. </div>
  119.  
  120. <div class="row no-gutters">
  121. <!---- CHARACTER 1 ---->
  122. <div class="col text-center">
  123. <!---- IMAGE ---->
  124. <img src="https://via.placeholder.com/100" style="border-radius:100px;border:4px solid #fff;background-size:cover;">
  125. <!---- NAME ---->
  126. <div style="text-transform:uppercase;font-weight:bold;color:#555;font-size:18px;">
  127. NAME
  128. </div>
  129. <!---- HEARTS ---->
  130. <i class="fas fa-heart fa-lg" style="color:#d24f3a;" /> <i class="fas fa-heart fa-lg" style="color:#d24f3a;" /> <i class="fas fa-heart fa-lg" style="color:#d24f3a;" /> <i class="fas fa-heart fa-lg" style="color:#d24f3a;" /> <i class="fas fa-heart fa-lg" style="color:#d24f3a;" />
  131. <!---- COMMENTS ---->
  132. <p style="color:#333">Keep this short!</p>
  133. </div>
  134.  
  135. <!---- CHARACTER 2 ---->
  136. <div class="col text-center">
  137. <!---- IMAGE ---->
  138. <img src="https://via.placeholder.com/100" style="border-radius:100px;border:4px solid #fff;background-size:cover;">
  139. <!---- NAME ---->
  140. <div style="text-transform:uppercase;font-weight:bold;color:#555;font-size:18px;">
  141. NAME
  142. </div>
  143. <!---- HEARTS ---->
  144. <i class="fas fa-heart fa-lg" style="color:#d24f3a;" /> <i class="fas fa-heart fa-lg" style="color:#d24f3a;" /> <i class="fas fa-heart fa-lg" style="color:#d24f3a;" /> <i class="fas fa-heart fa-lg" style="color:#d24f3a;" /> <i class="fas fa-heart fa-lg" style="color:#d24f3a;" />
  145. <!---- COMMENTS ---->
  146. <p style="color:#333">Keep this short!</p>
  147. </div>
  148.  
  149. <!---- CHARACTER 3 ---->
  150. <div class="col text-center">
  151. <!---- IMAGE ---->
  152. <img src="https://via.placeholder.com/100" style="border-radius:100px;border:4px solid #fff;background-size:cover;">
  153. <!---- NAME ---->
  154. <div style="text-transform:uppercase;font-weight:bold;color:#555;font-size:18px;">
  155. NAME
  156. </div>
  157. <!---- HEARTS ---->
  158. <i class="fas fa-heart fa-lg" style="color:#d24f3a;" /> <i class="fas fa-heart fa-lg" style="color:#d24f3a;" /> <i class="fas fa-heart fa-lg" style="color:#d24f3a;" /> <i class="fas fa-heart fa-lg" style="color:#d24f3a;" /> <i class="fas fa-heart fa-lg" style="color:#d24f3a;" />
  159. <!---- COMMENTS ---->
  160. <p style="color:#333">Keep this short!</p>
  161. </div>
  162.  
  163. <!---- CHARACTER 4 ---->
  164. <div class="col text-center">
  165. <!---- IMAGE ---->
  166. <img src="https://via.placeholder.com/100" style="border-radius:100px;border:4px solid #fff;background-size:cover;">
  167. <!---- NAME ---->
  168. <div style="text-transform:uppercase;font-weight:bold;color:#555;font-size:18px;">
  169. NAME
  170. </div>
  171. <!---- HEARTS ---->
  172. <i class="fas fa-heart fa-lg" style="color:#d24f3a;" /> <i class="fas fa-heart fa-lg" style="color:#d24f3a;" /> <i class="fas fa-heart fa-lg" style="color:#d24f3a;" /> <i class="fas fa-heart fa-lg" style="color:#d24f3a;" /> <i class="fas fa-heart fa-lg" style="color:#d24f3a;" />
  173. <!---- COMMENTS ---->
  174. <p style="color:#333">Keep this short!</p>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. </div>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!