API tools faq
paste
celestiials

Lobotomy Corp Code

celestiials
Sep 8th, 2019 (edited)
398
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.47 KB | None | 0 0
raw download clone embed print report
  1. <!-- TOP SECTION -->
  2. <div class="container-fluid">
  3. <div class="row">
  4. <div class="col-lg-3 col-sm-3">
  5. <img src="http://placehold.it/200x200" class="img-thumbnail mb-4" />
  6. </div>
  7. <div class="col-lg-0 col-sm-0">
  8. <br>
  9. <br>
  10. <br>
  11. <br>
  12. <h1 class="display-2 text-center text-primary">NAME</h1>
  13. </div>
  14. </div>
  15. </div>
  16. <!-- /TOP SECTION -->
  17.  
  18. <!-- TABS -->
  19. <ul class="nav nav-tabs">
  20. <li class="nav-item">
  21. <a class="nav-link active" href="#details" data-toggle="tab">Abnormality Details</a>
  22. </li>
  23. <li class="nav-item">
  24. <a class="nav-link" href="#story" data-toggle="tab">Abnormality Story</a>
  25. </li>
  26. </ul>
  27. <!-- /TABS -->
  28.  
  29. <div class="tab-content">
  30. <!-- DETAILS SECTION -->
  31. <div class="fade in tab-pane active show" id="details">
  32. <br>
  33. <div class="container-fluid">
  34. <div class="row">
  35. <!-- INFOBOX -->
  36. <div class="card card-outline-primary col-lg-4 col-sm-4">
  37. <br>
  38. <h2 class="text-center">Abnormality Basic Information</h2>
  39. <div class="card-block bg-faded">
  40. <img src="http://placehold.it/200x200" class="img-thumbnail mb-4 w-100">
  41. <hr class="w-100">
  42. <h3 class="text-center">NAME</h3>
  43. <br>
  44. <div class="row">
  45. <div class="col-lg-6 col-sm-6">
  46. <h4 class="text-left">Number</h4>
  47. </div>
  48. <div class="col-lg-6 col-sm-6">
  49. <h4 class="text-right">Level</h4>
  50. </div>
  51. </div>
  52. </div>
  53.  
  54. <div class="container-fluid">
  55. <!-- ATTACK TYPE -->
  56. <div class="row">
  57. <div class="col-lg-6 col-sm-6">
  58. <div class="card card-outline-primary mb-4" style="height: 120px;">
  59. <div class="mx-auto" style="width: 120px;">
  60. <h4 class="text-center">Attack Type</h4>
  61. <p align="center">
  62. <!-- ATTACK TYPE ICON; currently it's set to Black but you can change it to other types!
  63. <img src="https://vignette.wikia.nocookie.net/lobotomycorp/images/8/8c/RedDamageTypeIcon.png/revision/latest?cb=20180224000837" style="height: 25px; width: 25px;">: Red Damage
  64. <img src="https://vignette.wikia.nocookie.net/lobotomycorp/images/d/df/WhiteDamageTypeIcon.png/revision/latest?cb=20180224000740" style="height: 25px; width: 25px;">: White Damage
  65. <img src="https://vignette.wikia.nocookie.net/lobotomycorp/images/5/59/PaleDamageTypeIcon.png/revision/latest?cb=20180224001220" style="height: 25px; width: 25px;">: Pale Damage-->
  66. <img src="https://vignette.wikia.nocookie.net/lobotomycorp/images/5/58/BlackDamageTypeIcon.png/revision/latest?cb=20180224001012" style="height: 25px; width: 25px;">
  67. </p>
  68. <hr class="w-100">
  69. <div class="container-fluid">
  70. <div class="row">
  71. <div class="col-">
  72. <h4 class="text-left">BLACK</h4>
  73. </div>
  74. <div class="col">
  75. <h4 class="text-right">###</h4>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. <!-- /ATTACK TYPE -->
  83.  
  84. <!-- E-BOX OUTPUT -->
  85. <div class="col-lg-6 col-sm-6">
  86. <div class="card card-outline-primary" style="height: 120px;">
  87. <div class="mx-auto" style="width: 120px;">
  88. <h4 class="text-center">E-Box Output</h4>
  89. <span style="font-size: 50px;"><p align="center">##</p></span>
  90. </div>
  91. </div>
  92. </div>
  93. <!-- /E-BOX OUTPUT -->
  94.  
  95. <!-- WORK RESULT TABLE -->
  96. <div class="col-lg-12 col-sm-12">
  97. <div class="container-fluid card card-outline-primary col-lg-20 col-sm-20" style="height: 160px; overflow:auto;">
  98.  
  99. <h4 class="text-center">Work Result</h4>
  100.  
  101. <div class="row">
  102. <div class="col-lg-6 col-sm-6">
  103. <span class="pull-left"><img src="https://vignette.wikia.nocookie.net/lobotomycorp/images/a/a9/GoodResult.png/revision/latest?cb=20180729044117" style="height: 25px; width: 25px;"> Good</span></div>
  104. <div class="col-lg-6 col-sm-6">
  105. <p align="right">Good Range</p>
  106. </div>
  107. </div>
  108.  
  109. <br>
  110. <div class="row">
  111. <div class="col-lg-6 col-sm-6">
  112. <span class="pull-left"><img src="https://vignette.wikia.nocookie.net/lobotomycorp/images/8/8e/NormalResult.png/revision/latest?cb=20180729044220" style="height: 25px; width: 25px;"> Normal</span></div>
  113. <div class="col-lg-6 col-sm-6">
  114. <p align="right">Normal Range</p>
  115. </div>
  116. </div>
  117. <br>
  118. <div class="row">
  119. <div class="col-lg-6 col-sm-6">
  120. <span class="pull-left"><img src="https://vignette.wikia.nocookie.net/lobotomycorp/images/1/1d/BadResult.png/revision/latest?cb=20180729044429" style="height: 25px; width: 25px;"> Bad</span>
  121. </div>
  122. <div class="col-lg-6 col-sm-6">
  123. <p align="right">Bad Range</p>
  124. </div>
  125. </div>
  126.  
  127.  
  128.  
  129. </div>
  130. </div>
  131. <!-- /WORK RESULT TABLE -->
  132. </div>
  133. </div>
  134. <br>
  135. </div>
  136. <!-- /INFOBOX -->
  137.  
  138. <!-- SECOND COLUMN -->
  139. <div class="col-lg-4 col-sm-4">
  140. <!-- MANAGERIAL TIPS -->
  141. <div class="card card-outline-primary col-lg-12 col-sm-12" style="height: 500px; overflow:auto;">
  142. <div class="mx-auto" style="height: 420px;">
  143. <br>
  144. <div class="card card-outline-primary" style="height: 220px; width: 270px; overflow:auto;">
  145. <div class="mx-auto" style="width: 250px;">
  146. <br>
  147. <h4 class="text-center">Managerial Tip 1</h4>
  148. <p>These boxes will scroll!</p>
  149. <br>
  150. </div>
  151. </div>
  152. <br>
  153. <div class="card card-outline-primary" style="height: 220px; width: 270px; overflow:auto;">
  154. <div class="mx-auto" style="width: 250px;">
  155. <br>
  156. <h4 class="text-center">Managerial Tip 2</h4>
  157. <p>These boxes will scroll!</p>
  158. <br>
  159. </div>
  160. </div>
  161. <br>
  162. <div class="card card-outline-primary" style="height: 220px; width: 270px; overflow:auto;">
  163. <div class="mx-auto" style="width: 250px;">
  164. <br>
  165. <h4 class="text-center">Managerial Tip 3</h4>
  166. <p>These boxes will scroll!</p>
  167. <br>
  168. </div>
  169. </div>
  170. <br>
  171. <!-- More tips go here; copy-paste this code below this comment
  172. <div class="card card-outline-primary" style="height: 220px; width: 270px; overflow:auto;">
  173. <div class="mx-auto" style="width: 250px;">
  174. <br>
  175. <h4 class="text-center">Managerial Tip 4</h4>
  176. <p>These boxes will scroll!</p>
  177. <br>
  178. </div>
  179. </div>
  180. <br>
  181. -->
  182. </div>
  183. </div>
  184. <!-- /MANAGERIAL TIPS -->
  185.  
  186. <br>
  187.  
  188. <!-- ABNORMALITY WORK FAVOR -->
  189. <div class="card card-outline-primary col-lg-12 col-sm-12" style="height: 500px;">
  190. <h4 class="text-right">Abnormality Work Favor</h4>
  191. <div class="container-fluid">
  192. <div class="row">
  193. <div class="card card-outline-primary" style="height: 220px; width: 160px;">
  194. <div class="mx-auto" style="width: 150px;">
  195. <br>
  196. <h4 class="text-center">Instinct</h4>
  197. <span class="pull-left"><img src="https://vignette.wikia.nocookie.net/lobotomycorp/images/9/9f/Instinct.png/revision/latest?cb=20180223234833" style="height: 50px; width: 60px;"></span>
  198. <p align="right">I - whatever
  199. <br>II - whatever
  200. <br>III - whatever
  201. <br>IV - whatever
  202. <br>V - whatever</p>
  203. </div>
  204. <br>
  205. </div>
  206. <br>
  207. <div class="card card-outline-primary" style="height: 220px; width: 160px;">
  208. <div class="mx-auto" style="width: 150px;">
  209. <br>
  210. <h4 class="text-center">Insight</h4>
  211. <span class="pull-left"><img src="https://vignette.wikia.nocookie.net/lobotomycorp/images/5/5b/Insight.png/revision/latest?cb=20180223235102" style="height: 60px; width: 50px;"></span>
  212. <p align="right">I - whatever
  213. <br>II - whatever
  214. <br>III - whatever
  215. <br>IV - whatever
  216. <br>V - whatever</p>
  217. </div>
  218. </div>
  219. </div>
  220. <div class="row">
  221. <div class="card card-outline-primary" style="height: 220px; width: 160px;">
  222. <div class="mx-auto" style="width: 150px;">
  223. <br>
  224. <h4 class="text-center">Attachment</h4>
  225. <span class="pull-left"><img src="https://vignette.wikia.nocookie.net/lobotomycorp/images/0/0b/Attachment.png/revision/latest?cb=20180223235211" style="height: 60px; width: 50px;"></span>
  226. <p align="right">I - whatever
  227. <br>II - whatever
  228. <br>III - whatever
  229. <br>IV - whatever
  230. <br>V - whatever</p>
  231. </div>
  232. </div>
  233. <br>
  234. <div class="card card-outline-primary" style="height: 220px; width: 160px;">
  235. <div class="mx-auto" style="width: 150px;">
  236. <br>
  237. <h4 class="text-center">Repression</h4>
  238. <span class="pull-left"><img src="https://vignette.wikia.nocookie.net/lobotomycorp/images/d/da/Repression.png/revision/latest?cb=20180223235335" style="height: 60px; width: 50px;"></span>
  239. <p align="right">I - whatever
  240. <br>II - whatever
  241. <br>III - whatever
  242. <br>IV - whatever
  243. <br>V - whatever</p>
  244. </div>
  245. </div>
  246. </div>
  247. </div>
  248. </div>
  249. <!-- /ABNORMALITY WORK FAVOR -->
  250. </div>
  251. <!-- /SECOND COLUMN -->
  252.  
  253. <!-- THIRD COLUMN -->
  254. <div class="col-lg-4 col-sm-4">
  255. <!-- ABNORMALITY ESCAPE INFORMATION -->
  256. <div class="card card-outline-primary col-lg-12 col-sm-12" style="height: 250px;">
  257. <h4 class="text-right">Abnormality Escape Information</h4>
  258. <div class="container-fluid">
  259. <div class="row">
  260. <!-- QLIPHOTH COUNTER -->
  261. <div class="col-lg-5 col-sm-5">
  262. <div class="card card-outline-primary" style="height: 100px;">
  263. <h6 class="text-center">Qliphoth Counter</h6>
  264. <span style="font-size: 40px;"><p align="center">#</p></span>
  265. </div>
  266. </div>
  267. <!-- /QLIPHOTH COUNTER -->
  268. <div class="col-lg-7 col-sm-7">
  269. <div class="card card-outline-primary" style="height: 100px; overflow:auto;">
  270. <!-- If the abnormality cannot escape, delete eveyrthing between the comments and replace it with NON ESCAPED OBJECT -->
  271. <h6 class="text-center">Abnormality Defense</h6>
  272. <div class="col-lg-12 col-sm-12">
  273. <div class="row">
  274. <!-- RED -->
  275. <div class="col-lg-6 col-sm-6">
  276. <span class="pull-left">(0.0)<img src="https://vignette.wikia.nocookie.net/lobotomycorp/images/8/8c/RedDamageTypeIcon.png/revision/latest?cb=20180224000837" style="height: 25px; width: 25px;"> Words</span></div>
  277. <!-- /RED -->
  278.  
  279. <!-- WHITE -->
  280. <div class="col">
  281. <span class="pull-left">(0.0)<img src="https://vignette.wikia.nocookie.net/lobotomycorp/images/d/df/WhiteDamageTypeIcon.png/revision/latest?cb=20180224000740" style="height: 25px; width: 25px;"> Words</span>
  282. </div>
  283. <!-- /WHITE -->
  284. </div>
  285.  
  286. <div class="row">
  287. <!-- BLACK -->
  288. <div class="col-lg-6 col-sm-6">
  289. <span class="pull-left">(0.0)<img src="https://vignette.wikia.nocookie.net/lobotomycorp/images/5/58/BlackDamageTypeIcon.png/revision/latest?cb=20180224001012" style="height: 25px; width: 25px;"> Words</span></div>
  290. <!-- /BLACK -->
  291.  
  292. <!-- PALE -->
  293. <div class="col-lg-6 col-sm-6">
  294. <span class="pull-left">(0.0)<img src="https://vignette.wikia.nocookie.net/lobotomycorp/images/5/59/PaleDamageTypeIcon.png/revision/latest?cb=20180224001220" style="height: 25px; width: 25px;"> Words</span>
  295. </div>
  296. <!-- /PALE -->
  297. </div>
  298. </div>
  299. <!-- yeet, anyways everything between the top comment and this is the abnormality defense info, delete everything between these comments if the abnormality can't escape -->
  300. </div>
  301. </div>
  302. </div>
  303.  
  304. </div>
  305. </div>
  306. <!-- /ABNORMALITY ESCAPE INFORMATION -->
  307.  
  308. <br>
  309.  
  310. <!-- E. G. O. GIFT -->
  311. <div class="card card-outline-primary col-lg-12 col-sm-12" style="height: 175px;">
  312. <h4 class="text-right">E. G. O. Gift (Drop Chance: ##%)</h4>
  313. <div class="row">
  314. <div class="float-left">
  315. <img src="http://placehold.it/100x100" class="img-thumbnail mb-4"/>
  316. </div>
  317. <div class="col-8">
  318. <span class="pull-right">
  319. <p>GIFT NAME
  320. <br>Success Rate +#
  321. <br>Work Speed +#
  322. <br>Move. Speed +#
  323. <br>Attack Speed +#</p>
  324. </span>
  325. </div>
  326. </div>
  327.  
  328. </div>
  329. <!-- /E. G. O. GIFT -->
  330.  
  331. <br>
  332.  
  333. <!-- E. G. O. WEAPON + SUIT -->
  334. <div class="container-fluid">
  335. <div class="row">
  336. <!-- E. G. O. WEAPON -->
  337. <div class="card card-outline-primary col-lg-6 col-sm-6" style="height: 554px; overflow:auto;">
  338. <h4 class="text-right">E. G. O. WEAPON</h4>
  339. <div class="container-fluid">
  340. <!-- IMAGE -->
  341. <div class="row">
  342. <img src="http://placehold.it/450x250" class="img-thumbnail mb-4" />
  343. </div>
  344. <!-- /IMAGE -->
  345. <p align="center">LEVEL</p>
  346. <!-- TYPE -->
  347. <div class="row">
  348. <div class="col-lg-6 col-sm-6">
  349. <span class="pull-left">Type</span></div>
  350. <div class="col">
  351. <p align="right">words</p>
  352. </div>
  353. </div>
  354. <!-- /TYPE -->
  355. <br>
  356. <!-- DAMAGE -->
  357. <div class="row">
  358. <div class="col-lg-6 col-sm-6">
  359. <span class="pull-left">Damage</span></div>
  360. <div class="col">
  361. <p align="right">words</p>
  362. </div>
  363. </div>
  364. <!-- /DAMAGE -->
  365. <br>
  366. <!-- SPEED -->
  367. <div class="row">
  368. <div class="col-lg-6 col-sm-6">
  369. <span class="pull-left">Speed</span></div>
  370. <div class="col">
  371. <p align="right">words</p>
  372. </div>
  373. </div>
  374. <!-- /SPEED -->
  375. <br>
  376. <!-- RANGE -->
  377. <div class="row">
  378. <div class="col-lg-6 col-sm-6">
  379. <span class="pull-left">Range</span></div>
  380. <div class="col">
  381. <p align="right">words</p>
  382. </div>
  383. </div>
  384. <!-- /RANGE -->
  385. </div>
  386.  
  387. </div>
  388. <!-- /E. G. O. WEAPON -->
  389.  
  390. <!-- E. G. O. SUIT -->
  391. <div class="card card-outline-primary col-lg-6 col-sm-6" style="height: 554px; overflow:auto;">
  392. <h4 class="text-right">E. G. O. SUIT</h4>
  393. <div class="container-fluid">
  394. <!-- IMAGE -->
  395. <div class="row">
  396. <img src="http://placehold.it/450x250" class="img-thumbnail mb-4" />
  397. </div>
  398. <!-- /IMAGE -->
  399. <p align="center">LEVEL</p>
  400. <!-- RED -->
  401. <div class="row">
  402. <div class="col-lg-6 col-sm-6">
  403. <span class="pull-left"><img src="https://vignette.wikia.nocookie.net/lobotomycorp/images/8/8c/RedDamageTypeIcon.png/revision/latest?cb=20180224000837" style="height: 25px; width: 25px;"> (0.0)
  404. </span>
  405. </div>
  406. <div class="col">
  407. <span class="pull-right">Words</span>
  408. </div>
  409. </div>
  410. <!-- /RED -->
  411. <br>
  412. <!-- WHITE -->
  413. <div class="row">
  414. <div class="col-lg-6 col-sm-6">
  415. <span class="pull-left"><img src="https://vignette.wikia.nocookie.net/lobotomycorp/images/d/df/WhiteDamageTypeIcon.png/revision/latest?cb=20180224000740" style="height: 25px; width: 25px;">
  416. (0.0)
  417. </span>
  418. </div>
  419. <div class="col">
  420. <span class="pull-right">Words</span>
  421. </div>
  422. </div>
  423. <!-- /WHITE -->
  424. <br>
  425. <!-- BLACK -->
  426. <div class="row">
  427. <div class="col-lg-6 col-sm-6">
  428. <span class="pull-left"><img src="https://vignette.wikia.nocookie.net/lobotomycorp/images/5/58/BlackDamageTypeIcon.png/revision/latest?cb=20180224001012" style="height: 25px; width: 25px;">
  429. (0.0)
  430. </span>
  431. </div>
  432. <div class="col">
  433. <span class="pull-right">Words</span>
  434. </div>
  435. </div>
  436. <!-- /BLACK -->
  437. <br>
  438. <!-- PALE -->
  439. <div class="row">
  440. <div class="col-lg-6 col-sm-6">
  441. <span class="pull-left"><img src="https://vignette.wikia.nocookie.net/lobotomycorp/images/5/59/PaleDamageTypeIcon.png/revision/latest?cb=20180224001220" style="height: 25px; width: 25px;">
  442. (0.0)
  443. </span>
  444. </div>
  445. <div class="col">
  446. <span class="pull-right">Words</span>
  447. </div>
  448. </div>
  449. <!-- /PALE -->
  450. </div>
  451. </div>
  452. <!-- /E. G. O. SUIT -->
  453. </div>
  454. </div>
  455. </div>
  456.  
  457. </div>
  458. </div>
  459. </div>
  460. <!-- /DETAILS -->
  461.  
  462. <!-- STORY SECTION -->
  463. <div class="fade in tab-pane" id="story">
  464. <br>
  465. <div class="card card-outline-primary mb-4" style="height: 420px; overflow:auto;">
  466. <p>This box scrolls lol</p>
  467.  
  468. <p>WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS WORDS </p>
  469. </div>
  470. <!-- /STORY SECTION -->
  471.  
  472. </div>
  473. <!-- don't remove this /div unless if you want to break the entire thing -->
  474.  
  475. <!-- CREDITS; IF YOU REMOVE THEM I'LL BITE YOU... just kidding but please don't remove these!! -->
  476. <p align="right">
  477. <small class="text-muted">Coding by @celestiials</small>
  478. </p>
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!