<div style="padding-bottom:500px;"> <br> <div style="min-width: 400px; width: 60%; height: 220px; background-image:url('https://cdn.discordapp.com/attachments/330340803052306442/824783577531154492/daxrza2-97075c5f-f15a-40e8-8d62-c12a0615c0b5.png');background-size:contain; background-repeat: no-repeat; background-position:center; margin-left: 20%; margin-bottom: -25px;"> <br> <br> <br> </div> <br> <div style="border: 2px solid; border-radius: 12px; width: 60%; margin-left: 20%; color:#000000; padding: 5px; text-align:center; height: 220px; background-color:#ffffff; overflow:auto;"> <br> <br> <h1><strong><u>Cloverse Species Certificate</u></strong></h1> <br> <div style="width:70%;"> <br> <br> <br> <br> <ul> <li> <br> </li> <li class="justify-content-between" style="border-bottom: 1px solid #000;"><span class="text-uppercase font-weight-bold"><span style="color: rgb(142, 229, 126); background-color: rgb(115, 115, 115);"> Name  </span></span> <span style="color: rgb(142, 229, 126); background-color: rgb(115, 115, 115);"> Character's Name  </span></li> <li> <br> </li> <li class="justify-content-between" style="border-bottom: 1px solid #000;"><span class="text-uppercase font-weight-bold"><span style="color: rgb(142, 229, 126); background-color: rgb(115, 115, 115);"> Species  </span></span><span style="color: rgb(142, 229, 126); background-color: rgb(115, 115, 115);"> Species Name  </span></li> <li> <br> </li> <li class="justify-content-between" style="border-bottom: 1px solid #000;"><span class="text-uppercase font-weight-bold"><span style="color: rgb(142, 229, 126); background-color: rgb(115, 115, 115);"> Owner  </span></span> <span style="color: rgb(142, 229, 126); background-color: rgb(115, 115, 115);"> (if Applicable)  </span></li> <li> <br> </li> <li class="justify-content-between" style="border-bottom: 1px solid #000;"><span class="text-uppercase font-weight-bold"><span style="color: rgb(142, 229, 126); background-color: rgb(115, 115, 115);"> Designer </span></span><span style="color: rgb(142, 229, 126); background-color: rgb(115, 115, 115);"> Designer Name  </span></li> <li> <br> </li> <li class="justify-content-between" style="border-bottom: 1px solid #000;"><span class="text-uppercase font-weight-bold"><span style="color: rgb(142, 229, 126); background-color: rgb(115, 115, 115);"> Archive Entry  </span></span><span style="color: rgb(142, 229, 126); background-color: rgb(115, 115, 115);">(if Applicable)</span></li> <li> <br> </li> <li class="justify-content-between" style="border-bottom: 1px solid #000;"><span class="text-uppercase font-weight-bold"><span style="color: rgb(142, 229, 126); background-color: rgb(115, 115, 115);"> Abilities </span></span><span style="color: rgb(142, 229, 126); background-color: rgb(115, 115, 115);">(if Applicable)</span></li> <li> <br> </li> </ul> <br> </div> <br> </div> <br> <div class="p-2 pull-left" style="border-radius: .5rem 1rem; color: #000; transform: rotate(-90deg); margin-left:22%; margin-top: -40px; margin-bottom: 100px;"> <br> <ul style="width:200px;"> <li> <br> </li> <li style="background-color:#314463; padding: 1px; border-radius: .5rem 1rem;text-align:center;"><a href="http://www.clovercoin.com/species/Main_Page" id=""><span class="text-uppercase font-weight-bold btn" style="font-size: 18px; color:#ffffff;">Cloverse Wiki</span></a></li> <li> <br> </li> <li style="background-color:#1254B7; padding: 1px; border-radius: .5rem 1rem; text-align:center;"><a href="https://www.deviantart.com/pillowing-pile/journal/Pillowing-Pile-Discord-Chat-637239347" id="Discord Chat Rules and Link"><span class="text-uppercase font-weight-bold btn" style="font-size: 18px; color: #ffffff;">Discord</span></a></li> <li> <br> </li> <li style="background-color:#314463; padding: 1px; border-radius: .5rem 1rem;text-align:center;"><a href="https://www.deviantart.com/pillowing-pile" id="Pillowing Pile"><span class="text-uppercase font-weight-bold btn" style="font-size: 18px; color: #ffffff;">Deviantart</span></a></li> <li> <br> </li> <li style="background-color:#1254B7; padding: 1px; border-radius: .5rem 1rem;text-align:center;"><a href="https://www.patreon.com/CloverCoin/posts" id="Clovercoin Patreon"><span class="text-uppercase font-weight-bold btn" style="font-size: 18px; color: #ffffff;">Patreon</span></a></li> <li> <br> </li> <li style="background-color:#314463; padding: 1px; border-radius: .5rem 1rem; text-align:center;"><a href="https://ko-fi.com/clovercoin/shop" id="Clovercoin's Kofi Shop"><span class="text-uppercase font-weight-bold btn" style="font-size: 18px; color: #ffffff;">Kofi</span></a></li> <li> <br> </li> <li style="background-color:#1254B7; padding: 1px; border-radius: .5rem 1rem;text-align:center;"><a href="https://toyhou.se/10582619.-f2u-code-clo-certificate" id="Clo Certificate Coding"><span class="text-uppercase font-weight-bold btn" style="font-size: 18px; color: #ffffff;">The Coding</span></a></li> <li> <br> </li> </ul> <br> </div> <br> <div style="width: 300px; height: 350px; transform: rotate(5deg); background-color:#768192; float:right; margin-right: 10%; margin-bottom: 50px; text-align:center; margin-top: -150px; box-shadow: 2px 2px 5px 0px #000000;"> <br> <div style="float:right; width:100px; height:100px; background-image:url('https://cdn.discordapp.com/attachments/277241103890251787/824547785687957525/gold-push-pin.png'); background-size: contain; margin-right: -15%; margin-top: -15%; background-repeat:no-repeat;"> <br> <br> <br> </div> <br> <div style="width: 250px; height: 250px; background-color:#FFFFFF; background-image:url('<span style=;">Your Character's Image URL goes HERE');background-size:contain; background-repeat: no-repeat; background-position: bottom center; margin-left: 25px; margin-top: 25px;"> <br> <br> <br> </div><span style="color: rgb(142, 229, 126); background-color: rgb(115, 115, 115);">Image Credit Goes Here</span> <br> <br><span style="color: rgb(142, 229, 126); background-color: rgb(115, 115, 115);">Additional Commentary for Photo goes here</span></div> <br> </div> <br> <br>