API tools faq
paste
MCDogWarrior

Aesthetic Character

MCDogWarrior
May 10th, 2021 (edited)
780
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.24 KB | None | 0 0
raw download clone embed print report
  1. <div class="container-fluid my-1" style="color:#ffffff;max-width:1000px;">
  2. <div class="container">
  3. <div class="card card-block bg-faded" style="background-color:#090A31;">
  4. <div class="row">
  5. <div class="col-3">
  6. <div style="background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png/v1/fill/w_1147,h_696,q_70,strp/img_by_mcdogwarrior_deixvjm-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9Nzc3IiwicGF0aCI6IlwvZlwvMmRlMjQzZDYtZWMwNS00YTg0LTkzNDktNzc5YTI1YjQ4YzkyXC9kZWl4dmptLWViN2ZmM2M2LWI5OTktNGQwNy04MDRhLTg4ZWJmYTg5NjhhYS5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.YG0ABhcre5NIwkjspfvti9Zi_SoHjly7SC-TZyNNLDk); background-repeat: no-repeat; background-size:cover; background-position: center; min-height:200px; max-width:200px;" class="card-block h-0" >
  7. <!-- you may remove the credit link overlay if you wish (especially if it is your own artwork)-->
  8. <a href="CREDIT LINK" class="text-white" style="position:absolute; bottom:450px; left:10px; font-size:10px; opacity:0.35;" data-toggle="tooltip" title="img credit"><i class="fas fa-image"></i> </a>
  9. <!-- stop removing credit link here -->
  10. </div>
  11. <br>
  12. <div style="background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png/v1/fill/w_1147,h_696,q_70,strp/img_by_mcdogwarrior_deixvjm-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9Nzc3IiwicGF0aCI6IlwvZlwvMmRlMjQzZDYtZWMwNS00YTg0LTkzNDktNzc5YTI1YjQ4YzkyXC9kZWl4dmptLWViN2ZmM2M2LWI5OTktNGQwNy04MDRhLTg4ZWJmYTg5NjhhYS5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.YG0ABhcre5NIwkjspfvti9Zi_SoHjly7SC-TZyNNLDk); background-repeat: no-repeat; background-size:cover; background-position: center; min-height:200px; max-width:200px;" class="card-block h-0" >
  13. <a href="CREDIT LINK" class="text-white" style="position:absolute; bottom:229px; left:10px; font-size:10px; opacity:0.35;" data-toggle="tooltip" title="img credit"><i class="fas fa-image"></i> </a>
  14. </div>
  15. <br>
  16. <div style="background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png/v1/fill/w_1147,h_696,q_70,strp/img_by_mcdogwarrior_deixvjm-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9Nzc3IiwicGF0aCI6IlwvZlwvMmRlMjQzZDYtZWMwNS00YTg0LTkzNDktNzc5YTI1YjQ4YzkyXC9kZWl4dmptLWViN2ZmM2M2LWI5OTktNGQwNy04MDRhLTg4ZWJmYTg5NjhhYS5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.YG0ABhcre5NIwkjspfvti9Zi_SoHjly7SC-TZyNNLDk); background-repeat: no-repeat; background-size:cover; background-position: center; min-height:200px; max-width:200px;" class="card-block h-0" >
  17. <a href="CREDIT LINK" class="text-white" style="position:absolute; bottom:7px; left:10px; font-size:10px; opacity:0.35;" data-toggle="tooltip" title="img credit"><i class="fas fa-image"></i> </a>
  18. </div>
  19. </div>
  20.  
  21. <div class="col-6">
  22. <div class="card card-block bg-faded" style="background-color:#15158A;">
  23. <p style="text-align: center;"><span style="font-size: 25px;"><i class="far fa-sun">&nbsp;</i><strong>TITLE</strong>&nbsp;<i class="fas fa-sun"></span></p>
  24. <!-- change the icons on https://fontawesome.com/icons?d=gallery&p=2 if you need to (keep the fa- part, change the "far/fas" part to change the appearence) -->
  25. </div>
  26. <div class="card card-block bg-faded my-2" style="background-color:#15158A; max-height:150px; min-height:135px; overflow:auto;">
  27. <div class="col-12 justify-content-between" style="text-align: center;"><strong>Name</strong> info</div>
  28. <div class="col-12 justify-content-between" style="text-align: center;"><strong>Age</strong> info</div>
  29. <div class="col-12 justify-content-between" style="text-align: center;"><strong>Gender</strong> info</div>
  30. <div class="col-12 justify-content-between" style="text-align: center;"><strong>Species</strong> info</div>
  31. <div class="col-12 justify-content-between" style="text-align: center;"><strong>Orientation</strong> info</div>
  32. </div>
  33. <!-- you can change the labels for this part, maybe to "worth" or "birthday" or "favorite color", idk you decide -->
  34.  
  35. <div style="background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png/v1/fill/w_1147,h_696,q_70,strp/img_by_mcdogwarrior_deixvjm-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9Nzc3IiwicGF0aCI6IlwvZlwvMmRlMjQzZDYtZWMwNS00YTg0LTkzNDktNzc5YTI1YjQ4YzkyXC9kZWl4dmptLWViN2ZmM2M2LWI5OTktNGQwNy04MDRhLTg4ZWJmYTg5NjhhYS5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.YG0ABhcre5NIwkjspfvti9Zi_SoHjly7SC-TZyNNLDk); background-repeat: no-repeat; background-size:cover; background-position: center; min-height:60px; max-width:500px;" class="card-block h-0" >
  36. <a href="CREDIT LINK" class="text-white" style="position:absolute; bottom:302px; right:15px; font-size:10px; opacity:0.35;" data-toggle="tooltip" title="img credit"><i class="fas fa-image"></i> </a>
  37. <div class="progress" style="height:5px;"><div class="progress-bar " style="width:0%;background-color:#B993FF;"><br></div><div class="progress-bar"style="width: 100%;background-color: #6E26D0;"><br></div></div>
  38. <div class="row">
  39. <div class="col-2">
  40. <div class="card card-block bg-faded my-2" style="background-color:#818181; max-height:100px;"></div>
  41. </div>
  42. <div class="col-2">
  43. <div class="card card-block bg-faded my-2" style="background-color:#818181; max-height:100px;"></div>
  44. </div>
  45. <div class="col-2">
  46. <div class="card card-block bg-faded my-2" style="background-color:#818181; max-height:100px;"></div>
  47. </div>
  48. <div class="col-2">
  49. <div class="card card-block bg-faded my-2" style="background-color:#818181; max-height:100px;"></div>
  50. </div>
  51. <div class="col-2">
  52. <div class="card card-block bg-faded my-2" style="background-color:#818181; max-height:100px;"></div>
  53. </div>
  54. <div class="col-2">
  55. <div class="card card-block bg-faded my-2" style="background-color:#818181; max-height:100px;"></div>
  56. </div>
  57. <!-- color palette, change the card colors to the character's color scheme -->
  58. </div>
  59. <div class="progress" style="height:5px;"><div class="progress-bar " style="width:0%;background-color:#B993FF;"><br></div><div class="progress-bar"style="width: 100%;background-color: #6E26D0;"><br></div></div></div>
  60.  
  61. <div class="card card-block bg-faded my-2" style="background-color:#15158A; max-height:250px; min-height:250px; overflow:auto;">
  62. <a style="text-align: left;"><span style="font-size: 18px;"><u>Header</u>&nbsp;<i class="fas fa-sun"></span></p>
  63. <a>words words words, typing stuff, words words words</p>
  64. <a>blahda blahda blah</p>
  65. <a>yadda yadda yooder</p>
  66.  
  67. <a style="text-align: right;"><span style="font-size: 18px;"><i class="far fa-sun">&nbsp;</i><u>Header</u></span></p>
  68. <a style="text-align: right;">bloodee blahdee bloo</p>
  69. <a style="text-align: right;">surely this is what people say when they talk</p>
  70. <a style="text-align: right;">box scrolls if it gets full</p>
  71. </div>
  72. <!-- information, maybe like a personality description or small backstory -->
  73. <p><div align="center"><audio controls="" style="background:rgb(110, 38, 208);padding:4px;border-radius:40px;min-width:425px;height:35px;"><source src="SONG URL"><br></audio></p>
  74. <!-- music, maybe what the character's based on, what their favorite jam is, or just their theme song -->
  75. <a href="CREDIT LINK" class="text-white" style="position:absolute; bottom:5px; left:13px; font-size:10px; opacity:0.35;" data-toggle="tooltip" title="msc credit"><i class="fas fa-music"></i> </a>
  76.  
  77.  
  78. </div>
  79. </div>
  80.  
  81. <div class="col-3">
  82. <div style="background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png/v1/fill/w_1147,h_696,q_70,strp/img_by_mcdogwarrior_deixvjm-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9Nzc3IiwicGF0aCI6IlwvZlwvMmRlMjQzZDYtZWMwNS00YTg0LTkzNDktNzc5YTI1YjQ4YzkyXC9kZWl4dmptLWViN2ZmM2M2LWI5OTktNGQwNy04MDRhLTg4ZWJmYTg5NjhhYS5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.YG0ABhcre5NIwkjspfvti9Zi_SoHjly7SC-TZyNNLDk); background-repeat: no-repeat; background-size:cover; background-position: center; min-height:200px; max-width:200px;" class="card-block h-0" >
  83. <a href="CREDIT LINK" class="text-white" style="position:absolute; bottom:450px; left:10px; font-size:10px; opacity:0.35;" data-toggle="tooltip" title="img credit"><i class="fas fa-image"></i> </a>
  84. </div>
  85. <br>
  86. <div style="background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png/v1/fill/w_1147,h_696,q_70,strp/img_by_mcdogwarrior_deixvjm-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9Nzc3IiwicGF0aCI6IlwvZlwvMmRlMjQzZDYtZWMwNS00YTg0LTkzNDktNzc5YTI1YjQ4YzkyXC9kZWl4dmptLWViN2ZmM2M2LWI5OTktNGQwNy04MDRhLTg4ZWJmYTg5NjhhYS5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.YG0ABhcre5NIwkjspfvti9Zi_SoHjly7SC-TZyNNLDk); background-repeat: no-repeat; background-size:cover; background-position: center; min-height:200px; max-width:200px;" class="card-block h-0" >
  87. <a href="CREDIT LINK" class="text-white" style="position:absolute; bottom:229px; left:10px; font-size:10px; opacity:0.35;" data-toggle="tooltip" title="img credit"><i class="fas fa-image"></i> </a>
  88. </div>
  89. <br>
  90. <div style="background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2de243d6-ec05-4a84-9349-779a25b48c92/deixvjm-eb7ff3c6-b999-4d07-804a-88ebfa8968aa.png/v1/fill/w_1147,h_696,q_70,strp/img_by_mcdogwarrior_deixvjm-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9Nzc3IiwicGF0aCI6IlwvZlwvMmRlMjQzZDYtZWMwNS00YTg0LTkzNDktNzc5YTI1YjQ4YzkyXC9kZWl4dmptLWViN2ZmM2M2LWI5OTktNGQwNy04MDRhLTg4ZWJmYTg5NjhhYS5wbmciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.YG0ABhcre5NIwkjspfvti9Zi_SoHjly7SC-TZyNNLDk); background-repeat: no-repeat; background-size:cover; background-position: center; min-height:200px; max-width:200px;" class="card-block h-0" >
  91. <a href="CREDIT LINK" class="text-white" style="position:absolute; bottom:7px; left:10px; font-size:10px; opacity:0.35;" data-toggle="tooltip" title="img credit"><i class="fas fa-image"></i> </a>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. <p style="text-align: right;"><span style="font-size: 9px;">Code by <a href="https://toyhou.se/MCDogResource" id="">MCDogWarrior</a></span></p>
  97. </div>
  98. </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!