API tools faq
paste
Advertisement
Guest User

Detroit: Become Human Code F2U

a guest
Dec 8th, 2023
112
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.10 KB | None | 0 0
raw download clone embed print report
  1. <div style="position:absolute; top:0; bottom:0; left:0;
  2. background:url(https://c4.wallpaperflare.com/wallpaper/216/471/778/detroit-become-human-wallpaper-preview.jpg); background-position:center;
  3. background-size:cover; width:100%; z-index:-1;
  4. opacity:0.5; filter:blur(5px);">
  5. <br>
  6. </div>
  7. <!--- ^ BACKGROUND ^ ----->
  8. <div class="container p-0 mt-3">
  9. <!------- START --------->
  10. <div class="row no-gutters justify-content-center">
  11. <div class="col-lg-3 p-1">
  12. <div class="character-description text-center bg-faded rounded-0 card p-1" style="font-family:Consolas, 'Lucida Console', monospace; font-size: 30px; background-color:rgba(0,0,0,0.5); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;">Name</div>
  13. <div class="character-description text-center bg-faded rounded-0 card p-1 mt-10" style="font-family:Consolas, 'Lucida Console', monospace; font-size: 18px; background-color:rgba(0,0,0,0.5); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;"><span class="text-primary" style="font-family:Consolas, 'Lucida Console', monospace; font-size: 14px; opacity:0.9;">&quot;Make sure to make the quote fills two lines.&quot;&nbsp;</span></div>
  14. <div class="character-description text-center bg-faded rounded-0 card p-1 mt-2" style="font-family:Consolas, 'Lucida Console', monospace; font-size: 18px; background-color:rgba(0,0,0,0.5); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;">
  15. <div class="row no-gutters justify-content-center">
  16. <div class="col-lg-6">model:
  17. <br><span class="text-primary" style="font-family:Consolas, 'Lucida Console', monospace; font-size: 20px; opacity:0.9;">XX-XXX&nbsp;</span></div>
  18. <div class="col-lg-6">status:
  19. <br><span class="text-primary" style="font-family:Consolas, 'Lucida Console', monospace; font-size: 20px; opacity:0.9;">MISSING&nbsp;</span></div>
  20. </div>
  21. </div>
  22. <!-------BEFORE DEVIANCY----->
  23. <div class="character-description bg-faded rounded-0 card p-1 mt-2 " style="font-family:Consolas, 'Lucida Console', monospace; font-size: 16px; background-color:rgba(0,0,0,0.5); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;">
  24.  
  25. <p><i style="opacity:0.8;" class="fa pl-1 p-1 fa-user-slash text-primary"></i> Before Deviancy</p>
  26. </div>
  27. <div class="character-description bg-faded rounded-0 card p-1" style="font-family:Consolas, 'Lucida Console', monospace; font-size: 21px; background-color:rgba(0,0,0,0.5); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;">
  28. <div class="px-1" style="font-size: 13px; height: 160px; overflow: auto; text-align: justify;">
  29.  
  30. <p class="pl-1">Describe what they used to be. Might be in fancy sentences</p>
  31.  
  32. <ul class="pl-3 text-primary" style="list-style-type: circle; opacity:0.9;">
  33. <li>Or points.</li>
  34. <li>This happened.</li>
  35. <li>And then that.</li>
  36. </ul>
  37. </div>
  38. </div>
  39. <!-------BEFORE DEVIANCY END----->
  40. <!-------BEFORE DEVIANCY----->
  41. <div class="character-description bg-faded rounded-0 card p-1 mt-2 " style="font-family:Consolas, 'Lucida Console', monospace; font-size: 16px; background-color:rgba(0,0,0,0.5); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;">
  42.  
  43. <p><i style="opacity:0.8;" class="fa pl-1 p-1 fa-user text-primary"></i> Becoming a Deviant</p>
  44. </div>
  45. <div class="character-description bg-faded rounded-0 card p-1" style="font-family:Consolas, 'Lucida Console', monospace; font-size: 21px; background-color:rgba(0,0,0,0.5); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;">
  46. <div class="px-1" style="font-size: 13px; height: 264px; overflow: auto; text-align: justify;">
  47.  
  48. <p class="pl-1">Describe their journey as a deviant. And where they are at now. Might be in fancy sentences or points.</p>
  49.  
  50. <ul class="pl-3 text-primary" style="list-style-type: circle; opacity:0.9;">
  51. <li>And then they lived happily ever after.</li>
  52. <li>Or not.</li>
  53. </ul>
  54. </div>
  55. </div>
  56. <!-------BEFORE DEVIANCY END----->
  57. </div>
  58. <!------- REFERENCE --------->
  59. <div class="col-lg-4 p-1">
  60. <div class="character-description text-center bg-faded rounded-0 card p-1" style="font-family:Consolas, 'Lucida Console', monospace; font-size: 20px; background-color:rgba(0,0,0,0.5); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;">
  61. <div class=" border-0 rounded-0 p-1">
  62. <div class="border-0 rounded-0 h-100" style="background-size:contain; background-repeat: no-repeat; background-position:center; background-image:url('https://cdn.discordapp.com/attachments/593270107371732992/1097272788676522106/AFAF.png');">
  63. <br>
  64. <br>
  65. <br>
  66. <br>
  67. <br>
  68. <br>
  69. <br>
  70. <br>
  71. <br>
  72. <br>
  73. <br>
  74. <br>
  75. <br>
  76. <br>
  77. <br>
  78. <br>
  79. <br>
  80. <br>
  81. <br>
  82. <br>
  83. <br>
  84. <br>
  85. <br>
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. <div class="col-lg-5 p-1">
  91. <div class="character-description bg-faded rounded-0 card p-1" style="font-family:Consolas, 'Lucida Console', monospace; font-size: 16px; background-color:rgba(0,0,0,0.5); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;">
  92.  
  93. <p><i style="opacity:0.8;" class="pl-1 p-1 far fa-circle text-primary"></i> About</p>
  94. </div>
  95. <div class="character-description bg-faded rounded-0 card p-1" style="font-family:Consolas, 'Lucida Console', monospace; font-size: 21px; background-color:rgba(0,0,0,0.5); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;">
  96. <div class="px-1" style="font-size: 13px; height: 167px; overflow: auto; text-align: justify;">
  97.  
  98. <p class="text-center m-1 text-primary" style="opacity:0.8; font-size: 14px;">adjective - adjective - adjective - adjective</p>
  99. <hr class="mt-1 mb-1">
  100.  
  101. <p class="pl-1">Describe their personality.</p>
  102. </div>
  103. </div>
  104. <div class="character-description bg-faded rounded-0 card p-1 mt-2" style="font-family:Consolas, 'Lucida Console', monospace; font-size: 16px; background-color:rgba(0,0,0,0.5); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;">
  105.  
  106. <p><i style="opacity:0.8;" class="fa fa-link text-primary pl-1 p-1"></i> Connections</p>
  107. </div>
  108. <div class="character-description bg-faded rounded-0 card p-1" style="font-family:Consolas, 'Lucida Console', monospace; font-size: 21px; background-color:rgba(0,0,0,0.5); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;">
  109. <div class="px-1" style="font-size: 13px; height: 445px; overflow: auto; text-align: justify;">
  110. <div class="row no-gutters justify-content-center">
  111. <!-------RELATIONSHIP------>
  112. <div class="col-lg-3 p-1">
  113. <div class="character-description text-center bg-faded rounded-0 card p-1" style="font-family:Consolas, 'Lucida Console', monospace; font-size: 20px; background-color:rgba(0,0,0,0.5); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;">
  114. <div class=" border-0 rounded-0">
  115. <div class="border-0 rounded-0 h-100" style="background-size:cover; background-repeat: no-repeat; background-position:center; background-image:url('https://cdn.discordapp.com/attachments/593270107371732992/1097267936684683375/aaaaaaaaa.png');">
  116. <br>
  117. <br>
  118. <br>
  119. <br>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. <div class="col-lg-9 p-1 pull-left">
  125.  
  126. <div class="row no-gutters">
  127. <div class="col-lg-12"><span style="font-family:Consolas, 'Lucida Console', monospace; font-size: 18px; opacity:0.9;">&gt; <a href="LINK" id="" rel="noopener noreferrer" target="_blank">Name</a></span>
  128. <hr class="mt-0 mb-1">
  129. </div><span class="" style="font-size: 12px; opacity:0.8;">[ <i class="fa fa-star text-primary"></i><i class="fa fa-star text-primary"></i><i class="fa fa-star text-primary"></i><i class="fa fa-star text-primary"></i><i class="far fa-star text-primary"></i> ]</span>
  130. <span class="" style="font-size: 13px;">&nbsp;status:</span>
  131. <span class="text-primary mb-1" style="font-size: 13px; opacity:0.8;">&nbsp;friend&nbsp;</span>
  132. <div class="col-lg-12">
  133. <div class="m-0" style="font-size: 13px; height: 77px; overflow: auto; text-align: justify;">Describe the relationship here.</div>
  134. </div>
  135. </div>
  136. </div>
  137.  
  138. <!-------RELATIONSHIP END------>
  139. <!-------RELATIONSHIP------>
  140. <div class="col-lg-3 p-1">
  141. <div class="character-description text-center bg-faded rounded-0 card p-1" style="font-family:Consolas, 'Lucida Console', monospace; font-size: 20px; background-color:rgba(0,0,0,0.5); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;">
  142. <div class=" border-0 rounded-0">
  143. <div class="border-0 rounded-0 h-100" style="background-size:cover; background-repeat: no-repeat; background-position:center; background-image:url('https://cdn.discordapp.com/attachments/593270107371732992/1097267936684683375/aaaaaaaaa.png');">
  144. <br>
  145. <br>
  146. <br>
  147. <br>
  148. </div>
  149. </div>
  150. </div>
  151. </div>
  152. <div class="col-lg-9 p-1 pull-left">
  153.  
  154. <div class="row no-gutters">
  155. <div class="col-lg-12"><span style="font-family:Consolas, 'Lucida Console', monospace; font-size: 18px; opacity:0.9;">&gt; <a href="LINK" id="" rel="noopener noreferrer" target="_blank">Name</a></span>
  156. <hr class="mt-0 mb-1">
  157. </div><span class="" style="font-size: 12px; opacity:0.7;">[ <i style="color: #FFED45;" class="fa fa-star"></i><i style="color: #FFED45;" class="fa fa-star"></i><i style="color: #FFED45;" class="far fa-star"></i><i style="color: #FFED45;" class="far fa-star"></i><i style="color: #FFED45;" class="far fa-star"></i> ]</span>
  158. <span class="" style="font-size: 13px;">&nbsp;status:</span>
  159. <span class="mb-1" style="font-size: 13px; opacity:0.7; color: #FFED45;">&nbsp;complicated&nbsp;</span>
  160. <div class="col-lg-12">
  161. <div class="m-0" style="font-size: 13px; height: 77px; overflow: auto; text-align: justify;">Describe the relationship here.</div>
  162. </div>
  163. </div>
  164. </div>
  165.  
  166. <!-------RELATIONSHIP END------>
  167. <!-------RELATIONSHIP------>
  168. <div class="col-lg-3 p-1">
  169. <div class="character-description text-center bg-faded rounded-0 card p-1" style="font-family:Consolas, 'Lucida Console', monospace; font-size: 20px; background-color:rgba(0,0,0,0.5); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px;">
  170. <div class=" border-0 rounded-0">
  171. <div class="border-0 rounded-0 h-100" style="background-size:cover; background-repeat: no-repeat; background-position:center; background-image:url('https://cdn.discordapp.com/attachments/593270107371732992/1097267936684683375/aaaaaaaaa.png');">
  172. <br>
  173. <br>
  174. <br>
  175. <br>
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. <div class="col-lg-9 p-1 pull-left">
  181.  
  182. <div class="row no-gutters">
  183. <div class="col-lg-12"><span style="font-family:Consolas, 'Lucida Console', monospace; font-size: 18px; opacity:0.9;">&gt; <a href="LINK" id="" rel="noopener noreferrer" target="_blank">Name</a></span>
  184. <hr class="mt-0 mb-1">
  185. </div><span class="" style="font-size: 12px; opacity:0.8;">[ <i class="fa fa-star text-danger"></i><i class="far fa-star text-danger"></i><i class="far fa-star text-danger"></i><i class="far fa-star text-danger"></i><i class="far fa-star text-danger"></i> ]</span>
  186. <span class="" style="font-size: 13px;">&nbsp;status:</span>
  187. <span class="text-danger mb-1" style="font-size: 13px; opacity:0.8;">&nbsp;enemy&nbsp;</span>
  188. <div class="col-lg-12">
  189. <div class="m-0" style="font-size: 13px; height: 77px; overflow: auto; text-align: justify;">Describe the relationship here.</div>
  190. </div>
  191. </div>
  192. </div>
  193.  
  194. <!-------RELATIONSHIP END------>
  195. </div>
  196. </div>
  197. </div>
  198.  
  199. <p class="text-right mt-1 mr-1">&nbsp; &nbsp; <a class="text-primary" data-toggle="tooltip" href="https://toyhou.se/xCaramelCookiex/characters/folder:3531028" id="" title="code by xCaramelCookiex"><i class="far fa-cookie-bite fa-flip-horizontal fa-sm"></i><i class="far fa-cookie"></i><i class="far fa-cookie-bite fa-sm"></i></a></p>
  200. </div>
  201. </div>
  202. </div>
  203.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!