API tools faq
paste
Advertisement
ROCKETFUEL

Spoiler | Code

ROCKETFUEL
Dec 26th, 2022
163
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.23 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3. Spoiler by ROCKETFUEL
  4.  
  5.  
  6. custom color: #C15FFC
  7.  
  8. ---->
  9. <div class="container">
  10. <div class="row ">
  11.  
  12. <!--- left col --->
  13.  
  14. <div class="col-md-6">
  15. <div class="card px-4 py-4 border-0 rounded-0 h3" style="background-color: #C15FFC; color:#ffff;">CHARACTER NAME</div>
  16.  
  17.  
  18. <div class="card bg-faded border-0 rounded-0 m-2 p-4 mx-auto" style="height: 323px; overflow:auto;"> <div class="row">
  19.  
  20.  
  21. <!--- INFO TABLE!! --->
  22.  
  23. <div class="col-sm m-2">
  24.  
  25. Full Name
  26.  
  27. <span class="pull-right text-muted">
  28.  
  29. Info
  30.  
  31. </span>
  32.  
  33.  
  34. <hr class="mt-0 mb-2">
  35.  
  36. Nickname(s)
  37.  
  38. <span class="pull-right text-muted">
  39.  
  40. Info
  41.  
  42. </span>
  43.  
  44.  
  45. <hr class="mt-0 mb-2">
  46.  
  47. Gender
  48.  
  49. <span class="pull-right text-muted">Info</span>
  50.  
  51. <hr class="mt-0 mb-2">
  52.  
  53. Pronouns
  54.  
  55. <span class="pull-right text-muted">
  56.  
  57. Info
  58.  
  59. </span>
  60.  
  61. <hr class="mt-0 mb-2">
  62.  
  63.  
  64. </div>
  65. <!--- end col 1 -->
  66.  
  67. <!--- col 2 --->
  68. <div class="col-sm m-2">
  69.  
  70. Orientation
  71.  
  72. <span class="pull-right text-muted">
  73.  
  74. Info
  75.  
  76. </span>
  77.  
  78. <hr class="mt-0 mb-2">
  79.  
  80. Age
  81.  
  82. <span class="pull-right text-muted">
  83.  
  84. Info
  85.  
  86. </span>
  87.  
  88. <hr class="mt-0 mb-2">
  89.  
  90. Height
  91.  
  92. <span class="pull-right text-muted">
  93.  
  94. Info
  95.  
  96. </span>
  97.  
  98. <hr class="mt-0 mb-2">
  99.  
  100. Rel. Status
  101.  
  102. <span class="pull-right text-muted">
  103.  
  104. Info
  105.  
  106.  
  107. </span>
  108. <hr class="mt-0 mb-2"></div>
  109.  
  110. </div>
  111.  
  112.  
  113. <!--- Info below table --->
  114.  
  115. <p>Lookout list gabion bring a spring upon her cable reef sails transom Jack Ketch American Main chantey loot. Knave heave down black jack case shot log spirits lateen sail gally gangplank coxswain. Lee cable clipper Buccaneer killick sloop aft parrel dead men tell no tales scourge of the seven seas. Lookout list gabion bring a spring upon her cable reef sails transom Jack Ketch American Main chantey loot. Knave heave down black jack case shot log spirits lateen sail gally gangplank coxswain. Lee cable clipper Buccaneer killick sloop aft parrel dead men tell no tales scourge of the seven seas.</p>
  116. </div>
  117.  
  118. </div>
  119.  
  120.  
  121.  
  122. <!--- rt col --->
  123. <div class="col-md-6">
  124.  
  125. <!--- Change top right image below --->
  126.  
  127. <div class="card border-0" style="background: url(https://s3.amazonaws.com/comicgeeks/characters/avatars/6712.jpg); height: 400px; background-size: cover;"/>
  128.  
  129. </div>
  130. </div>
  131.  
  132.  
  133.  
  134.  
  135. <!--- collapse button --->
  136.  
  137. <a class="btn btn-primary p-3 border-0 rounded-0 w-100" style="background-color:#C15FFC;" data-toggle="collapse" href="#collapsetab">
  138.  
  139. <!--- Change the text here!---->
  140. !! SPOILER ALERT !!
  141.  
  142. </a>
  143.  
  144. <!---- collapsed area ---->
  145. <div class="collapse multi-collapse" id="collapsetab">
  146.  
  147. <div class="container m-1">
  148. <div class="row">
  149.  
  150. <div class="col-lg-3">
  151.  
  152.  
  153. <!--- bottom left image -->
  154.  
  155. <div class="card border-0 rounded-0" style="background: url(https://comicvine.gamespot.com/a/uploads/scale_medium/11156/111564182/8691487-stephaniebrown.jpg); height: 400px; background-size: cover;"/>
  156. </div>
  157.  
  158. <div class="col-lg-6">
  159.  
  160. <!--- text in middle --->
  161.  
  162. <div class="card bg-faded border-0 rounded-0 m-1 p-4 mx-auto" style="height:400px; overflow: auto">
  163. <p>Crow's nest take a caulk Shiver me timbers transom Barbary Coast loaded to the gunwalls crack Jennys tea cup warp rum heave to. Lee nipperkin Pieces of Eight heave down Privateer galleon lass chase guns topsail hornswaggle. Ho flogging red ensign gally jib loot measured fer yer chains Jolly Roger Sea Legs gunwalls.</p>
  164.  
  165. <p>Come about reef coffer furl boatswain jib dance the hempen jig skysail barque ballast. Letter of Marque Sail ho coffer dance the hempen jig swab gun carouser lookout schooner keel. Execution dock clap of thunder Sink me quarter Jack Tar bilged on her anchor tender measured fer yer chains wherry bring a spring upon her cable.</p>
  166.  
  167. <p>Sea Legs yard strike colors fathom Brethren of the Coast scuppers swab scallywag fire ship holystone. Interloper carouser scallywag mutiny league nipper Arr keel spyglass crack Jennys tea cup. Pirate Round knave jib Corsair line pirate Chain Shot fore piracy cog.</p>
  168. </div>
  169.  
  170. </div>
  171.  
  172. <div class="col-lg-3" style="height: 400px">
  173.  
  174.  
  175.  
  176.  
  177. <!----- palette ---->
  178.  
  179.  
  180. <!--- color block 1 --->
  181. <div class="card border-0 rounded-0" style="background-color:#251822;">
  182. <div class="card-block">
  183. </div>
  184. </div>
  185.  
  186. <!--- color block 2 --->
  187. <div class="card border-0 rounded-0" style="background-color:#251822;">
  188. <div class="card-block">
  189. </div>
  190. </div>
  191.  
  192. <!--- color block 3 --->
  193. <div class="card border-0 rounded-0" style="background-color:#AF989A;">
  194. <div class="card-block">
  195. </div>
  196. </div>
  197.  
  198. <!--- color block 4 --->
  199. <div class="card border-0 rounded-0" style="background-color:#AF989A;">
  200. <div class="card-block">
  201. </div>
  202. </div>
  203.  
  204. <!--- color block 5 --->
  205. <div class="card border-0 rounded-0" style="background-color:#391E25;">
  206. <div class="card-block">
  207. </div>
  208. </div>
  209.  
  210. <!--- color block 6 --->
  211. <div class="card border-0 rounded-0" style="background-color:#391E25;">
  212. <div class="card-block">
  213. </div>
  214. </div>
  215.  
  216. <!--- color block 7 --->
  217. <div class="card border-0 rounded-0" style="background-color:#695B9A;">
  218. <div class="card-block">
  219. </div>
  220. </div>
  221.  
  222. <!--- color block 8 --->
  223. <div class="card border-0 rounded-0" style="background-color:#695B9A;">
  224. <div class="card-block">
  225. </div>
  226. </div>
  227.  
  228. <!--- color block 9 --->
  229. <div class="card border-0 rounded-0" style="background-color:#7D5399;">
  230. <div class="card-block">
  231. </div>
  232. </div>
  233.  
  234. <!--- color block 10 --->
  235. <div class="card border-0 rounded-0" style="background-color:#7D5399">
  236. <div class="card-block">
  237. </div>
  238. </div>
  239.  
  240.  
  241. </div>
  242.  
  243. </div>
  244. </div>
  245.  
  246. </div>
  247. </div>
  248.  
  249. <!-- Credit -->
  250.  
  251. <a class ="text-danger" href="https://toyhou.se/ROCKETFUEL" data-toggle="tooltip" title="Code by Rocket"><i class="fas fa-rocket m-2" /></a>
  252.  
  253. <!-- Credit End -->
  254.  
  255. <!--- Code End, tysm <3 ---><!----
  256.  
  257. Spoiler by ROCKETFUEL
  258.  
  259.  
  260. custom color: #C15FFC
  261.  
  262. ---->
  263. <div class="container">
  264. <div class="row ">
  265.  
  266. <!--- left col --->
  267.  
  268. <div class="col-md-6">
  269. <div class="card px-4 py-4 border-0 rounded-0 h3" style="background-color: #C15FFC; color:#ffff;">CHARACTER NAME</div>
  270.  
  271.  
  272. <div class="card bg-faded border-0 rounded-0 m-2 p-4 mx-auto" style="height: 323px; overflow:auto;"> <div class="row">
  273.  
  274.  
  275. <!--- INFO TABLE!! --->
  276.  
  277. <div class="col-sm m-2">
  278.  
  279. Full Name
  280.  
  281. <span class="pull-right text-muted">
  282.  
  283. Info
  284.  
  285. </span>
  286.  
  287.  
  288. <hr class="mt-0 mb-2">
  289.  
  290. Nickname(s)
  291.  
  292. <span class="pull-right text-muted">
  293.  
  294. Info
  295.  
  296. </span>
  297.  
  298.  
  299. <hr class="mt-0 mb-2">
  300.  
  301. Gender
  302.  
  303. <span class="pull-right text-muted">Info</span>
  304.  
  305. <hr class="mt-0 mb-2">
  306.  
  307. Pronouns
  308.  
  309. <span class="pull-right text-muted">
  310.  
  311. Info
  312.  
  313. </span>
  314.  
  315. <hr class="mt-0 mb-2">
  316.  
  317.  
  318. </div>
  319. <!--- end col 1 -->
  320.  
  321. <!--- col 2 --->
  322. <div class="col-sm m-2">
  323.  
  324. Orientation
  325.  
  326. <span class="pull-right text-muted">
  327.  
  328. Info
  329.  
  330. </span>
  331.  
  332. <hr class="mt-0 mb-2">
  333.  
  334. Age
  335.  
  336. <span class="pull-right text-muted">
  337.  
  338. Info
  339.  
  340. </span>
  341.  
  342. <hr class="mt-0 mb-2">
  343.  
  344. Height
  345.  
  346. <span class="pull-right text-muted">
  347.  
  348. Info
  349.  
  350. </span>
  351.  
  352. <hr class="mt-0 mb-2">
  353.  
  354. Rel. Status
  355.  
  356. <span class="pull-right text-muted">
  357.  
  358. Info
  359.  
  360.  
  361. </span>
  362. <hr class="mt-0 mb-2"></div>
  363.  
  364. </div>
  365.  
  366.  
  367. <!--- Info below table --->
  368.  
  369. <p>Lookout list gabion bring a spring upon her cable reef sails transom Jack Ketch American Main chantey loot. Knave heave down black jack case shot log spirits lateen sail gally gangplank coxswain. Lee cable clipper Buccaneer killick sloop aft parrel dead men tell no tales scourge of the seven seas. Lookout list gabion bring a spring upon her cable reef sails transom Jack Ketch American Main chantey loot. Knave heave down black jack case shot log spirits lateen sail gally gangplank coxswain. Lee cable clipper Buccaneer killick sloop aft parrel dead men tell no tales scourge of the seven seas.</p>
  370. </div>
  371.  
  372. </div>
  373.  
  374.  
  375.  
  376. <!--- rt col --->
  377. <div class="col-md-6">
  378.  
  379. <!--- Change top right image below --->
  380.  
  381. <div class="card border-0" style="background: url(https://s3.amazonaws.com/comicgeeks/characters/avatars/6712.jpg); height: 400px; background-size: cover;"/>
  382.  
  383. </div>
  384. </div>
  385.  
  386.  
  387.  
  388.  
  389. <!--- collapse button --->
  390.  
  391. <a class="btn btn-primary p-3 border-0 rounded-0 w-100" style="background-color:#C15FFC;" data-toggle="collapse" href="#collapsetab">
  392.  
  393. <!--- Change the text here!---->
  394. !! SPOILER ALERT !!
  395.  
  396. </a>
  397.  
  398. <!---- collapsed area ---->
  399. <div class="collapse multi-collapse" id="collapsetab">
  400.  
  401. <div class="container m-1">
  402. <div class="row">
  403.  
  404. <div class="col-lg-3">
  405.  
  406.  
  407. <!--- bottom left image -->
  408.  
  409. <div class="card border-0 rounded-0" style="background: url(https://comicvine.gamespot.com/a/uploads/scale_medium/11156/111564182/8691487-stephaniebrown.jpg); height: 400px; background-size: cover;"/>
  410. </div>
  411.  
  412. <div class="col-lg-6">
  413.  
  414. <!--- text in middle --->
  415.  
  416. <div class="card bg-faded border-0 rounded-0 m-1 p-4 mx-auto" style="height:400px; overflow: auto">
  417. <p>Crow's nest take a caulk Shiver me timbers transom Barbary Coast loaded to the gunwalls crack Jennys tea cup warp rum heave to. Lee nipperkin Pieces of Eight heave down Privateer galleon lass chase guns topsail hornswaggle. Ho flogging red ensign gally jib loot measured fer yer chains Jolly Roger Sea Legs gunwalls.</p>
  418.  
  419. <p>Come about reef coffer furl boatswain jib dance the hempen jig skysail barque ballast. Letter of Marque Sail ho coffer dance the hempen jig swab gun carouser lookout schooner keel. Execution dock clap of thunder Sink me quarter Jack Tar bilged on her anchor tender measured fer yer chains wherry bring a spring upon her cable.</p>
  420.  
  421. <p>Sea Legs yard strike colors fathom Brethren of the Coast scuppers swab scallywag fire ship holystone. Interloper carouser scallywag mutiny league nipper Arr keel spyglass crack Jennys tea cup. Pirate Round knave jib Corsair line pirate Chain Shot fore piracy cog.</p>
  422. </div>
  423.  
  424. </div>
  425.  
  426. <div class="col-lg-3" style="height: 400px">
  427.  
  428.  
  429.  
  430.  
  431. <!----- palette ---->
  432.  
  433.  
  434. <!--- color block 1 --->
  435. <div class="card border-0 rounded-0" style="background-color:#251822;">
  436. <div class="card-block">
  437. </div>
  438. </div>
  439.  
  440. <!--- color block 2 --->
  441. <div class="card border-0 rounded-0" style="background-color:#251822;">
  442. <div class="card-block">
  443. </div>
  444. </div>
  445.  
  446. <!--- color block 3 --->
  447. <div class="card border-0 rounded-0" style="background-color:#AF989A;">
  448. <div class="card-block">
  449. </div>
  450. </div>
  451.  
  452. <!--- color block 4 --->
  453. <div class="card border-0 rounded-0" style="background-color:#AF989A;">
  454. <div class="card-block">
  455. </div>
  456. </div>
  457.  
  458. <!--- color block 5 --->
  459. <div class="card border-0 rounded-0" style="background-color:#391E25;">
  460. <div class="card-block">
  461. </div>
  462. </div>
  463.  
  464. <!--- color block 6 --->
  465. <div class="card border-0 rounded-0" style="background-color:#391E25;">
  466. <div class="card-block">
  467. </div>
  468. </div>
  469.  
  470. <!--- color block 7 --->
  471. <div class="card border-0 rounded-0" style="background-color:#695B9A;">
  472. <div class="card-block">
  473. </div>
  474. </div>
  475.  
  476. <!--- color block 8 --->
  477. <div class="card border-0 rounded-0" style="background-color:#695B9A;">
  478. <div class="card-block">
  479. </div>
  480. </div>
  481.  
  482. <!--- color block 9 --->
  483. <div class="card border-0 rounded-0" style="background-color:#7D5399;">
  484. <div class="card-block">
  485. </div>
  486. </div>
  487.  
  488. <!--- color block 10 --->
  489. <div class="card border-0 rounded-0" style="background-color:#7D5399">
  490. <div class="card-block">
  491. </div>
  492. </div>
  493.  
  494.  
  495. </div>
  496.  
  497. </div>
  498. </div>
  499.  
  500. </div>
  501. </div>
  502.  
  503. <!-- Credit -->
  504.  
  505. <a class ="text-danger" href="https://toyhou.se/ROCKETFUEL" data-toggle="tooltip" title="Code by Rocket"><i class="fas fa-rocket m-2" /></a>
  506.  
  507. <!-- Credit End -->
  508.  
  509. <!--- Code End, tysm <3 --->
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!