API tools faq
paste
Advertisement
Guest User

fixed th code

a guest
Aug 15th, 2018
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.14 KB | None | 0 0
raw download clone embed print report
  1. <p>
  2. <br>
  3. </p>
  4. <div class="row">
  5. <div class="card card-block card-success card-inverse col-12">
  6.  
  7. <h2 style="text-align: center;"><i class="fa fa-forward"></i> Idris <i class="fa fa-backward"></i></h2>
  8. </div>
  9. </div>
  10. <div class="row">
  11. <div class="card card-outline-danger col-md-5">
  12. <div class="card-inverse card-danger card-header">
  13.  
  14. <h2 class="d-inline mt-1" style="padding-bottom:0;border:none;">Info</h2>
  15. </div>
  16. <div class="container">
  17. <div class="row">
  18. <div class="col-12">
  19. <div class="card-block mx-auto" style="text-align:center;">
  20. <div class="card d-inline-block" style="border: 2px solid danger;background-color: #aaa;background-image:url('use a square cropped thumb from th for best results');width:200px;height:200px;">
  21. <div class="card-block" style="padding: 0px; text-align: center; vertical-align:bottom;">
  22. <div class="badge badge-pill badge-warning">HP 400/400</div>
  23. <div class="badge badge-pill badge-success">MP 200/200</div>
  24. </div><img src="https://file.toyhou.se/images/1331435_QQrSgiuYZT6unaH.png" class="fr-fic fr-dib" width="182" height="171"></div>
  25.  
  26. <p>
  27. <br>
  28. </p>
  29. </div>
  30. </div>
  31. </div>
  32. <div class="row">
  33. <div class="col-5" style="text-align:right;"><strong>Name:</strong></div>
  34. <div class="col-7" style="text-align:left;">Idris</div>
  35. </div>
  36. <div class="row">
  37. <div class="col-5" style="text-align:right;"><strong>Gender:</strong></div>
  38. <div class="col-7" style="text-align:left;">Male</div>
  39. </div>
  40. <div class="row">
  41. <div class="col-5" style="text-align:right;"><strong>Alignment:</strong></div>
  42. <div class="col-7" style="text-align:left;">Lawful Good</div>
  43. </div>
  44. <div class="row">
  45. <div class="col-5" style="text-align:right;"><strong>Species:</strong></div>
  46. <div class="col-7" style="text-align:left;">Pacapillar</div>
  47. </div>
  48. <div class="row">
  49. <div class="col-5" style="text-align:right;"><strong>Home:</strong></div>
  50. <div class="col-7" style="text-align:left;">Pacapillar Universe?</div>
  51. </div>
  52. <div class="row">
  53. <div class="col-5" style="text-align:right;"><strong>Orientation:</strong></div>
  54. <div class="col-7" style="text-align:left;">Panromantic</div>
  55. </div>
  56. <div class="row">
  57. <div class="col-5" style="text-align:right;"><strong>Status:</strong></div>
  58. <div class="col-7" style="text-align:left;">Active</div>
  59.  
  60. <p>
  61. <br>
  62. </p>
  63.  
  64. <p>
  65. <br>
  66. </p>
  67.  
  68. <p>
  69. <br>
  70. </p>
  71.  
  72. <p>
  73. <br>
  74. </p>
  75. </div>
  76. </div>
  77. </div>
  78. <div class="card card-outline-warning col-md-7">
  79. <div class="card-inverse card-warning card-header">
  80.  
  81. <h2 class="d-inline mt-1" style="padding-bottom:0;border:none;">Description</h2>
  82. </div>
  83. <div class="card-block">Placeholder cause im bad at character development until I rp them.
  84. <br>
  85.  
  86. <p>
  87. <br>
  88. </p>
  89. <br>
  90. <br>
  91. <br>
  92. </div>
  93. </div>
  94. </div>
  95. <div class="row">
  96. <div class="card card-outline-success col-md-3">
  97. <div class="card-inverse card-success card-header">
  98.  
  99. <h3 style="text-align:center;">Likes</h3>
  100. </div>
  101.  
  102. <ul>
  103. <li>Rock Candy</li>
  104. <li>Sugar Cookies</li>
  105. <li>Gems</li>
  106. <li>Sweet things</li>
  107. </ul>
  108. </div>
  109. <div class="card card-outline-danger col-md-3">
  110. <div class="card-inverse card-danger card-header">
  111.  
  112. <h3 style="text-align:center;">Dislikes</h3>
  113. </div>
  114.  
  115. <ul>
  116. <li>Bitter flavors</li>
  117. </ul>
  118. </div>
  119. <div class="card card-outline-warning col-md-6">
  120. <div class="card-inverse card-warning card-header">
  121. <!-- Use <i class="fas fa-square"></i> for full squares, and <i class="far fa-square"></i> for empty ones. I have five squares in each "button", you can just change fas or far to swap out. !-->
  122.  
  123. <h3 style="text-align:center;">Stats</h3>
  124. </div>
  125. <div class="row">
  126. <div class="col-2" style="text-align:right;">
  127. <div class="btn btn-link"><strong>HP:</strong></div>
  128. </div>
  129. <div class="col-4">
  130. <div class="btn btn-success" style="width:100px;"><i class="fas fa-square"></i><i class="fas fa-square"></i><i class="fas fa-square"></i><i class="far fa-square"></i><i class="far fa-square"></i></div>
  131. </div>
  132. <div class="col-2" style="text-align:right;">
  133. <div class="btn btn-link"><strong>MP:</strong></div>
  134. </div>
  135. <div class="col-4">
  136. <div class="btn btn-success" style="width:100px;"><i class="fas fa-square"></i><i class="fas fa-square"></i><i class="fas fa-square"></i><i class="far fa-square"></i><i class="far fa-square"></i></div>
  137. </div>
  138. </div>
  139. <div class="row">
  140. <div class="col-2" style="text-align:right;">
  141. <div class="btn btn-link"><strong>STR:</strong></div>
  142. </div>
  143. <div class="col-4">
  144. <div class="btn btn-success" style="width:100px;"><i class="fas fa-square"></i><i class="fas fa-square"></i><i class="fas fa-square"></i><i class="far fa-square"></i><i class="far fa-square"></i></div>
  145. </div>
  146. <div class="col-2" style="text-align:right;">
  147. <div class="btn btn-link"><strong>DEF:</strong></div>
  148. </div>
  149. <div class="col-4">
  150. <div class="btn btn-success" style="width:100px;"><i class="fas fa-square"></i><i class="fas fa-square"></i><i class="fas fa-square"></i><i class="fas fa-square"></i><i class="far fa-square"></i></div>
  151. </div>
  152. </div>
  153. <div class="row">
  154. <div class="col-2" style="text-align:right;">
  155. <div class="btn btn-link"><strong>INT:</strong></div>
  156. </div>
  157. <div class="col-4">
  158. <div class="btn btn-success" style="width:100px;"><i class="fas fa-square"></i><i class="fas fa-square"></i><i class="fas fa-square"></i><i class="fas fa-square"></i><i class="fas fa-square"></i></div>
  159. </div>
  160. <div class="col-2" style="text-align:right;">
  161. <div class="btn btn-link"><strong>RES:</strong></div>
  162. </div>
  163. <div class="col-4">
  164. <div class="btn btn-success" style="width:100px;"><i class="fas fa-square"></i><i class="fas fa-square"></i><i class="fas fa-square"></i><i class="far fa-square"></i><i class="far fa-square"></i></div>
  165. </div>
  166. </div>
  167. <div class="row">
  168. <div class="col-2" style="text-align:right;">
  169. <div class="btn btn-link"><strong>DEX:</strong></div>
  170. </div>
  171. <div class="col-4">
  172. <div class="btn btn-success" style="width:100px;"><i class="fas fa-square"></i><i class="far fa-square"></i><i class="far fa-square"></i><i class="far fa-square"></i><i class="far fa-square"></i></div>
  173. </div>
  174. <div class="col-2" style="text-align:right;">
  175. <div class="btn btn-link"><strong>LUK:</strong></div>
  176. </div>
  177. <div class="col-4">
  178. <div class="btn btn-success" style="width:100px;"><i class="fas fa-square"></i><i class="fas fa-square"></i><i class="far fa-square"></i><i class="far fa-square"></i><i class="far fa-square"></i></div>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. <div class="row">
  184. <div class="card card-outline-danger card col-md-5">
  185. <div class="card-inverse card-success card-header">
  186.  
  187. <h3 style="text-align:center;">Rarity Chart</h3>
  188. </div>
  189. <div class="card-block">
  190. <div class="row">
  191. <div class="col-4" style="text-align:right;"><strong>Texture:</strong></div>
  192. <div class="col-8">Crystal | Super-Rare</div>
  193. </div>
  194. <div class="row">
  195. <div class="col-4" style="text-align:right;"><strong>Head Feelers:</strong></div>
  196. <div class="col-8">&nbsp;1 Set | Long | Rare</div>
  197.  
  198. <p>
  199. <br>
  200. </p>
  201.  
  202. <p>
  203. <br>
  204. </p>
  205.  
  206. <p>
  207. <br>
  208. </p>
  209.  
  210. <p>
  211. <br>
  212. </p>
  213.  
  214. <p>
  215. <br>
  216. </p>
  217.  
  218. <p>
  219. <br>
  220. </p>
  221. </div>
  222. <div class="card-block">
  223. <div class="row">
  224. <div class="col-4" style="text-align:right;"><strong>Tail Feelers:</strong></div>
  225. <div class="col-8">1 Set | Shaped | Uncommon</div>
  226. </div>
  227. <div class="row">
  228. <div class="col-4" style="text-align:right;"><strong>Accessories:</strong></div>
  229. <div class="col-8">Stick Accessories | Uncommon</div>
  230.  
  231. <p>
  232. <br>
  233. </p>
  234.  
  235. <p>
  236. <br>
  237. </p>
  238.  
  239. <p>
  240. <br>
  241. </p>
  242.  
  243. <p>
  244. <br>
  245. </p>
  246.  
  247. <p>
  248. <br>
  249. </p>
  250.  
  251. <p>
  252. <br>
  253. </p>
  254. </div>
  255. <div class="row">
  256. <div class="col-4" style="text-align:right;"><strong>Brows:</strong></div>
  257. <div class="col-8">Shaped | Common</div>
  258. </div>
  259. <div class="row">
  260. <div class="col-4" style="text-align:right;"><strong>Eyes:</strong></div>
  261. <div class="col-8">Bead | Common</div>
  262. </div>
  263. <div class="row">
  264. <div class="col-4" style="text-align:right;"><strong>Nubs:</strong></div>
  265. <div class="col-8">None | Common</div>
  266. </div>
  267. <div class="row">
  268. <div class="col-4" style="text-align:right;"><strong>Other:</strong></div>
  269. <div class="col-8">Crystal Collar | Rare</div>
  270. </div>
  271. </div>
  272. </div>
  273. </div>
  274.  
  275. <div class="card card-outline-warning col-md-7">
  276. <div class="card-inverse card-danger card-header">
  277.  
  278. <h3 style="text-align:center;">Skills</h3>
  279. </div>
  280. <div class="card-block">
  281. <div class="row">
  282. <div class="col-4" style="text-align:right;"><strong>Placeholder:</strong></div>
  283. <div class="col-8">
  284. <br>
  285. </div>
  286. </div>
  287. <div class="row">
  288. <div class="col-4" style="text-align:right;"><strong>Placeholder</strong><strong>:</strong></div>
  289. <div class="col-8">
  290. <br>
  291. </div>
  292. </div>
  293. <div class="row">
  294. <div class="col-4" style="text-align:right;"><strong>Placeholder</strong><strong>:</strong></div>
  295. <div class="col-8">
  296. <br>
  297. </div>
  298. </div>
  299. <div class="row">
  300. <div class="col-4" style="text-align:right;"><strong>Placeholder</strong><strong>:</strong></div>
  301. <div class="col-8">
  302. <br>
  303. </div>
  304. </div>
  305. <div class="row">
  306. <div class="col-4" style="text-align:right;"><strong>Placeholder:</strong></div>
  307. <div class="col-8">
  308. <br>
  309. </div>
  310. </div>
  311. </div>
  312. </div>
  313. <div class="card card-outline-primary col-md-12">
  314. <div class="card-inverse card-primary card-header">
  315.  
  316. <h3 style="text-align:center;">Allies</h3>
  317. </div>
  318. <div class="card-block row" style="text-align:center;">
  319. <div class="card-block mx-auto">
  320. <div class="card d-inline-block card-outline-info" style="border: info;background-color: #fff;background-image:url('');width:197px;height:202px;">
  321. <div class="card-block" style="padding: 0px; text-align: center; vertical-align:bottom;">
  322. <div class="badge badge-pill badge-success">HP ???/???</div>
  323. <div class="badge badge-pill badge-info">MP ???/???</div>
  324. </div>
  325. </div>
  326. <div class="card card-outline-info">
  327. <div class="card-inverse card-info"><a class="btn border-0 btn-block rounded-0" href="url" rel="noopener noreferrer" target="_blank"><strong>???</strong></a></div>
  328. </div>
  329. </div>
  330. <div class="card-block mx-auto">
  331. <div class="card d-inline-block card-outline-danger" style="border: danger;background-color: #fff;background-image:url('https://file.toyhou.se/thumbnails/6145749_8yt_1292151.png?1523523329');width:197px;height:202px;">
  332. <div class="card-block" style="padding: 0px; text-align: center; vertical-align:bottom;">
  333. <div class="badge badge-pill badge-success">HP 180/180</div>
  334. <div class="badge badge-pill badge-info">MP 123/123</div>
  335. </div>
  336. </div>
  337. <div class="card card-outline-danger">
  338. <div class="card-inverse card-danger"><a class="btn border-0 btn-block rounded-0" href="https://toyhou.se/1292151.cora-" rel="noopener noreferrer" target="_blank"><strong>Friend</strong></a></div>
  339. </div>
  340. </div>
  341. <div class="card-block mx-auto">
  342. <div class="card d-inline-block card-outline-warning" style="border: warning;background-color: #fff;background-image:url('');width:197px;height:202px;">
  343. <div class="card-block" style="padding: 0px; text-align: center; vertical-align:bottom;">
  344. <div class="badge badge-pill badge-success">HP ???/???</div>
  345. <div class="badge badge-pill badge-info">MP ???/???</div>
  346. </div>
  347. </div>
  348. <div class="card card-outline-warning">
  349. <div class="card-inverse card-warning"><a class="btn border-0 btn-block rounded-0" href="url" id="" rel="noopener noreferrer" target="_blank"><strong>???</strong></a></div>
  350. </div>
  351. </div>
  352. <div class="card-block mx-auto">
  353. <div class="card d-inline-block card-outline-success" style="border: success;background-color: #fff;background-image:url('');size:stretch;width:197px;height:202px;">
  354. <div class="card-block" style="padding: 0px; text-align: center; vertical-align:bottom;">
  355. <div class="badge badge-pill badge-success">HP ???/???</div>
  356. <div class="badge badge-pill badge-info">MP ???/???</div>
  357. </div>
  358. </div>
  359. <div class="card card-outline-success">
  360. <div class="card-inverse card-success"><a class="btn border-0 btn-block rounded-0" href="url" id="" rel="noopener noreferrer" target="_blank"><strong>???</strong></a></div>
  361. </div>
  362. </div>
  363. </div>
  364. </div>
  365. </div>
  366.  
  367. <p style="text-align:right;"><span style='font-family: "courier new", courier; font-size: 9px;'>layout by @pepperly, please don&#39;t edit or redistribute without permission</span></p>
  368.  
  369. <p>
  370. <br>
  371. </p>
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!