API tools faq
paste
littlemountainwitch

NerdBot request

littlemountainwitch
Aug 2nd, 2020
65
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.16 KB | None | 0 0
raw download clone embed print report
  1. <!--to change the background image to a color, replace 'background: url(https://i.pinimg.com/originals/dc/56/0a/dc560a46f7bcca05319e7c2bb52b521c.jpg) center no-repeat;' with 'background-color: #colorcode or color name;'-->
  2.  
  3. <div class = "card container-fluid mx-auto rounded" style = "padding: 5%; border: 1px solid #ffffff; max-width: 1000px; background: url(https://i.pinimg.com/originals/dc/56/0a/dc560a46f7bcca05319e7c2bb52b521c.jpg) center no-repeat;">
  4. <div class = "card container-fluid mx-auto rounded" style = "background: rgba(247, 247, 247, .9)">
  5. <div class = "rounded-top row p-1" style = "background-color: black;">
  6. <div class = "col-12 p-1" style = "text-align: center;">
  7. <!--title/motto-->
  8. <h1 class = "text-uppercase p-1" style = "font-size: 100%; color: white;"><b>Title/Motto</b></h1>
  9. </div>
  10. </div>
  11. <div class = "row">
  12. <div class = "ml-0 pl-0 pb-0 mb-0 col-4" style = "width: auto; height: auto; text-align: center;">
  13. <!--to change image, replace the url in src = "" with the url of your image-->
  14. <img class = "ml-0 pl-0 float-left rounded-bottom my-auto" style = "object-fit: cover; width: auto; height: 300px; " src = "https://vignette.wikia.nocookie.net/transformers/images/6/6e/Tfa-optimusprime-1.jpg/revision/latest/top-crop/width/720/height/900?cb=20071215165324" alt = "pfp" />
  15. </div>
  16. <div class = "col-8 overflow-auto" style = "max-height: 300px;">
  17. <div class = "row">
  18. <div class = "rounded-bottom col-12" style = " background-color: white; height: 300px;">
  19. <h3 class = "text-uppercase p-2">Description</h3>
  20. <hr />
  21. <div class = "row">
  22. <div class = "col">
  23. <span class = "float-left">Name</span>
  24. </div>
  25. <div class = "col">
  26. <span class = "float-right">. . .</span>
  27. </div>
  28. </div>
  29. <hr />
  30. <div class = "row">
  31. <div class = "col">
  32. <span class = "float-left">Faction</span>
  33. </div>
  34. <div class = "col">
  35. <span class = "float-right">. . .</span>
  36. </div>
  37. </div>
  38. <hr />
  39. <div class = "row">
  40. <div class = "col">
  41. <span class = "float-left">Sub Faction</span>
  42. </div>
  43. <div class = "col">
  44. <span class = "float-right">. . .</span>
  45. </div>
  46. </div>
  47. <hr />
  48. <div class = "row">
  49. <div class = "col">
  50. <span class = "float-left">Height</span>
  51. </div>
  52. <div class = "col">
  53. <span class = "float-right">. . .</span>
  54. </div>
  55. </div>
  56. <hr />
  57. <div class = "row">
  58. <div class = "col">
  59. <span class = "float-left">Mental Age (In Earth Terms)</span>
  60. </div>
  61. <div class = "col">
  62. <span class = "float-right">. . .</span>
  63. </div>
  64. </div>
  65. <hr />
  66. <div class = "row">
  67. <div class = "col">
  68. <span class = "float-left">Allegiance</span>
  69. </div>
  70. <div class = "col">
  71. <span class = "float-right">. . .</span>
  72. </div>
  73. </div>
  74. <hr />
  75. <div class = "row">
  76. <div class = "col">
  77. <span class = "float-left">Function</span>
  78. </div>
  79. <div class = "col">
  80. <span class = "float-right">. . .</span>
  81. </div>
  82. </div>
  83. <hr />
  84. <div class = "row">
  85. <div class = "col">
  86. <span class = "float-left">Alternate Mode</span>
  87. </div>
  88. <div class = "col">
  89. <span class = "float-right">. . .</span>
  90. </div>
  91. </div>
  92. <hr />
  93. <div class = "row">
  94. <div class = "col">
  95. <span class = "float-left">Occupation/Job</span>
  96. </div>
  97. <div class = "col">
  98. <span class = "float-right">. . .</span>
  99. </div>
  100. </div>
  101. <hr />
  102. <div class = "row">
  103. <div class = "col">
  104. <span class = "float-left">Personality</span>
  105. </div>
  106. <div class = "col">
  107. <span class = "float-right">. . .</span>
  108. </div>
  109. </div>
  110. <hr />
  111. <div class = "row">
  112. <div class = "col">
  113. <span class = "float-left">Weapons</span>
  114. </div>
  115. <div class = "col">
  116. <span class = "float-right">. . .</span>
  117. </div>
  118. </div>
  119. <hr />
  120. <div class = "row">
  121. <div class = "col">
  122. <span class = "float-left">Fighting style</span>
  123. </div>
  124. <div class = "col">
  125. <span class = "float-right">. . .</span>
  126. </div>
  127. </div>
  128. <hr />
  129. <div class = "row">
  130. <div class = "col">
  131. <span class = "float-left">Abilities</span>
  132. </div>
  133. <div class = "col">
  134. <span class = "float-right">. . .</span>
  135. </div>
  136. </div>
  137. <hr />
  138. <div class = "row">
  139. <div class = "col">
  140. <span class = "float-left">Universe most used within</span>
  141. </div>
  142. <div class = "col">
  143. <span class = "float-right">. . .</span>
  144. </div>
  145. </div>
  146. <hr />
  147. <div class = "row">
  148. <div class = "col">
  149. <span class = "float-left">Sparkmate</span>
  150. </div>
  151. <div class = "col">
  152. <span class = "float-right">. . .</span>
  153. </div>
  154. </div>
  155. <hr />
  156. <div class = "row">
  157. <div class = "col">
  158. <span class = "float-left">Sexuality</span>
  159. </div>
  160. <div class = "col">
  161. <span class = "float-right">. . .</span>
  162. </div>
  163. </div>
  164. <hr />
  165. <div class = "row">
  166. <div class = "col">
  167. <span class = "float-left">Strength</span>
  168. </div>
  169. <div class = "col">
  170. <span class = "float-right">. . .</span>
  171. </div>
  172. </div>
  173. <hr />
  174. <div class = "row">
  175. <div class = "col">
  176. <span class = "float-left">Intelligence</span>
  177. </div>
  178. <div class = "col">
  179. <span class = "float-right">. . .</span>
  180. </div>
  181. </div>
  182. <hr />
  183. <div class = "row">
  184. <div class = "col">
  185. <span class = "float-left">Speed</span>
  186. </div>
  187. <div class = "col">
  188. <span class = "float-right">. . .</span>
  189. </div>
  190. </div>
  191. <hr />
  192. <div class = "row">
  193. <div class = "col">
  194. <span class = "float-left">Endurance</span>
  195. </div>
  196. <div class = "col">
  197. <span class = "float-right">. . .</span>
  198. </div>
  199. </div>
  200. <hr />
  201. <div class = "row">
  202. <div class = "col">
  203. <span class = "float-left">Rank</span>
  204. </div>
  205. <div class = "col">
  206. <span class = "float-right">. . .</span>
  207. </div>
  208. </div>
  209. <hr />
  210. <div class = "row">
  211. <div class = "col">
  212. <span class = "float-left">Courage</span>
  213. </div>
  214. <div class = "col">
  215. <span class = "float-right">. . .</span>
  216. </div>
  217. </div>
  218. <hr />
  219. <div class = "row">
  220. <div class = "col">
  221. <span class = "float-left">Firepower</span>
  222. </div>
  223. <div class = "col">
  224. <span class = "float-right">. . .</span>
  225. </div>
  226. </div>
  227. <hr />
  228. <div class = "row">
  229. <div class = "col">
  230. <span class = "float-left">Skill</span>
  231. </div>
  232. <div class = "col">
  233. <span class = "float-right">. . .</span>
  234. </div>
  235. </div>
  236. <hr />
  237. <div class = "row">
  238. <div class = "col">
  239. <span class = "float-left">Weaknesses</span>
  240. </div>
  241. <div class = "col">
  242. <span class = "float-right">. . .</span>
  243. </div>
  244. </div>
  245. <!--to add more to the description list, copy and paste the code from below to just above this comment-->
  246. <!--
  247. <hr />
  248. <div class = "row">
  249. <div class = "col">
  250. <span class = "float-left">Weaknesses</span>
  251. </div>
  252. <div class = "col">
  253. <span class = "float-right">. . .</span>
  254. </div>
  255. </div>
  256. -->
  257. <hr />
  258. <div class = "row">
  259. <div class = "col">
  260. <span class = "float-left">Armor colors:</span>
  261. </div>
  262. </div>
  263. <div class = "row">
  264. <div class = "col">
  265. <!--to change the colors, either replace the text 'color: [here];' with a color name, or google 'hex color picker' and paste the color code you want with a # in front-->
  266. <i style = "color: #1a407f;" class="fa fa-circle" aria-hidden="true"></i>
  267. <i style = "color: #1a407f;" class="fa fa-circle" aria-hidden="true"></i>
  268. <i style = "color: #1a407f;" class="fa fa-circle" aria-hidden="true"></i>
  269. </div>
  270. </div>
  271. <hr />
  272. <div class = "row">
  273. <div class = "col">
  274. <span class = "float-left">Color of optics:</span>
  275. </div>
  276. </div>
  277. <div class = "row">
  278. <div class = "col">
  279. <i style = "color: #dd0032;" class="fa fa-circle" aria-hidden="true"></i>
  280. <i style = "color: #dd0032;" class="fa fa-circle" aria-hidden="true"></i>
  281. <i style = "color: #dd0032;" class="fa fa-circle" aria-hidden="true"></i>
  282. </div>
  283. </div>
  284. <hr />
  285. <div class = "row">
  286. <div class = "col">
  287. <span class = "float-left">Color Scheme:</span>
  288. </div>
  289. </div>
  290. <div class = "row">
  291. <div class = "col">
  292. <i style = "color: #83d4ea;" class="fa fa-circle" aria-hidden="true"></i>
  293. <i style = "color: #83d4ea;" class="fa fa-circle" aria-hidden="true"></i>
  294. <i style = "color: #83d4ea;" class="fa fa-circle" aria-hidden="true"></i>
  295. </div>
  296. </div>
  297. <br />
  298. <div class = "row">
  299. <div class = "overflow-auto rounded col-6" style = "max-height: 200px; background-color: transparent;">
  300. <h3 class = "text-uppercase rounded p-2">Random Facts</h3>
  301. <hr />
  302. <ul>
  303. <!--you're free to copy a <li></li> and paste here to add more to your character's facts-->
  304. <li>Lorpx ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tpxpor incididunt ut labore et dolore magna aliqua.</li>
  305. <li>Lorpx ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tpxpor incididunt ut labore et dolore magna aliqua.</li>
  306. <li>Lorpx ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tpxpor incididunt ut labore et dolore magna aliqua.</li>
  307. </ul>
  308. </div>
  309. <!--backgroun info-->
  310. <div class = "overflow-auto rounded col-6" style = "max-height: 200px; background-color: transparent;">
  311. <h3 class = "text-uppercase rounded p-2"> Background</h3>
  312. <hr />
  313. <span>Lorpx ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tpxpor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span>
  314. </div>
  315. </div>
  316. </div>
  317. </div>
  318. </div>
  319. </div>
  320. <div class = "row">
  321. <div class = "overflow-auto col-8 my-3 mx-auto">
  322. <div class = "my-3 mx-auto">
  323. <!--music player, credit to @phasmology on toyhou.se for this code-->
  324. <div id="playlist" class="carousel slide" data-interval="900000">
  325. <div class="carousel-inner">
  326.  
  327. <!-- SONG 1 -->
  328. <div class="carousel-item active">
  329. <div class="justify-content-between mx-3" style="overflow:hidden; max-height:1.5em;">
  330. <span><iframe class="flex-fill" style="height:1em; width:1em; opacity:0; position:absolute; margin-top:5.5px; z-index:1;" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen src="https://www.youtube.com/embed/6Ivz1XfpG_8"></iframe>
  331. <a style = "color: black;" href=""><i style = "color: black;" class="fas fa-play"></i></a> <a style = "color: black;" href="#playlist" role="button" data-slide="next"><i style = "color: black;" class="fas fa-step-forward"></i></a></span>
  332. <span style="font-size: 100%">Burning Down the House<span class="text-muted">- The Used</span></span>
  333. </div>
  334. </div>
  335.  
  336. <!-- SONG 2 -->
  337. <!--<div class="carousel-item">
  338. <div class="justify-content-between mx-3" style="overflow:hidden; max-height:1.5em;">
  339. <span><iframe class="flex-fill" style="height:1em; width:1em; opacity:0; position:absolute; margin-top:5.5px; z-index:1;" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen src="https://www.youtube.com/embed/VIDEOID"></iframe>
  340. <a href=""><i style = "color: black;" class="fas fa-play"></i></a> <a href="#playlist" role="button" data-slide="next"><i style = "color: black;" class="fas fa-step-forward"></i></a></span>
  341. <span style="font-size: 100%">TITLE <span class="text-muted">- ARTIST</span>
  342. <i style = "color: black;" class="fas fa-exclamation-triangle fa-xs text-warning tooltipster" title="Explicit Content"></i></span>
  343. </div>
  344. </div>-->
  345.  
  346. <!-- copy & paste song 2 here without the '--><!--' for more songs. To get the video ID, just click 'share' on youtube video and then click 'embed' and find the youtube link in the embed, then copy the code after the last slash-->
  347. </div>
  348. </div>
  349. </div>
  350. </div>
  351. <!--this is faction image-->
  352. <div class = "rounded col-4 m-0 p-0" style = "text-align: right;">
  353. <img class = "rounded m-0 p-2" style = "height: 100px; width: 100px; background-color: #ffffff; " src = "https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/Black_colour.jpg/1200px-Black_colour.jpg" alt = "faction-image" />
  354. </div>
  355. </div>
  356. </div>
  357. </div>
  358. <!--feel free to move this credit elsewhere in the design, but I would appreciate if you could have it somewhere in the profile. Thanks ^^-->
  359. <div class = "mx-auto card container-fluid" style = "border: none; max-width: 1000px;">
  360. <a class = "float-right" href = "https://toyhou.se/littlemountainwitch" target = "_blank" style = "color: black;"><p>credit</p></a>
  361. </div>
  362.  
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!