Guest User

DPPT Pokemon Summary

a guest
Sep 1st, 2023
114
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.11 KB | None | 0 0
  1.  
  2. <div class="container col-lg-9 col-xl-5 px-0" style="min-width: 310px;">
  3. <div class="card" style="font-family: ms gothic; font-weight: bold;">
  4. <div class="card-header text-light text-uppercase py-2" style="border: medium solid #226BE6; background-image: linear-gradient(#226BE6, #4995FF); text-shadow: 1.25px 1.25px 1px #333; font-size: 18px;">
  5.  
  6. <p>summary</p>
  7. </div>
  8. <div class="card-content row no-gutters mx-0" style="background: #D0D7C7; border: medium solid #B5B483;">
  9. <div class="col-md-4 pt-2">
  10. <div class="col-12 px-0">
  11. <div class="card-header mx-2 p-1" style="background: #FFCF52; color: #fff; border: 2px solid #FDC256; border-top-left-radius: .75em; border-top-right-radius: .75em; text-shadow: 1.25px 1.25px 1px #333; font-size: 18px;"><img src="https://www.serebii.net/itemdex/sprites/pokeball.png" class="d-inline mr-0 fr-fic fr-dii" width="24" height="24" style="padding-bottom: 2px;">
  12.  
  13. <p class="d-inline">subject404<i class="pt-1 pr-2 pull-right text-primary fas fa-mars"></i></p>
  14. </div>
  15. <div class="card-footer bg-light mx-2 py-1 px-3" style="text-shadow: 1.25px 1.25px 1px #888; border: 2px solid #FFFECF; border-bottom-left-radius: .75em; border-bottom-right-radius: .75em; font-variant: small-caps; font-size: 18px;">
  16.  
  17. <p><span style="font-weight: bold; font-size: 14px;">Lv.</span>50</p>
  18. </div><img style="border-radius: 1em;min-height: 150px;" src="https://www.pokencyclopedia.info/sprites/gen5/ani_black-white/ani_bw_404_m.gif" class="d-block bg-light fr-fic fr-dii my-2 mx-auto" width="202.6" height="150"></div>
  19. <div class="pull-right pr-3 mb-1 text-muted" style="font-size: 10px; letter-spacing: .55em; text-shadow: 1.25px 0 1px #333;"><i class="text-warning fas fa-meh tooltipster" title="POKéRUS"></i><i class=" text-primary fas fa-triangle tooltipster" title="DELTA"></i><i class="text-info fab fa-vimeo-square tooltipster" title="PERFECT IV"></i><i class="text-success fas fa-heart tooltipster" title="MAX HAPPY"></i><i class="text-danger fas fa-star tooltipster" title="SHINY"></i><i class="text-light fas fa-diamond tooltipster" title="ALT. FORM"></i></div>
  20. <div class="card-header col-12 mt-1 py-1" style="clear: both; background: #FFCF52; color: #fff; border: 2px solid #FDC256; text-shadow: 1.25px 1.25px 1px #333; font-size: 18px;">
  21.  
  22. <p>Item</p>
  23. </div>
  24. <div class="card-footer col-12 bg-light py-1" style="border: 2px solid #FFFECF; border-radius: 0; text-shadow: 1.25px 1.25px 1px #888; font-size: 16px;">
  25.  
  26. <p>Everstone</p>
  27. </div>
  28. </div>
  29. <div class="col-md-8">
  30. <div class="col-12 px-0" style="height: 10%;">
  31.  
  32. <ul class="nav nav-tabs justify-content-end" style="list-style-type: none; text-align: center; font-size: 22px;">
  33. <li class="d-inline-block tab-item px-1 active" style="padding-top: 1px; width: 2em; background: #84DF8C; border: 2px solid #333;"><a class="show active" data-toggle="tab" href="#info" title="POKéMON INFO"><i class="fal fa-desktop-alt" style="color: #fff;"></i></a></li>
  34. <li class="d-inline-block tab-item px-1" style="padding-top: 1px; width: 2em; background: #95E7E6; border: 2px solid #333;"><a class="show" data-toggle="tab" href="#memo" title="TRAINER MEMO"><i class="fal fa-clipboard-list" style="color: #fff;"></i></a></li>
  35. <li class="d-inline-block tab-item px-1" style="padding-top: 1px; width: 2em; background: #8D94FF; border: 2px solid #333;"><a class="show" data-toggle="tab" href="#skills" title="POKéMON SKILLS"><i class="far fa-sliders-h" style="color: #fff;"></i></a></li>
  36. <li class="d-inline-block tab-item px-1" style="padding-top: 1px; width: 2em; background: #F6ACA5; border: 2px solid #333;"><a class="show" data-toggle="tab" href="#moves" title="BATTLE MOVES"><i class="fal fa-dot-circle" style="color: #fff;"></i></a></li>
  37. <li class="d-inline-block tab-item px-1" style="padding-top: 1px; width: 2em; background: #D078F8; border: 2px solid #333;"><a class="show" data-toggle="tab" href="#condition" title="CONDITION"><i class="fal fa-hexagon" style="color: #fff;"></i></a></li>
  38. <li class="d-inline-block tab-item px-1" style="padding-top: 1px; width: 2em; background: #F0F060; border: 2px solid #333;"><a class="show" data-toggle="tab" href="#ribbons" title="RIBBONS"><i class="fal fa-medal" style="color: #fff;"></i></a></li>
  39. <li class="d-inline-block tab-item px-1" style="padding-top: 1px; width: 2em; background: #FAD3EB; border: 2px solid #333;"><a class="tooltipster" href="https://toyhou.se/Slate" rel="noopener noreferrer" target="_blank" title="ribbons by slate"><i class="fal fa-award" style="color: #fff;"></i></a></li>
  40. <li class="d-inline-block px-1" style="padding-top: 1px; width: 2em; background: #B5B483; border: 2px solid #333;"><a class="tooltipster" href="https://toyhou.se/Subject404" rel="noopener noreferrer" target="_blank" title="code by subject404"><i class="fal fa-code" style="color: #fff;"></i></a></li>
  41. </ul>
  42. </div>
  43. <div class="col-12 tab-content px-0" style="height: 90%; border: 2px solid #333; border-top-left-radius: 1.5em; font-size: 18px;">
  44. <div class="tab-pane fade h-100 active show" id="info" style="background: #84DF8C; border-top-left-radius: 1.5em;">
  45. <div class="row container pt-4 pr-2">
  46. <div class="col-6 px-0" style="color: #fff; text-shadow: 1.25px 1.25px 1px #000;">
  47.  
  48. <p class="py-1 pl-4 mb-0" style="background: #74BE75; width: 212%;">Pok&eacute;dex No.</p>
  49.  
  50. <p class="py-1 pl-4 mb-0">Name</p>
  51.  
  52. <p class="py-1 pl-4 mb-0" style="background: #74BE75; width: 212%;">Type</p>
  53.  
  54. <p class="py-1 pl-4 mb-0">OT</p>
  55. </div>
  56. <div class="col-6 px-0" style="text-align: center; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em;">
  57.  
  58. <p class="py-1 mb-0" style="background: #FFFECF; border-top-left-radius: 1em; border-top-right-radius: 1em; text-shadow: 1.25px 1.25px 1px #888;">404</p>
  59.  
  60. <p class="text-uppercase py-1 mb-0 bg-light" style="text-shadow: 1.25px 1.25px 1px #888;">luxio</p>
  61. <div class="row justify-content-center py-1 mx-0 mb-0" style="background: #FFFECF; color: #fff; text-shadow: 1.25px 1.25px 1px #333;">
  62. <div class="col-6 px-1">
  63. <div class="col-12 text-uppercase px-0" style="background: #F8D030; box-shadow: 0 0 2px black; border-radius: 5px; text-align: center; font-weight: bold;">
  64.  
  65. <p>Electr</p>
  66. </div>
  67. </div>
  68. <div class="col-6 px-1">
  69. <div class="col-12 text-uppercase px-0" style="background: #705848; box-shadow: 0 0 2px black; border-radius: 5px; text-align: center; font-weight: bold;">
  70.  
  71. <p>Dark</p>
  72. </div>
  73. </div>
  74. </div>
  75.  
  76. <p class="text-danger py-1 mb-0 bg-light" style="border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; text-shadow: 1.25px 1.25px 1px #F6ACA5;">&macr;\_(ツ)_/&macr;</p>
  77. </div>
  78. </div>
  79. <div class="p-0" style="color: #fff; text-shadow: 1.25px 1.25px 1px #000;">
  80.  
  81. <p class="py-1 pl-4 mb-0" style="background: #74BE75;">Exp. Points</p>
  82. <div class="progress bg-secondary my-2 mr-3 pull-right" style="width: 17em; border: medium inset #fff; border-radius: 1em;">
  83. <div class="progress-bar progress-bar-striped progress-bar-animated bg-info" style="height: 1em; border-radius: .5em; width: 55%;">
  84. <br>
  85. </div>
  86. </div>
  87.  
  88. <p class="pt-1 pb-2 pl-4 mb-0" style="clear: both; background: #74BE75;">To Next Lv.</p>
  89. <div class="progress bg-secondary mt-2 mr-3 pull-right" style="width: 17em; border: medium inset #fff; border-radius: 1em;">
  90. <div class="progress-bar progress-bar-striped progress-bar-animated bg-success" style="height: 1em; border-radius: .5em; width: 8%;">
  91. <br>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. <div class="tab-pane fade h-100" id="memo" style="background: #95E7E6; border-top-left-radius: 1.5em;">
  97. <div class="pt-4 px-0" style="text-shadow: 1.25px 1.25px 1px #888;">
  98.  
  99. <p class="py-1 pl-4 mb-0" style="background: #83D5D5;"><span style="color: #ff0000;">Adamant</span> nature.</p>
  100.  
  101. <p class="py-1 pl-4 mb-0">Mar. 21, 2006</p>
  102.  
  103. <p class="py-1 pl-4 mb-0" style="background: #83D5D5; color: #ff0000;">Pok&eacute;mon Event</p>
  104.  
  105. <p class="py-1 pl-4 mb-0">Apparently had a fateful</p>
  106.  
  107. <p class="py-1 pl-4 mb-0" style="background: #83D5D5;">encounter at Lv. 15.</p>
  108.  
  109. <p class="py-1 pl-4 mb-0">Alert to sounds.</p>
  110.  
  111. <p class="pt-1 pl-4 pb-2 mb-0" style="background: #83D5D5;">Likes <span style="color: #ff0000;">dry</span> food.</p>
  112.  
  113. <p class="pt-0 pl-4 mb-0">
  114. <br>
  115. </p>
  116. </div>
  117. </div>
  118. <div class="tab-pane fade h-100" id="skills" style="background: #8D94FF; color: #fff; border-top-left-radius: 1.5em;">
  119. <div class="pt-4 px-0" style="text-shadow: 1.25px 1.25px 1px #000;">
  120. <div class="py-1 pl-5 mb-0" style="background: #6C74DF; font-weight: bold;">
  121.  
  122. <p class="d-inline">HP</p>
  123. <div class="progress bg-secondary mt-1 mr-4 pull-right" style="width: 15.5em; border: medium inset #fff; border-radius: 1em;">
  124. <div class="progress-bar progress-bar-striped progress-bar-animated bg-success" style="height: 1em; border-radius: .5em; width: 100%;">
  125.  
  126. <p style="margin-top: -.15em;">135 / 135</p>
  127. </div>
  128. </div>
  129. </div>
  130. <div class="row container pr-2">
  131. <div class="col-6 px-0" style="text-shadow: 1.25px 1.25px 1px #000; font-weight: bold;">
  132.  
  133. <p class="py-1 pl-5 mb-0 text-success">Attack</p>
  134.  
  135. <p class="py-1 pl-5 mb-0" style="clear: both; background: #6C74DF; width: 212%;">Defense</p>
  136.  
  137. <p class="py-1 pl-5 mb-0 text-danger">Sp. Atk</p>
  138.  
  139. <p class="py-1 pl-5 mb-0" style="clear: both; background: #6C74DF; width: 212%;">Sp. Def</p>
  140.  
  141. <p class="py-1 pl-5 mb-0">Speed</p>
  142. </div>
  143. <div class="col-6 px-0" style="color: #000; text-shadow: 1.25px 1.25px 1px #888; text-align: center; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em;">
  144.  
  145. <p class="py-1 mb-0 bg-light" style="border-top-left-radius: 1em; border-top-right-radius: 1em;">115</p>
  146.  
  147. <p class="py-1 mb-0" style="background: #FFFECF;">69</p>
  148.  
  149. <p class="py-1 mb-0 bg-light">72</p>
  150.  
  151. <p class="py-1 mb-0" style="background: #FFFECF;">69</p>
  152.  
  153. <p class="py-1 mb-0 bg-light" style="border-bottom-left-radius: 1em; border-bottom-right-radius: 1em;">80</p>
  154. </div>
  155. </div>
  156. <div class="pt-1 pb-2 pl-4 mb-0" style="background: #6C74DF;">
  157.  
  158. <p class="d-inline" style="font-weight: bold;">Ability</p>
  159.  
  160. <p class="pb-2 pr-3 mt-0 mr-0 pull-right" style="background: #DFE8F7; color: #000; text-shadow: 1.25px 1.25px 1px #888; width: 12em; text-align: center; border-top-left-radius: 1em;">Intimidate</p>
  161. </div>
  162.  
  163. <p class="py-0 pl-4 mb-0 bg-light" style="color: #000; text-shadow: 1.25px 1.25px 1px #888; height: 1.5em; overflow: auto;">Lowers the foe&rsquo;s Attack stat.</p>
  164. </div>
  165. </div>
  166. <div class="tab-pane pt-4 fade h-100" id="moves" style="background: #F6ACA5; color: #fff; text-shadow: 1.25px 1.25px 1px #333; border-top-left-radius: 1.5em;">
  167. <div class="row py-1 px-2 mx-0 mb-0" style="background: #FE827A;">
  168. <div class="col-3">
  169. <br>
  170. </div>
  171. <div class="col-3 px-0 text-uppercase" style="background: #F8D030; box-shadow: 0 0 2px black; border-radius: 5px; text-align: center; font-weight: bold;">
  172.  
  173. <p>Electr</p>
  174. </div>
  175. <div class="col-6 pr-0">Discharge</div>
  176. </div>
  177. <div class="bg-light py-1 px-4 mx-3 pull-right" style="color: #000; border-radius: 5em; text-shadow: 1.25px 1.25px 1px #888;">
  178.  
  179. <p>PP &nbsp; 15 / 15</p>
  180. </div>
  181. <div class="row py-1 px-2 mx-0 mb-0" style="clear: both; background: #FE827A;">
  182. <div class="col-3">
  183. <br>
  184. </div>
  185. <div class="col-3 px-0 text-uppercase" style="background: #F8D030; box-shadow: 0 0 2px black; border-radius: 5px; text-align: center; font-weight: bold;">
  186.  
  187. <p>Electr</p>
  188. </div>
  189. <div class="col-6 pr-0">Thunder Fang</div>
  190. </div>
  191. <div class="bg-light py-1 px-4 mx-3 pull-right" style="color: #000; border-radius: 5em; text-shadow: 1.25px 1.25px 1px #888;">
  192.  
  193. <p>PP &nbsp; 15 / 15</p>
  194. </div>
  195. <div class="row py-1 px-2 mx-0 mb-0" style="clear: both; background: #FE827A;">
  196. <div class="col-3">
  197. <br>
  198. </div>
  199. <div class="col-3 px-0 text-uppercase" style="background: #F08030; box-shadow: 0 0 2px black; border-radius: 5px; text-align: center; font-weight: bold;">
  200.  
  201. <p>Fire</p>
  202. </div>
  203. <div class="col-6 pr-0">Fire Fang</div>
  204. </div>
  205. <div class="bg-light py-1 px-4 mx-3 pull-right" style="color: #000; border-radius: 5em; text-shadow: 1.25px 1.25px 1px #888;">
  206.  
  207. <p>PP &nbsp; 15 / 15</p>
  208. </div>
  209. <div class="row pt-1 pb-2 px-2 mx-0 mb-0" style="clear: both; background: #FE827A;">
  210. <div class="col-3">
  211. <br>
  212. </div>
  213. <div class="col-3 px-0 text-uppercase" style="background: #98D8D8; box-shadow: 0 0 2px black; border-radius: 5px; text-align: center; font-weight: bold;">
  214.  
  215. <p>Ice</p>
  216. </div>
  217. <div class="col-6 pr-0">Ice Fang</div>
  218. </div>
  219. <div class="bg-light py-0 px-4 mx-3 pull-right" style="color: #000; border-radius: 5em; text-shadow: 1.25px 1.25px 1px #888;">
  220.  
  221. <p>PP &nbsp; 15 / 15</p>
  222. </div>
  223. </div>
  224. <div class="tab-pane fade h-100" id="condition" style="background: #D078F8; color: #fff; border-top-left-radius: 1.5em;">
  225. <div class="pt-4 px-0" style="font-weight: bold; text-shadow: 1.25px 1.25px 1px #333;">
  226. <div class="row justify-content-center my-2 px-0">
  227. <div class="col-6">
  228. <div class="progress bg-secondary" style="border: medium inset #fff; border-radius: 1em;">
  229. <div class="progress-bar progress-bar-striped progress-bar-animated bg-danger" style="height: 1em; border-radius: .5em; width: 50%;">
  230.  
  231. <p style="margin-top: -.15em;">Cool</p>
  232. </div>
  233. </div>
  234. </div>
  235. </div>
  236.  
  237. <p class="py-1 pl-4 mb-0">
  238. <br>
  239. </p>
  240. <div class="row my-2 px-0">
  241. <div class="col-6 pr-0">
  242. <div class="col-12">
  243. <div class="progress bg-secondary" style="border: medium inset #fff; border-radius: 1em;">
  244. <div class="progress-bar progress-bar-striped progress-bar-animated bg-warning" style="height: 1em; border-radius: .5em; width: 50%;">
  245.  
  246. <p style="margin-top: -.15em;">Tough</p>
  247. </div>
  248. </div>
  249. </div>
  250. </div>
  251. <div class="col-6 pl-0">
  252. <div class="col-12">
  253. <div class="progress bg-secondary" style="border: medium inset #fff; border-radius: 1em;">
  254. <div class="progress-bar progress-bar-striped progress-bar-animated bg-primary" style="height: 1em; border-radius: .5em; width: 50%;">
  255.  
  256. <p style="margin-top: -.15em;">Beauty</p>
  257. </div>
  258. </div>
  259. </div>
  260. </div>
  261. </div>
  262.  
  263. <p class="py-1 pl-4 mb-0">
  264. <br>
  265. </p>
  266. <div class="row my-2 px-0">
  267. <div class="col-6 pr-0">
  268. <div class="col-12">
  269. <div class="progress bg-secondary" style="border: medium inset #fff; border-radius: 1em;">
  270. <div class="progress-bar progress-bar-striped progress-bar-animated bg-success" style="height: 1em; border-radius: .5em; width: 50%;">
  271.  
  272. <p style="margin-top: -.15em;">Smart</p>
  273. </div>
  274. </div>
  275. </div>
  276. </div>
  277. <div class="col-6 pl-0">
  278. <div class="col-12">
  279. <div class="progress bg-secondary" style="border: medium inset #fff; border-radius: 1em;">
  280. <div class="progress-bar progress-bar-striped progress-bar-animated bg-info" style="height: 1em; border-radius: .5em; width: 50%;">
  281.  
  282. <p style="margin-top: -.15em;">Cute</p>
  283. </div>
  284. </div>
  285. </div>
  286. </div>
  287. </div>
  288.  
  289. <p class="pt-1 pl-4 pb-2">
  290. <br>
  291. </p>
  292. <div class="row justify-content-center mt-2 px-0">
  293. <div class="col-8">
  294. <div class="progress bg-secondary" style="border: medium inset #fff; border-radius: 1em;">
  295. <div class="progress-bar progress-bar-striped progress-bar-animated bg-dark" style="height: 1em; width: 25%;">
  296.  
  297. <p class="pl-3" style="text-align: left; margin-top: -.15em;">Sheen</p>
  298. </div>
  299. </div>
  300. </div>
  301. </div>
  302.  
  303. <p class="pt-1 pl-4">
  304. <br>
  305. </p>
  306. </div>
  307. </div>
  308. <div class="tab-pane fade h-100" id="ribbons" style="background: #F0F060; color: #000; border-top-left-radius: 1.5em;">
  309. <div class="row justify-content-around pt-4 pb-1 px-5" style="font-size: 40px; text-align: center;">
  310. <div class="col-3">
  311. <div class="col-12 px-0 tooltipster" title="Sona">
  312. <div><img src="https://file.toyhou.se/images/15988440_kyGKU7ZGvay2DYm.png" class="fr-fic fr-dii mx-auto tooltipster" width="43" height="62" data-placement="bottom" title="A character who represents the owner, usually in a personal way." style="min-width: 43px; max-width: 43px;"></div>
  313. </div>
  314. </div>
  315. <div class="col-3">
  316. <div class="col-12 px-0 tooltipster" title="Mascot">
  317. <div><img src="https://file.toyhou.se/images/15988434_GPfPY3QqxXRjUfk.png" class="fr-fic fr-dii mx-auto tooltipster" width="43" height="62" data-placement="bottom" title="A character who represents the owner, usually in a visual, business, or aesthetic way." style="min-width: 43px; max-width: 43px;"></div>
  318. </div>
  319. </div>
  320. <div class="col-3">
  321. <div class="col-12 px-0 tooltipster" title="Main Character">
  322. <div><img src="https://file.toyhou.se/images/15987643_bvhutjRbgnwMYz3.png" class="fr-fic fr-dii mx-auto tooltipster" width="43" height="62" data-placement="bottom" title="A high priority, very important character." style="min-width: 43px; max-width: 43px;"></div>
  323. </div>
  324. </div>
  325. <div class="col-3">
  326. <div class="col-12 px-0 tooltipster" title="Secondary Character">
  327. <div><img src="https://file.toyhou.se/images/15987646_g9coNM7qcSXdm99.png" class="fr-fic fr-dii mx-auto tooltipster" width="43" height="62" data-placement="bottom" title="A character who is still significant, but lesser so than mains." style="min-width: 43px; max-width: 43px;"></div>
  328. </div>
  329. </div>
  330. </div>
  331. <div class="row justify-content-around pt-3 pb-1 px-5" style="font-size: 40px; text-align: center;">
  332. <div class="col-3">
  333. <div class="col-12 px-0 tooltipster">
  334. <div><i class="fas fa-award" style="opacity: .1;"></i></div>
  335. </div>
  336. </div>
  337. <div class="col-3">
  338. <div class="col-12 px-0 tooltipster">
  339. <div><i class="fas fa-award" style="opacity: .1;"></i></div>
  340. </div>
  341. </div>
  342. <div class="col-3">
  343. <div class="col-12 px-0 tooltipster">
  344. <div><i class="fas fa-award" style="opacity: .1;"></i></div>
  345. </div>
  346. </div>
  347. <div class="col-3">
  348. <div class="col-12 px-0 tooltipster">
  349. <div><i class="fas fa-award" style="opacity: .1;"></i></div>
  350. </div>
  351. </div>
  352. </div>
  353. <div class="row justify-content-around pt-3 pb-0 px-5" style="font-size: 40px; text-align: center;">
  354. <div class="col-3">
  355. <div class="col-12 px-0 tooltipster" title="Close Company">
  356. <div><img src="https://file.toyhou.se/images/15994530_XSwZEsSLgKsC6XC.png" class="fr-fic fr-dii mx-auto tooltipster" width="43" height="62" data-placement="bottom" title="A character that has a physical real-life item, like a plush, statue, keychain, etc." style="min-width: 43px; max-width: 43px;"></div>
  357. </div>
  358. </div>
  359. <div class="col-3">
  360. <div class="col-12 px-0 tooltipster" title="Panelhopper">
  361. <div><img src="https://file.toyhou.se/thumbnails/16053706_e5U.png" class="fr-fic fr-dii mx-auto tooltipster" width="43" height="62" data-placement="bottom" title="A character who has been featured in a comic of some kind." style="min-width: 43px; max-width: 43px;"></div>
  362. </div>
  363. </div>
  364. <div class="col-3">
  365. <div class="col-12 px-0 tooltipster" title="Bisexual">
  366. <div><img src="https://file.toyhou.se/images/16001031_04amypjps25bvaI.png" class="fr-fic fr-dii mx-auto tooltipster" width="43" height="62" data-placement="bottom" title="One who is sexually attracted to the same or opposite sex." style="min-width: 43px; max-width: 43px;"></div>
  367. </div>
  368. </div>
  369. <div class="col-3">
  370. <div class="col-12 px-0 tooltipster" title="Aromantic">
  371. <div><img src="https://file.toyhou.se/images/16001723_5niso7bcxB3VIkU.png" class="fr-fic fr-dii mx-auto tooltipster" width="43" height="62" data-placement="bottom" title="One who does not experience romantic attraction." style="min-width: 43px; max-width: 43px;"></div>
  372. </div>
  373. </div>
  374. </div>
  375. <div class="py-0 pl-5 pr-4 mt-4 mb-0" style="background: #D8C800; text-shadow: 1.25px 1.25px 1px #888;">
  376.  
  377. <p class="d-inline">No. of Ribbons:</p>
  378.  
  379. <p class="bg-light px-5 pull-right" style="border-radius: 5em;">404</p>
  380. </div>
  381. </div>
  382. </div>
  383. </div>
  384. </div>
  385. </div>
  386. </div>
Add Comment
Please, Sign In to add comment