API tools faq
paste
Advertisement
ZaxielGelpharion

CODE: Xros Digimon Evo bio

ZaxielGelpharion
Nov 21st, 2020 (edited)
97
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.85 KB | None | 0 0
raw download clone embed print report
  1. <!------------------- BEFORE YOU EDIT: ------------------------------------------------------------------------------->
  2. <!---| Make sure you provide square icons, links, etc |--->
  3. <!---| Image placeholder: https://tinyurl.com/p3hdxbd3 |--->
  4. <!---| Border color: a03fbe |--->
  5. <!---| Text color: e6b4fa |--->
  6. <!---| Main BG: https://f2.toyhou.se/file/f2-toyhou-se/images/28056913_Ymck3gNAF5onPLn.png |--->
  7. <!---| Use CTRL + F to find all and edit to your liking |--->
  8. <!-------------------------------------------------------------------------------------------------------------------->
  9.  
  10. <div class="container">
  11. <div class="card card-block bg-faded rounded-0 mb-4" style="background: url('https://f2.toyhou.se/file/f2-toyhou-se/images/28056913_Ymck3gNAF5onPLn.png');background-attachment:fixed;">
  12. <div style="color:#e6b4fa">
  13. <div class="row">
  14. <!--------- NAVIGATION START ------------------------------------>
  15. <div class="col-md-12">
  16. <div class="card p-2 mb-2" style="border-color: #a03fbe;border-radius:10px; background:rgba(0,0,0,0.80)">
  17. <div class="card p-1 mb-1" style="border-color: #a03fbe;border-radius:15px; background:rgba(0,0,0,0.0)"><div align="center"><h1><i class="fas fa-star mr-2"></i> Navigation <i class="fas fa-star mr-2"></i></h1></div></div>
  18.  
  19. <ul class="nav nav-tabs row card-header-tabs">
  20. <li class="col-md-4 mb-1"><a class="btn btn-block rounded-2 active"style="color:#e6b4fa;border-color: #a03fbe;border-radius:10px; background:rgba(0,0,0,0.80)" data-toggle="tab" href="#vert1">Rookie</a></li>
  21. <li class="col-md-4 mb-1"><a class="btn btn-block rounded-2"style="color:#e6b4fa;border-color: #a03fbe;border-radius:10px; background:rgba(0,0,0,0.80)" data-toggle="tab" href="#vert2">Xros Evo</a></li>
  22. <li class="col-md-4 mb-1"><a class="btn btn-block rounded-2"style="color:#e6b4fa;border-color: #a03fbe;border-radius:10px; background:rgba(0,0,0,0.80)" data-toggle="tab" href="#vert3">Superior Mode</a></li>
  23. </ul>
  24. <br><br><br>
  25. <!--------- NAVIGATION END ------------------------------------>
  26. <div class="tab-content">
  27. <!--------- ROOKIE TAB START ------------------------------------>
  28. <div class="tab-pane fade active show" id="vert1">
  29. <div class="card p-2 mb-1" style="border-color: #a03fbe;border-radius:10px; background:rgba(0,0,0,0.0)">
  30. <div class="rounded p-1" style="overflow-x:hidden;overflow-y:auto; height: 500px;">
  31. <div align="center">
  32. <div class="row">
  33. <div class="col-md-6">
  34. <div class="card p-1 mb-1" style="border-color: #a03fbe;border-radius:15px; background:rgba(0,0,0,0.0)"><div align="center"><h1><i class="fas fa-star mr-2"></i> Basic info <i class="fas fa-star mr-2"></i></h1></div></div>
  35. <img src="https://tinyurl.com/p3hdxbd3" style="height: 400px;"><br>
  36. <table class="table table-striped mb-0" style="border:transparent;">
  37. <tbody>
  38. <tr>
  39. <td><b>Name</b></td>
  40. <td>TEXT</td>
  41. </tr>
  42. <tr>
  43. <td><b>Type</b></td>
  44. <td>TEXT</td>
  45. </tr>
  46. <tr>
  47. <td><b>Attribute</b></td>
  48. <td>TEXT</td>
  49. </tr>
  50. <tr>
  51. <td><b>Family</b></td>
  52. <td>TEXT</td>
  53. </tr>
  54. <tr>
  55. <td><b>Tamer</b></td>
  56. <td>TEXT</td>
  57. </tr>
  58. </tbody>
  59. </table>
  60. </div><br>
  61. <!--------- APPEARANCE START ------------------------------------>
  62. <div class="col-md-6">
  63. <div class="card p-1 mb-1" style="border-color: #a03fbe;border-radius:15px; background:rgba(0,0,0,0.0)"><div align="center"><h1><i class="fas fa-star mr-2"></i> Appearance <i class="fas fa-star mr-2"></i></h1></div></div><br>
  64. <p>TEXT</p>
  65. <p>TEXT</p>
  66. <p>TEXT</p>
  67. <!--------- APPEARANCE END ------------------------------------>
  68. <!--------- ATTACKS START ------------------------------------>
  69. <div class="card p-1 mb-1" style="border-color: #a03fbe;border-radius:15px; background:rgba(0,0,0,0.0)"><div align="center"><h1><i class="fas fa-star mr-2"></i> Attacks <i class="fas fa-star mr-2"></i></h1></div></div><br>
  70. <p>● <b>TECHNIQUE:</b> TEXT</p>
  71. <p>● <b>TECHNIQUE:</b> TEXT</p>
  72. <p>● <b>TECHNIQUE:</b> TEXT</p>
  73. <p>● <b>TECHNIQUE:</b> TEXT</p>
  74. <p>● <b>TECHNIQUE:</b> TEXT</p>
  75. </div>
  76. <!--------- ATTACKS END ------------------------------------>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. <!--------- ROOKIE TAB END ------------------------------------>
  83. <!--------- XROS EVO TAB START ------------------------------------>
  84. <div class="tab-pane fade" id="vert2">
  85. <div class="card p-2 mb-1" style="border-color: #a03fbe;border-radius:10px; background:rgba(0,0,0,0.0)">
  86. <div class="rounded p-1" style="overflow-x:hidden;overflow-y:auto; height: 500px;">
  87. <div align="center">
  88. <div class="row">
  89. <div class="col-md-6">
  90. <div class="card p-1 mb-1" style="border-color: #a03fbe;border-radius:15px; background:rgba(0,0,0,0.0)"><div align="center"><h1><i class="fas fa-star mr-2"></i> Basic info <i class="fas fa-star mr-2"></i></h1></div></div>
  91. <img src="https://tinyurl.com/p3hdxbd3" style="height: 400px;"><br>
  92. <table class="table table-striped mb-0" style="border:transparent;">
  93. <tbody>
  94. <tr>
  95. <td><b>Name</b></td>
  96. <td>TEXT</td>
  97. </tr>
  98. <tr>
  99. <td><b>Type</b></td>
  100. <td>TEXT</td>
  101. </tr>
  102. <tr>
  103. <td><b>Attribute</b></td>
  104. <td>TEXT</td>
  105. </tr>
  106. <tr>
  107. <td><b>Family</b></td>
  108. <td>TEXT</td>
  109. </tr>
  110. <tr>
  111. <td><b>Tamer</b></td>
  112. <td>TEXT</td>
  113. </tr>
  114. </tbody>
  115. </table>
  116. </div><br>
  117. <!--------- APPEARANCE START ------------------------------------>
  118. <div class="col-md-6">
  119. <div class="card p-1 mb-1" style="border-color: #a03fbe;border-radius:15px; background:rgba(0,0,0,0.0)"><div align="center"><h1><i class="fas fa-star mr-2"></i> Appearance <i class="fas fa-star mr-2"></i></h1></div></div><br>
  120. <p>TEXT</p>
  121. <p>TEXT</p>
  122. <p>TEXT</p>
  123. <!--------- APPEARANCE END ------------------------------------>
  124. <!--------- ATTACKS START ------------------------------------>
  125. <div class="card p-1 mb-1" style="border-color: #a03fbe;border-radius:15px; background:rgba(0,0,0,0.0)"><div align="center"><h1><i class="fas fa-star mr-2"></i> Attacks <i class="fas fa-star mr-2"></i></h1></div></div><br>
  126. <p>● <b>TECHNIQUE:</b> TEXT</p>
  127. <p>● <b>TECHNIQUE:</b> TEXT</p>
  128. <p>● <b>TECHNIQUE:</b> TEXT</p>
  129. <p>● <b>TECHNIQUE:</b> TEXT</p>
  130. <p>● <b>TECHNIQUE:</b> TEXT</p>
  131. </div>
  132. <!--------- ATTACKS END ------------------------------------>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. </div>
  138. <!--------- XROS EVO TAB END ------------------------------------>
  139. <!--------- SUPERIOR MODE TAB START ------------------------------------>
  140. <div class="tab-pane fade" id="vert3">
  141. <div class="card p-2 mb-1" style="border-color: #a03fbe;border-radius:10px; background:rgba(0,0,0,0.0)">
  142. <div class="rounded p-1" style="overflow-x:hidden;overflow-y:auto; height: 500px;">
  143. <div align="center">
  144. <div class="row">
  145. <div class="col-md-6">
  146. <div class="card p-1 mb-1" style="border-color: #a03fbe;border-radius:15px; background:rgba(0,0,0,0.0)"><div align="center"><h1><i class="fas fa-star mr-2"></i> Basic info <i class="fas fa-star mr-2"></i></h1></div></div>
  147. <img src="https://tinyurl.com/p3hdxbd3" style="height: 400px;"><br>
  148. <table class="table table-striped mb-0" style="border:transparent;">
  149. <tbody>
  150. <tr>
  151. <td><b>Name</b></td>
  152. <td>TEXT</td>
  153. </tr>
  154. <tr>
  155. <td><b>Type</b></td>
  156. <td>TEXT</td>
  157. </tr>
  158. <tr>
  159. <td><b>Attribute</b></td>
  160. <td>TEXT</td>
  161. </tr>
  162. <tr>
  163. <td><b>Family</b></td>
  164. <td>TEXT</td>
  165. </tr>
  166. <tr>
  167. <td><b>Tamer</b></td>
  168. <td>TEXT</td>
  169. </tr>
  170. </tbody>
  171. </table>
  172. </div><br>
  173. <!--------- APPEARANCE START ------------------------------------>
  174. <div class="col-md-6">
  175. <div class="card p-1 mb-1" style="border-color: #a03fbe;border-radius:15px; background:rgba(0,0,0,0.0)"><div align="center"><h1><i class="fas fa-star mr-2"></i> Appearance <i class="fas fa-star mr-2"></i></h1></div></div><br>
  176. <p>TEXT</p>
  177. <p>TEXT</p>
  178. <p>TEXT</p>
  179. <!--------- APPEARANCE END ------------------------------------>
  180. <!--------- ATTACKS START ------------------------------------>
  181. <div class="card p-1 mb-1" style="border-color: #a03fbe;border-radius:15px; background:rgba(0,0,0,0.0)"><div align="center"><h1><i class="fas fa-star mr-2"></i> Attacks <i class="fas fa-star mr-2"></i></h1></div></div><br>
  182. <p>● <b>TECHNIQUE:</b> TEXT</p>
  183. <p>● <b>TECHNIQUE:</b> TEXT</p>
  184. <p>● <b>TECHNIQUE:</b> TEXT</p>
  185. <p>● <b>TECHNIQUE:</b> TEXT</p>
  186. <p>● <b>TECHNIQUE:</b> TEXT</p>
  187. </div>
  188. <!--------- ATTACKS END ------------------------------------>
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. <!--------- SUPERIOR MODE TAB END ------------------------------------>
  195. <!--------- STRENGTH STATUS START ------------------------------------>
  196. <!-- NOTE: All status started from 10% located on the first progress bar "style". To have the remaining fill 100% please put the leftover area with 100-X amount -->
  197. <!-- Example: 35% stat for the first bar, 65% for the second bar -->
  198. <div class="col-md-12">
  199. <div class="card p-1 mb-1" style="border-color: #a03fbe;border-radius:15px; background:rgba(0,0,0,0.0)"><div align="center"><h1><i class="fas fa-star mr-2"></i> Status <i class="fas fa-star mr-2"></i></h1></div></div><br>
  200. <div class="row">
  201. <div class="col-md-6">
  202.  
  203. <div class="row py-1">
  204. <div class="col-4"><b>Attack</b></div>
  205. <div class="col-8">
  206. <div class="progress">
  207. <div class="progress-bar progress-bar-striped progress-bar-animated" style="width:10%;background-color:#a03fbe;"></div>
  208. <div class="progress-bar" style="width: 90%;background-color: #492d51;"><br></div>
  209. </div>
  210. </div>
  211. </div>
  212.  
  213. <div class="row py-1">
  214. <div class="col-4"><b>Magic Attack</b></div>
  215. <div class="col-8">
  216. <div class="progress">
  217. <div class="progress-bar progress-bar-striped progress-bar-animated" style="width:10%;background-color:#a03fbe;"></div>
  218. <div class="progress-bar" style="width: 90%;background-color: #492d51;"><br></div>
  219. </div>
  220. </div>
  221. </div>
  222.  
  223. <div class="row py-1">
  224. <div class="col-4"><b>Defense</b></div>
  225. <div class="col-8">
  226. <div class="progress">
  227. <div class="progress-bar progress-bar-striped progress-bar-animated" style="width:10%;background-color:#a03fbe;"></div>
  228. <div class="progress-bar" style="width: 90%;background-color: #492d51;"><br></div>
  229. </div>
  230. </div>
  231. </div>
  232.  
  233. <div class="row py-1">
  234. <div class="col-4"><b>Magic Defense</b></div>
  235. <div class="col-8">
  236. <div class="progress">
  237. <div class="progress-bar progress-bar-striped progress-bar-animated" style="width:10%;background-color:#a03fbe;"></div>
  238. <div class="progress-bar" style="width: 90%;background-color: #492d51;"><br></div>
  239. </div>
  240. </div>
  241. </div>
  242.  
  243. <div class="row py-1">
  244. <div class="col-4"><b>Speed</b></div>
  245. <div class="col-8">
  246. <div class="progress">
  247. <div class="progress-bar progress-bar-striped progress-bar-animated" style="width:10%;background-color:#a03fbe;"></div>
  248. <div class="progress-bar" style="width: 90%;background-color: #492d51;"><br></div>
  249. </div>
  250. </div>
  251. </div>
  252.  
  253. <div class="row py-1">
  254. <div class="col-4"><b>Dexterity</b></div>
  255. <div class="col-8">
  256. <div class="progress">
  257. <div class="progress-bar progress-bar-striped progress-bar-animated" style="width:10%;background-color:#a03fbe;"></div>
  258. <div class="progress-bar" style="width: 90%;background-color: #492d51;"><br></div>
  259. </div>
  260. </div>
  261. </div>
  262.  
  263. </div>
  264. <div class="col-md-6">
  265.  
  266. <div class="row py-1">
  267. <div class="col-4"><b>Health</b></div>
  268. <div class="col-8">
  269. <div class="progress">
  270. <div class="progress-bar progress-bar-striped progress-bar-animated" style="width:10%;background-color:#a03fbe;"></div>
  271. <div class="progress-bar" style="width: 90%;background-color: #492d51;"><br></div>
  272. </div>
  273. </div>
  274. </div>
  275.  
  276. <div class="row py-1">
  277. <div class="col-4"><b>Luck</b></div>
  278. <div class="col-8">
  279. <div class="progress">
  280. <div class="progress-bar progress-bar-striped progress-bar-animated" style="width:10%;background-color:#a03fbe;"></div>
  281. <div class="progress-bar" style="width: 90%;background-color: #492d51;"><br></div>
  282. </div>
  283. </div>
  284. </div>
  285.  
  286. <div class="row py-1">
  287. <div class="col-4"><b>Charisma</b></div>
  288. <div class="col-8">
  289. <div class="progress">
  290. <div class="progress-bar progress-bar-striped progress-bar-animated" style="width:10%;background-color:#a03fbe;"></div>
  291. <div class="progress-bar" style="width: 90%;background-color: #492d51;"><br></div>
  292. </div>
  293. </div>
  294. </div>
  295.  
  296. <div class="row py-1">
  297. <div class="col-4"><b>Confidence</b></div>
  298. <div class="col-8">
  299. <div class="progress">
  300. <div class="progress-bar progress-bar-striped progress-bar-animated" style="width:10%;background-color:#a03fbe;"></div>
  301. <div class="progress-bar" style="width: 90%;background-color: #492d51;"><br></div>
  302. </div>
  303. </div>
  304. </div>
  305.  
  306. <div class="row py-1">
  307. <div class="col-4"><b>Intellect</b></div>
  308. <div class="col-8">
  309. <div class="progress">
  310. <div class="progress-bar progress-bar-striped progress-bar-animated" style="width:10%;background-color:#a03fbe;"></div>
  311. <div class="progress-bar" style="width: 90%;background-color: #492d51;"><br></div>
  312. </div>
  313. </div>
  314. </div>
  315.  
  316. <div class="row py-1">
  317. <div class="col-4"><b>Agility</b></div>
  318. <div class="col-8">
  319. <div class="progress">
  320. <div class="progress-bar progress-bar-striped progress-bar-animated" style="width:10%;background-color:#a03fbe;"></div>
  321. <div class="progress-bar" style="width: 90%;background-color: #492d51;"><br></div>
  322. </div>
  323. </div>
  324. </div>
  325.  
  326. </div>
  327. </div>
  328. </div><br>
  329. <!--------- STRENGTH STATUS END ------------------------------------>
  330. <div class="row">
  331. <!--------- LIKES START ------------------------------------>
  332. <div class="col-md-6">
  333. <div class="card p-1 mb-1" style="border-color: #a03fbe;border-radius:15px; background:rgba(0,0,0,0.0)"><div align="center"><h1><i class="fas fa-star mr-2"></i> Likes <i class="fas fa-star mr-2"></i></h1></div></div><br>
  334. <p><i class="fa fa-check"></i> LIKES</p>
  335. <p><i class="fa fa-check"></i> LIKES</p>
  336. <p><i class="fa fa-check"></i> LIKES</p>
  337. <p><i class="fa fa-check"></i> LIKES</p>
  338. <p><i class="fa fa-check"></i> LIKES</p>
  339. </div>
  340. <!--------- LIKES END ------------------------------------>
  341. <!--------- DISLIKES START ------------------------------------>
  342. <div class="col-md-6">
  343. <div class="card p-1 mb-1" style="border-color: #a03fbe;border-radius:15px; background:rgba(0,0,0,0.0)"><div align="center"><h1><i class="fas fa-star mr-2"></i> Dislikes <i class="fas fa-star mr-2"></i></h1></div></div><br>
  344. <p><i class="fa fa-times"></i> DISLIKES</p>
  345. <p><i class="fa fa-times"></i> DISLIKES</p>
  346. <p><i class="fa fa-times"></i> DISLIKES</p>
  347. <p><i class="fa fa-times"></i> DISLIKES</p>
  348. <p><i class="fa fa-times"></i> DISLIKES</p>
  349. </div>
  350. <!--------- DISLIKES END ------------------------------------>
  351. </div><br>
  352. <!--------- BACKSTORY START ------------------------------------>
  353. <div class="col-md-12">
  354. <div class="card p-1 mb-1" style="border-color: #a03fbe;border-radius:15px; background:rgba(0,0,0,0.0)"><div align="center"><h1><i class="fas fa-star mr-2"></i> Backstory <i class="fas fa-star mr-2"></i></h1></div></div><br>
  355. <p>TEXT</p>
  356. <p>TEXT</p>
  357. <p>TEXT</p>
  358. <p>TEXT</p>
  359. <p>TEXT</p>
  360. </div>
  361. </div>
  362. <!--------- BACKSTORY END ------------------------------------>
  363. </div>
  364. </div>
  365. </div>
  366. </div>
  367. </div>
  368. </div>
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!