<!-- Hi! This is the first code I've made, I'm so sorry it looks like garbage to read, I would strongly just recommend editing what is there. Just a reminder this is NOT mobile friendly lol.
Credit: ghostal
============================
Change these for the big box around the Pokemon! These colours are related to your character!
Background colour: #6baece
Border colour: #467186
Bubbles for the character: #9fcadf
For Pokemon trainers use:
<sup>P</sup>
<sub>N</sub>
<sub>K</sub>
<sup>M</sup>
Follow this for the hex codes for all typing colours, backgrounds and borders:
https://toyhou.se/23767732.bulbapedia-team/23767740.hex-codes-resource
Thank you for using!! <3
-->
<div class="row no-gutters d-flex mt-2 mx-auto container" style="width:663px">
<div class="expandable" style="float:left;border-radius:40px;color:#000000; background-color:#6baece; border:3px solid #467186; padding:10px;">
<table style="margin:auto; background: transparent;border: 2px solid transparent;">
<tbody><tr>
<!-- Character Box
IMAGE AND INFO
If you don't have CSS, put this in place of the first three lines:
<th style="background-color:#9fcadf;margin-top:12px; border-radius: 3em;"><img alt="Character" src="/* -- PUT IMAGE SPRITE HERE -- */" style="max-width:80px;">
</th>
-->
<th class="dot" style="background-color:#9fcadf;border: 2px solid #467186;margin-top:12px;"><img alt="Character" src="/* -- PUT IMAGE SPRITE HERE -- */" style="max-width:80px;">
</th>
<td>
<table width="200px" style="margin:2px; text-align:center; background: #9fcadf; border: 2px solid transparent; border-radius: 0.5em">
<tbody><tr>
<td style="line-height:3px"><b><small><span style="color:#000">Occupation</span></small></b>
</td></tr>
<tr>
<td style="line-height:3px;color:#000"><b><big>Name</big></b>
</td></tr>
<tr>
<td style="line-height:3px"><b><span style="color:#000">Location</span></b>
</td></tr>
<tr>
<td style="line-height:3px"><small><span style="color:#000">Region</span></small>
</td></tr></tbody></table>
</td></tr>
<tr>
<td style="text-align:center;color:#000"><div style="line-height:10px"><small>Reward:</small></div><b><img alt="PokémonDollar" src="https://cdn.discordapp.com/attachments/799568229260460036/1073622007587020934/PokC3A9monDollar.png" decoding="async" loading="lazy" width="7" height="14">200</b>
</td>
<td>
<table style="margin:auto; background: transparent; border: 2px solid transparent;">
<tbody><tr>
<!-- Change these for whatever ball you want.-->
<td style="background: #9fcadf; line-height:10px; border-radius: 0.5em">
<img src="https://cdn.discordapp.com/attachments/799568229260460036/1073622195064016906/Ballfull.png" decoding="async" loading="lazy" width="16" height="16">
<img src="https://cdn.discordapp.com/attachments/799568229260460036/1073622195064016906/Ballfull.png" decoding="async" loading="lazy" width="16" height="16">
<img src="https://cdn.discordapp.com/attachments/799568229260460036/1073622195064016906/Ballfull.png" decoding="async" loading="lazy" width="16" height="16">
<img src="https://cdn.discordapp.com/attachments/799568229260460036/1073622195064016906/Ballfull.png" decoding="async" loading="lazy" width="16" height="16">
<img src="https://cdn.discordapp.com/attachments/799568229260460036/1073622443597496400/Ballempty.png" decoding="async" loading="lazy" width="16" height="16">
<img src="https://cdn.discordapp.com/attachments/799568229260460036/1073622443597496400/Ballempty.png" decoding="async" loading="lazy" width="16" height="16">
</td></tr></tbody></table>
</td></tr></tbody></table>
<div class="row" style="margin:auto;">
<!-- Pokemon 1
First two hex codes should be the same colour as the major background!
-->
<table style="border-radius:20px;background: #44685e; border: 0px solid transparent;">
<tbody><tr>
<td>
<!-- Change the colours for the Pokemon's main typing -->
<table width="100%" style="background: #9dc1b7; border-collapse:collapse;border: 0px solid transparent; border-radius:1em">
<tbody><tr align="center">
<td width="50%">
<table align="center" style="background: #FFFFFF;border: 2px solid transparent;border-radius: 0.5em">
<tbody><tr align="center">
<td><img alt="Pokemon Name" src="/* -- Pokemon Sprite --*/" decoding="async" loading="lazy" width="96" height="96">
</td></tr></tbody></table>
</td>
<td rowspan="2" width="50%">
<table style="margin:auto; background: transparent; border-collapse:collapse;">
<tbody><tr>
<td style="text-align: center; line-height:3px;border: 2px solid transparent;color:#000" colspan="2"><small>Types:</small>
</td></tr>
<tr>
<!-- Change the colours for the Pokemon's typing, you can delete the second one if it's a solo type! -->
<td width="45px" style="text-align: center; font-size: 85%; line-height:12px; background: #68a090; border-radius: 10px;border: 2px solid transparent;"><span style="color:#FFF;"><b>Type</b></span>
</td>
<td width="45px" style="text-align: center; font-size: 85%; line-height:12px; background: #68a090; border-radius: 10px;border: 2px solid transparent;"><span style="color:#FFF;"><b>Type</b></span>
</td>
</tr></tbody></table>
<table align="center" style="background: transparent;">
<tbody><tr align="center">
<td style="line-height:3px;border: 2px solid transparent; color:#000"><small>Ability:</small>
<br><br><br><br><br><br><span style="color:#000;">Ability</span>
</td></tr></tbody></table>
<table align="center" style="background: transparent;">
<tbody><tr align="center">
<!-- Put in an image of the item, put /archives.bulbagarden.net/media/upload/e/e3/None.png in the src if you have no item. -->
<td style="line-height:3px;border: 2px solid transparent;color:#000"><small>Held item:</small>
</td></tr>
<tr align="center">
<td style="border: 2px solid transparent;color:#000"><img alt="None" src="/* -- Put image here, if none put -> /archives.bulbagarden.net/media/upload/e/e3/None.png --*/" decoding="async" loading="lazy" width="24" height="24"> None <img alt="None" src="/* -- Put image here, if none put -> /archives.bulbagarden.net/media/upload/e/e3/None.png --*/" decoding="async" loading="lazy" width="24" height="24">
</td></tr></tbody></table>
</td></tr>
<tr align="center">
<!-- There are two hex codes for the gender, remove one of the hex and 'or' for it to apply. If the name of the Pokemon is very long it will just span over two lines. -->
<td style="background: #FFFFFF;padding:0px;border-radius:0.5em;"><a href="/*-- LINK FOR IMAGE --*/"><span style="color:#000;">Pokemon</span></a><span style="color:#0070F8 or #e03838;"> M/F</span><span style="color:#000"><small> Lv.</small>#</span>
</td></tr>
<tr align="center">
<!-- Pokemon 1, Moves
This is the moves section, the colours for the move types and category types can be found at the top of the code. The catagories are physical, status and special if you're unsure.
-->
<td colspan="2" style="background: #FFFFFF;border-radius:10px;padding:4px;">
<table width="100%" style="background: #FFFFFF;">
<tbody><tr>
<!-- Move 1 -->
<td width="50%" style="background: #44685e;border: 2px solid transparent;border-radius: 0.5em;">
<table width="100%" style="background: #FFFFFF; border-collapse:collapse;border-radius: 0.5em;border: 0px solid transparent" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td colspan="2"><span style="color:#000;">Move 1</span>
</td></tr>
<tr align="center">
<td style="background:#68A090; line-height:12px;border-radius: 0em 0em 0em 0.5em;"><small><span style="color:#FFFFFF;">Type</span></small>
</td>
<td style="background:#8C888C; line-height:12px;border-radius: 0em 0em 0.5em 0em;"><small><span style="color:#F7F7F7;">category</span></small>
</td></tr></tbody></table>
<table width="100%" style="display:none; background: #44685e; border-collapse:collapse;" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td>
</td>
<td rowspan="2">--
</td>
<td>
</td></tr>
<tr align="center">
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td>
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td></tr></tbody></table>
</td>
<!-- Move 2 -->
<td width="50%" style="background: #44685e;border: 2px solid transparent;border-radius: 0.5em;">
<table width="100%" style="background: #FFFFFF; border-collapse:collapse;border-radius: 0.5em;border: 0px solid transparent" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td colspan="2"><span style="color:#000;">Move 2</span>
</td></tr>
<tr align="center">
<td style="background:#68A090; line-height:12px;border-radius: 0em 0em 0em 0.5em;"><small><span style="color:#FFFFFF;">Type</span></small>
</td>
<td style="background:#8C888C; line-height:12px;border-radius: 0em 0em 0.5em 0em;"><small><span style="color:#F7F7F7;">category</span></small>
</td></tr></tbody></table>
<table width="100%" style="display:none; background: #44685e; border-collapse:collapse;" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td>
</td>
<td rowspan="2">--
</td>
<td>
</td></tr>
<tr align="center">
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td>
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td></tr></tbody></table>
</td></tr>
<tr>
<!-- Move 3 -->
<td width="50%" style="background: #44685e;border: 2px solid transparent;border-radius: 0.5em;">
<table width="100%" style="background: #FFFFFF; border-collapse:collapse;border-radius: 0.5em;border: 0px solid transparent" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td colspan="2"><span style="color:#000;">Move 3</span>
</td></tr>
<tr align="center">
<td style="background:#68A090; line-height:12px;border-radius: 0em 0em 0em 0.5em;"><small><span style="color:#FFFFFF;">Type</span></small>
</td>
<td style="background:#8C888C; line-height:12px;border-radius: 0em 0em 0.5em 0em;"><small><span style="color:#F7F7F7;">category</span></small>
</td></tr></tbody></table>
<table width="100%" style="display:none; background: #44685e; border-collapse:collapse;" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td>
</td>
<td rowspan="2">--
</td>
<td>
</td></tr>
<tr align="center">
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td>
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td></tr></tbody></table>
</td>
<!-- Move 4 -->
<td width="50%" style="background: #44685e;border: 2px solid transparent;border-radius: 0.5em;">
<table width="100%" style="background: #FFFFFF; border-collapse:collapse;border-radius: 0.5em;border: 0px solid transparent" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td colspan="2"><span style="color:#000;">Move 4</span>
</td></tr>
<tr align="center">
<td style="background:#68A090; line-height:12px;border-radius: 0em 0em 0em 0.5em;"><small><span style="color:#FFFFFF;">Type</span></small>
</td>
<td style="background:#8C888C; line-height:12px;border-radius: 0em 0em 0.5em 0em;"><small><span style="color:#F7F7F7;">category</span></small>
</td></tr></tbody></table>
<table width="100%" style="display:none; background: #44685e; border-collapse:collapse;" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td>
</td>
<td rowspan="2">--
</td>
<td>
</td></tr>
<tr align="center">
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td>
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></table>
<!-- End Pokemon 1 -->
<!-- Pokemon 2
First two hex codes should be the same colour as the major background!
-->
<table style="border-radius:10px;background: #6baece; border: 0px solid #6baece;">
<tbody><tr>
<td>
<!-- Change the colours for the Pokemon's main typing -->
<td style="border-radius:20px;background: #44685e; border: 0px solid transparent;">
<table width="100%" style="background: #9dc1b7; border-collapse:collapse;border: 0px solid transparent; border-radius:1em" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td width="50%">
<table align="center" style="background: #FFFFFF;border: 2px solid transparent;border-radius: 0.5em">
<tbody><tr align="center">
<td><img alt="Pokemon Name" src="/* -- Pokemon Sprite --*/" decoding="async" loading="lazy" width="96" height="96">
</td></tr></tbody></table>
</td>
<td rowspan="2" width="50%">
<table style="margin:auto; background: transparent; border-collapse:collapse;">
<tbody><tr>
<td style="text-align: center; line-height:3px;border: 2px solid transparent;color:#000" colspan="2"><small>Types:</small>
</td></tr>
<tr>
<!-- Change the colours for the Pokemon's typing, you can delete the second one if it's a solo type! -->
<td width="45px" style="text-align: center; font-size: 85%; line-height:12px; background: #68a090; border-radius: 10px;border: 2px solid transparent;"><span style="color:#FFF;"><b>Type</b></span>
</td>
<td width="45px" style="text-align: center; font-size: 85%; line-height:12px; background: #68a090; border-radius: 10px;border: 2px solid transparent;"><span style="color:#FFF;"><b>Type</b></span>
</td>
</tr></tbody></table>
<table align="center" style="background: transparent;">
<tbody><tr align="center">
<td style="line-height:3px;border: 2px solid transparent; color:#000"><small>Ability:</small>
<br><br><br><br><br><br><span style="color:#000;">Ability</span>
</td></tr></tbody></table>
<table align="center" style="background: transparent;">
<tbody><tr align="center">
<!-- Put in an image of the item, put /archives.bulbagarden.net/media/upload/e/e3/None.png in the src if you have no item. -->
<td style="line-height:3px;border: 2px solid transparent;color:#000"><small>Held item:</small>
</td></tr>
<tr align="center">
<td style="border: 2px solid transparent;color:#000"><img alt="None" src="/* -- Put image here, if none put -> /archives.bulbagarden.net/media/upload/e/e3/None.png --*/" decoding="async" loading="lazy" width="24" height="24"> None <img alt="None" src="/* -- Put image here, if none put -> /archives.bulbagarden.net/media/upload/e/e3/None.png --*/" decoding="async" loading="lazy" width="24" height="24">
</td></tr></tbody></table>
</td></tr>
<tr align="center">
<!-- There are two hex codes for the gender, remove one of the hex and 'or' for it to apply. If the name of the Pokemon is very long it will just span over two lines. -->
<td style="background: #FFFFFF;padding:0px;border-radius:0.5em;"><a href="/*-- LINK FOR IMAGE --*/"><span style="color:#000;">Pokemon</span></a><span style="color:#0070F8 or #e03838;"> M/F</span><span style="color:#000"><small> Lv.</small>#</span>
</td></tr>
<tr align="center">
<!-- Pokemon 3, Moves
This is the moves section, the colours for the move types and category types can be found at the top of the code. The catagories are physical, status and special if you're unsure.
-->
<td colspan="2" style="background: #FFFFFF;border-radius:10px;padding:4px;">
<table width="100%" style="background: #FFFFFF;">
<tbody><tr>
<!-- Move 1 -->
<td width="50%" style="background: #44685e;border: 2px solid transparent;border-radius: 0.5em;">
<table width="100%" style="background: #FFFFFF; border-collapse:collapse;border-radius: 0.5em;border: 0px solid transparent" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td colspan="2"><span style="color:#000;">Move 1</span>
</td></tr>
<tr align="center">
<td style="background:#68A090; line-height:12px;border-radius: 0em 0em 0em 0.5em;"><small><span style="color:#FFFFFF;">Type</span></small>
</td>
<td style="background:#8C888C; line-height:12px;border-radius: 0em 0em 0.5em 0em;"><small><span style="color:#F7F7F7;">category</span></small>
</td></tr></tbody></table>
<table width="100%" style="display:none; background: #44685e; border-collapse:collapse;" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td>
</td>
<td rowspan="2">--
</td>
<td>
</td></tr>
<tr align="center">
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td>
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td></tr></tbody></table>
</td>
<!-- Move 2 -->
<td width="50%" style="background: #44685e;border: 2px solid transparent;border-radius: 0.5em;">
<table width="100%" style="background: #FFFFFF; border-collapse:collapse;border-radius: 0.5em;border: 0px solid transparent" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td colspan="2"><span style="color:#000;">Move 2</span>
</td></tr>
<tr align="center">
<td style="background:#68A090; line-height:12px;border-radius: 0em 0em 0em 0.5em;"><small><span style="color:#FFFFFF;">Type</span></small>
</td>
<td style="background:#8C888C; line-height:12px;border-radius: 0em 0em 0.5em 0em;"><small><span style="color:#F7F7F7;">category</span></small>
</td></tr></tbody></table>
<table width="100%" style="display:none; background: #44685e; border-collapse:collapse;" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td>
</td>
<td rowspan="2">--
</td>
<td>
</td></tr>
<tr align="center">
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td>
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td></tr></tbody></table>
</td></tr>
<tr>
<!-- Move 3 -->
<td width="50%" style="background: #44685e;border: 2px solid transparent;border-radius: 0.5em;">
<table width="100%" style="background: #FFFFFF; border-collapse:collapse;border-radius: 0.5em;border: 0px solid transparent" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td colspan="2"><span style="color:#000;">Move 3</span>
</td></tr>
<tr align="center">
<td style="background:#68A090; line-height:12px;border-radius: 0em 0em 0em 0.5em;"><small><span style="color:#FFFFFF;">Type</span></small>
</td>
<td style="background:#8C888C; line-height:12px;border-radius: 0em 0em 0.5em 0em;"><small><span style="color:#F7F7F7;">category</span></small>
</td></tr></tbody></table>
<table width="100%" style="display:none; background: #44685e; border-collapse:collapse;" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td>
</td>
<td rowspan="2">--
</td>
<td>
</td></tr>
<tr align="center">
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td>
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td></tr></tbody></table>
</td>
<!-- Move 4 -->
<td width="50%" style="background: #44685e;border: 2px solid transparent;border-radius: 0.5em;">
<table width="100%" style="background: #FFFFFF; border-collapse:collapse;border-radius: 0.5em;border: 0px solid transparent" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td colspan="2"><span style="color:#000;">Move 4</span>
</td></tr>
<tr align="center">
<td style="background:#68A090; line-height:12px;border-radius: 0em 0em 0em 0.5em;"><small><span style="color:#FFFFFF;">Type</span></small>
</td>
<td style="background:#8C888C; line-height:12px;border-radius: 0em 0em 0.5em 0em;"><small><span style="color:#F7F7F7;">category</span></small>
</td></tr></tbody></table>
<table width="100%" style="display:none; background: #44685e; border-collapse:collapse;" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td>
</td>
<td rowspan="2">--
</td>
<td>
</td></tr>
<tr align="center">
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td>
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></table></table>
<!-- End Pokemon 2 -->
<table></table>
<div class="row" style="padding-left:15px;padding-top:10px">
<div class="row" style="margin:auto;">
<!-- Pokemon 1
First two hex codes should be the same colour as the major background!
-->
<table style="border-radius:20px;background: #44685e; border: 0px solid transparent;">
<tbody><tr>
<td>
<!-- Change the colours for the Pokemon's main typing -->
<table width="100%" style="background: #9dc1b7; border-collapse:collapse;border: 0px solid transparent; border-radius:1em" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td width="50%">
<table align="center" style="background: #FFFFFF;border: 2px solid transparent;border-radius: 0.5em">
<tbody><tr align="center">
<td><img alt="Pokemon Name" src="/* -- Pokemon Sprite --*/" decoding="async" loading="lazy" width="96" height="96">
</td></tr></tbody></table>
</td>
<td rowspan="2" width="50%">
<table style="margin:auto; background: transparent; border-collapse:collapse;">
<tbody><tr>
<td style="text-align: center; line-height:3px;border: 2px solid transparent;color:#000" colspan="2"><small>Types:</small>
</td></tr>
<tr>
<!-- Change the colours for the Pokemon's typing, you can delete the second one if it's a solo type! -->
<td width="45px" style="text-align: center; font-size: 85%; line-height:12px; background: #68a090; border-radius: 10px;border: 2px solid transparent;"><span style="color:#FFF;"><b>Type</b></span>
</td>
<td width="45px" style="text-align: center; font-size: 85%; line-height:12px; background: #68a090; border-radius: 10px;border: 2px solid transparent;"><span style="color:#FFF;"><b>Type</b></span>
</td>
</tr></tbody></table>
<table align="center" style="background: transparent;">
<tbody><tr align="center">
<td style="line-height:3px;border: 2px solid transparent; color:#000"><small>Ability:</small>
<br><br><br><br><br><br><span style="color:#000;">Ability</span>
</td></tr></tbody></table>
<table align="center" style="background: transparent;">
<tbody><tr align="center">
<!-- Put in an image of the item, put /archives.bulbagarden.net/media/upload/e/e3/None.png in the src if you have no item. -->
<td style="line-height:3px;border: 2px solid transparent;color:#000"><small>Held item:</small>
</td></tr>
<tr align="center">
<td style="border: 2px solid transparent;color:#000"><img alt="None" src="/* -- Put image here, if none put -> /archives.bulbagarden.net/media/upload/e/e3/None.png --*/" decoding="async" loading="lazy" width="24" height="24"> None <img alt="None" src="/* -- Put image here, if none put -> /archives.bulbagarden.net/media/upload/e/e3/None.png --*/" decoding="async" loading="lazy" width="24" height="24">
</td></tr></tbody></table>
</td></tr>
<tr align="center">
<!-- There are two hex codes for the gender, remove one of the hex and 'or' for it to apply. If the name of the Pokemon is very long it will just span over two lines. -->
<td style="background: #FFFFFF;padding:0px;border-radius:0.5em;"><a href="/*-- LINK FOR IMAGE --*/"><span style="color:#000;">Pokemon</span></a><span style="color:#0070F8 or #e03838;"> M/F</span><span style="color:#000"><small> Lv.</small>#</span>
</td></tr>
<tr align="center">
<!-- Pokemon 3, Moves
This is the moves section, the colours for the move types and category types can be found at the top of the code. The catagories are physical, status and special if you're unsure.
-->
<td colspan="2" style="background: #FFFFFF;border-radius:10px;padding:4px;">
<table width="100%" style="background: #FFFFFF;">
<tbody><tr>
<!-- Move 1 -->
<td width="50%" style="background: #44685e;border: 2px solid transparent;border-radius: 0.5em;">
<table width="100%" style="background: #FFFFFF; border-collapse:collapse;border-radius: 0.5em;border: 0px solid transparent" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td colspan="2"><span style="color:#000;">Move 1</span>
</td></tr>
<tr align="center">
<td style="background:#68A090; line-height:12px;border-radius: 0em 0em 0em 0.5em;"><small><span style="color:#FFFFFF;">Type</span></small>
</td>
<td style="background:#8C888C; line-height:12px;border-radius: 0em 0em 0.5em 0em;"><small><span style="color:#F7F7F7;">category</span></small>
</td></tr></tbody></table>
<table width="100%" style="display:none; background: #44685e; border-collapse:collapse;" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td>
</td>
<td rowspan="2">--
</td>
<td>
</td></tr>
<tr align="center">
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td>
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td></tr></tbody></table>
</td>
<!-- Move 2 -->
<td width="50%" style="background: #44685e;border: 2px solid transparent;border-radius: 0.5em;">
<table width="100%" style="background: #FFFFFF; border-collapse:collapse;border-radius: 0.5em;border: 0px solid transparent" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td colspan="2"><span style="color:#000;">Move 2</span>
</td></tr>
<tr align="center">
<td style="background:#68A090; line-height:12px;border-radius: 0em 0em 0em 0.5em;"><small><span style="color:#FFFFFF;">Type</span></small>
</td>
<td style="background:#8C888C; line-height:12px;border-radius: 0em 0em 0.5em 0em;"><small><span style="color:#F7F7F7;">category</span></small>
</td></tr></tbody></table>
<table width="100%" style="display:none; background: #44685e; border-collapse:collapse;" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td>
</td>
<td rowspan="2">--
</td>
<td>
</td></tr>
<tr align="center">
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td>
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td></tr></tbody></table>
</td></tr>
<tr>
<!-- Move 3 -->
<td width="50%" style="background: #44685e;border: 2px solid transparent;border-radius: 0.5em;">
<table width="100%" style="background: #FFFFFF; border-collapse:collapse;border-radius: 0.5em;border: 0px solid transparent" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td colspan="2"><span style="color:#000;">Move 3</span>
</td></tr>
<tr align="center">
<td style="background:#68A090; line-height:12px;border-radius: 0em 0em 0em 0.5em;"><small><span style="color:#FFFFFF;">Type</span></small>
</td>
<td style="background:#8C888C; line-height:12px;border-radius: 0em 0em 0.5em 0em;"><small><span style="color:#F7F7F7;">category</span></small>
</td></tr></tbody></table>
<table width="100%" style="display:none; background: #44685e; border-collapse:collapse;" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td>
</td>
<td rowspan="2">--
</td>
<td>
</td></tr>
<tr align="center">
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td>
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td></tr></tbody></table>
</td>
<!-- Move 4 -->
<td width="50%" style="background: #44685e;border: 2px solid transparent;border-radius: 0.5em;">
<table width="100%" style="background: #FFFFFF; border-collapse:collapse;border-radius: 0.5em;border: 0px solid transparent" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td colspan="2"><span style="color:#000;">Move 4</span>
</td></tr>
<tr align="center">
<td style="background:#68A090; line-height:12px;border-radius: 0em 0em 0em 0.5em;"><small><span style="color:#FFFFFF;">Type</span></small>
</td>
<td style="background:#8C888C; line-height:12px;border-radius: 0em 0em 0.5em 0em;"><small><span style="color:#F7F7F7;">category</span></small>
</td></tr></tbody></table>
<table width="100%" style="display:none; background: #44685e; border-collapse:collapse;" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td>
</td>
<td rowspan="2">--
</td>
<td>
</td></tr>
<tr align="center">
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td>
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></table>
<!-- End Pokemon 3 -->
<!-- Pokemon 4
First two hex codes should be the same colour as the major background!
-->
<table style="border-radius:10px;background: #6baece; border: 0px solid #6baece;">
<tbody><tr>
<td>
<!-- Change the colours for the Pokemon's main typing -->
<td style="border-radius:20px;background: #44685e; border: 0px solid transparent;">
<table width="100%" style="background: #9dc1b7; border-collapse:collapse;border: 0px solid transparent; border-radius:1em" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td width="50%">
<table align="center" style="background: #FFFFFF;border: 2px solid transparent;border-radius: 0.5em">
<tbody><tr align="center">
<td><img alt="Pokemon Name" src="/* -- Pokemon Sprite --*/" decoding="async" loading="lazy" width="96" height="96">
</td></tr></tbody></table>
</td>
<td rowspan="2" width="50%">
<table style="margin:auto; background: transparent; border-collapse:collapse;">
<tbody><tr>
<td style="text-align: center; line-height:3px;border: 2px solid transparent;color:#000" colspan="2"><small>Types:</small>
</td></tr>
<tr>
<!-- Change the colours for the Pokemon's typing, you can delete the second one if it's a solo type! -->
<td width="45px" style="text-align: center; font-size: 85%; line-height:12px; background: #68a090; border-radius: 10px;border: 2px solid transparent;"><span style="color:#FFF;"><b>Type</b></span>
</td>
<td width="45px" style="text-align: center; font-size: 85%; line-height:12px; background: #68a090; border-radius: 10px;border: 2px solid transparent;"><span style="color:#FFF;"><b>Type</b></span>
</td>
</tr></tbody></table>
<table align="center" style="background: transparent;">
<tbody><tr align="center">
<td style="line-height:3px;border: 2px solid transparent; color:#000"><small>Ability:</small>
<br><br><br><br><br><br><span style="color:#000;">Ability</span>
</td></tr></tbody></table>
<table align="center" style="background: transparent;">
<tbody><tr align="center">
<!-- Put in an image of the item, put /archives.bulbagarden.net/media/upload/e/e3/None.png in the src if you have no item. -->
<td style="line-height:3px;border: 2px solid transparent;color:#000"><small>Held item:</small>
</td></tr>
<tr align="center">
<td style="border: 2px solid transparent;color:#000"><img alt="None" src="/* -- Put image here, if none put -> /archives.bulbagarden.net/media/upload/e/e3/None.png --*/" decoding="async" loading="lazy" width="24" height="24"> None <img alt="None" src="/* -- Put image here, if none put -> /archives.bulbagarden.net/media/upload/e/e3/None.png --*/" decoding="async" loading="lazy" width="24" height="24">
</td></tr></tbody></table>
</td></tr>
<tr align="center">
<!-- There are two hex codes for the gender, remove one of the hex and 'or' for it to apply. If the name of the Pokemon is very long it will just span over two lines. -->
<td style="background: #FFFFFF;padding:0px;border-radius:0.5em;"><a href="/*-- LINK FOR IMAGE --*/"><span style="color:#000;">Pokemon</span></a><span style="color:#0070F8 or #e03838;"> M/F</span><span style="color:#000"><small> Lv.</small>#</span>
</td></tr>
<tr align="center">
<!-- Pokemon 4, Moves
This is the moves section, the colours for the move types and category types can be found at the top of the code. The catagories are physical, status and special if you're unsure.
-->
<td colspan="2" style="background: #FFFFFF;border-radius:10px;padding:4px;">
<table width="100%" style="background: #FFFFFF;">
<tbody><tr>
<!-- Move 1 -->
<td width="50%" style="background: #44685e;border: 2px solid transparent;border-radius: 0.5em;">
<table width="100%" style="background: #FFFFFF; border-collapse:collapse;border-radius: 0.5em;border: 0px solid transparent" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td colspan="2"><span style="color:#000;">Move 1</span>
</td></tr>
<tr align="center">
<td style="background:#68A090; line-height:12px;border-radius: 0em 0em 0em 0.5em;"><small><span style="color:#FFFFFF;">Type</span></small>
</td>
<td style="background:#8C888C; line-height:12px;border-radius: 0em 0em 0.5em 0em;"><small><span style="color:#F7F7F7;">category</span></small>
</td></tr></tbody></table>
<table width="100%" style="display:none; background: #44685e; border-collapse:collapse;" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td>
</td>
<td rowspan="2">--
</td>
<td>
</td></tr>
<tr align="center">
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td>
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td></tr></tbody></table>
</td>
<!-- Move 2 -->
<td width="50%" style="background: #44685e;border: 2px solid transparent;border-radius: 0.5em;">
<table width="100%" style="background: #FFFFFF; border-collapse:collapse;border-radius: 0.5em;border: 0px solid transparent" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td colspan="2"><span style="color:#000;">Move 2</span>
</td></tr>
<tr align="center">
<td style="background:#68A090; line-height:12px;border-radius: 0em 0em 0em 0.5em;"><small><span style="color:#FFFFFF;">Type</span></small>
</td>
<td style="background:#8C888C; line-height:12px;border-radius: 0em 0em 0.5em 0em;"><small><span style="color:#F7F7F7;">category</span></small>
</td></tr></tbody></table>
<table width="100%" style="display:none; background: #44685e; border-collapse:collapse;" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td>
</td>
<td rowspan="2">--
</td>
<td>
</td></tr>
<tr align="center">
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td>
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td></tr></tbody></table>
</td></tr>
<tr>
<!-- Move 3 -->
<td width="50%" style="background: #44685e;border: 2px solid transparent;border-radius: 0.5em;">
<table width="100%" style="background: #FFFFFF; border-collapse:collapse;border-radius: 0.5em;border: 0px solid transparent" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td colspan="2"><span style="color:#000;">Move 3</span>
</td></tr>
<tr align="center">
<td style="background:#68A090; line-height:12px;border-radius: 0em 0em 0em 0.5em;"><small><span style="color:#FFFFFF;">Type</span></small>
</td>
<td style="background:#8C888C; line-height:12px;border-radius: 0em 0em 0.5em 0em;"><small><span style="color:#F7F7F7;">category</span></small>
</td></tr></tbody></table>
<table width="100%" style="display:none; background: #44685e; border-collapse:collapse;" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td>
</td>
<td rowspan="2">--
</td>
<td>
</td></tr>
<tr align="center">
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td>
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td></tr></tbody></table>
</td>
<!-- Move 4 -->
<td width="50%" style="background: #44685e;border: 2px solid transparent;border-radius: 0.5em;">
<table width="100%" style="background: #FFFFFF; border-collapse:collapse;border-radius: 0.5em;border: 0px solid transparent" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td colspan="2"><span style="color:#000;">Move 4</span>
</td></tr>
<tr align="center">
<td style="background:#68A090; line-height:12px;border-radius: 0em 0em 0em 0.5em;"><small><span style="color:#FFFFFF;">Type</span></small>
</td>
<td style="background:#8C888C; line-height:12px;border-radius: 0em 0em 0.5em 0em;"><small><span style="color:#F7F7F7;">category</span></small>
</td></tr></tbody></table>
<table width="100%" style="display:none; background: #44685e; border-collapse:collapse;" cellspacing="1" cellpadding="3">
<tbody><tr align="center">
<td>
</td>
<td rowspan="2">--
</td>
<td>
</td></tr>
<tr align="center">
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td>
<td width="25%" style="background:transparent; line-height:12px;"><small> </small>
</td></tr></tbody></table>
</td></tr></tbody></table>
</td></table></table></div>
<!-- End Pokemon 4 -->
</div>
</div><center>
<u><p class="px-3"><a class="small primary" href="https://toyhou.se/ghostal" target="_blank" style="text-decoration: none;color:#0f1643;">code by ghostal</a></u>
<u><a class="small primary" href="LINK" target="_blank" style="text-decoration: none;color:#0f1643;">art by </a></u>
<u><a class="small primary" href="LINK" target="_blank" style="text-decoration: none;color:#0f1643;">sprite credit</a></u>
</center></div></div>
