API tools faq
paste
katsud0n

Dappervolk Character Code - Free User

katsud0n
Aug 3rd, 2020
201
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.87 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. Content goes here! Box will stretch w/ what you write.
  39. </div>
  40.  
  41. <!---- RELATIONSHIPS ---->
  42. <div style="font-weight:bold;color:#fff;font-size:28px;text-transform:uppercase;padding-top:12px;">
  43. Relationships <i class="fas fa-caret-right" />
  44. </div>
  45.  
  46. <div class="row no-gutters">
  47. <!---- CHARACTER 1 ---->
  48. <div class="col text-center">
  49. <!---- IMAGE ---->
  50. <img src="https://via.placeholder.com/100" style="border-radius:100px;border:4px solid #fff;background-size:cover;">
  51. <!---- NAME ---->
  52. <div style="text-transform:uppercase;font-weight:bold;color:#555;font-size:18px;">
  53. NAME
  54. </div>
  55. <!---- HEARTS ---->
  56. <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;" />
  57. <!---- COMMENTS ---->
  58. <p style="color:#333">Keep this short!</p>
  59. </div>
  60.  
  61. <!---- CHARACTER 2 ---->
  62. <div class="col text-center">
  63. <!---- IMAGE ---->
  64. <img src="https://via.placeholder.com/100" style="border-radius:100px;border:4px solid #fff;background-size:cover;">
  65. <!---- NAME ---->
  66. <div style="text-transform:uppercase;font-weight:bold;color:#555;font-size:18px;">
  67. NAME
  68. </div>
  69. <!---- HEARTS ---->
  70. <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;" />
  71. <!---- COMMENTS ---->
  72. <p style="color:#333">Keep this short!</p>
  73. </div>
  74.  
  75. <!---- CHARACTER 3 ---->
  76. <div class="col text-center">
  77. <!---- IMAGE ---->
  78. <img src="https://via.placeholder.com/100" style="border-radius:100px;border:4px solid #fff;background-size:cover;">
  79. <!---- NAME ---->
  80. <div style="text-transform:uppercase;font-weight:bold;color:#555;font-size:18px;">
  81. NAME
  82. </div>
  83. <!---- HEARTS ---->
  84. <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;" />
  85. <!---- COMMENTS ---->
  86. <p style="color:#333">Keep this short!</p>
  87. </div>
  88.  
  89. <!---- CHARACTER 4 ---->
  90. <div class="col text-center">
  91. <!---- IMAGE ---->
  92. <img src="https://via.placeholder.com/100" style="border-radius:100px;border:4px solid #fff;background-size:cover;">
  93. <!---- NAME ---->
  94. <div style="text-transform:uppercase;font-weight:bold;color:#555;font-size:18px;">
  95. NAME
  96. </div>
  97. <!---- HEARTS ---->
  98. <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;" />
  99. <!---- COMMENTS ---->
  100. <p style="color:#333">Keep this short!</p>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. </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!