<div class="card rounded-0 border-0 col-lg-10 offset-lg-2 col-md-9 offset-md-3 p-0" style='overflow:hidden; position:fixed; bottom:0; top:0; left:0; background-image: url("https://i.pinimg.com/originals/45/09/bf/4509bf246f1135725b78244b88831491.jpg"); background-position:center; z-index: -1;'></div>
<div style="background-color:#1a303f;margin:auto;width:724px;height:527px;border-radius:8px;color:#fff;border:13px solid transparent;border-image:url(https://i.imgur.com/Xq6KVnX.png) 33% stretch;box-shadow:2px 2px 4px #111718;">
<div style="background:url(https://i.imgur.com/ss2jyWz.png);background-size:cover;float:left;width:438px;height:493px;">
<div style="background-color:#1a303f;height:36px;width:101%;">
<div align="center"><p style="font-size:20px;"><b>Name</b></p></div>
</div>
<div style="background-color:rgba(0, 0, 0, 0.5);height:24px;width:100%;">
<div align="center"><p><b><a href="LINK" style="color:#fff">Content</a></b></p></div>
</div>
<img src="https://static.wikia.nocookie.net/spore/images/5/54/THE_BEAN_now_in_full_color_HD.png" style="position:absolute;margin-top:72px;margin-left:64px;height:320px;">
<!--Stats-->
<div align="right">
<div style="width:115px;height:28px;background-color:rgba(10, 34, 57, 0.7);border:solid 1px;border-color:rgba(79, 161, 198, 0.255);border-radius:12px;margin-top:12px;">
<!--
Carnivore icon: https://i.imgur.com/OiU2Pwi.png
Herbivore icon: https://i.imgur.com/XCS0k4Z.png
-->
<div style="margin-top:-5px;"><a style="margin-right:3px;">Omnivore</a><img src="https://i.imgur.com/wJ3RCxY.png" style="width:39px;margin-right:-4px;" alt="diet"></div>
</div>
<div style="width:256px;height:28px;background-color:rgba(10, 34, 57, 0.7);border:solid 1px;border-color:rgba(79, 161, 198, 0.255);border-radius:12px;margin-top:8px;">
<div style="margin-top:-6px;"><img src="https://static.wikia.nocookie.net/spore/images/b/ba/SporeMatingCall.png" style="width:21px;margin-top:4px;margin-right:8px;" alt="mating call"><img src="https://static.wikia.nocookie.net/spore/images/5/5b/SporeJump.png" style="width:21px;margin-top:4px;" alt="jump"><a style="margin-right:3px;">1</a><img src="https://static.wikia.nocookie.net/spore/images/a/ac/SporeGraspers.png" style="width:21px;margin-top:4px;margin-right:8px;" alt="graspers"><img src="https://static.wikia.nocookie.net/spore/images/5/5d/SporeGlide.png" style="width:21px;margin-top:4px;" alt="glide"><a style="margin-right:3px;">1</a><img src="https://static.wikia.nocookie.net/spore/images/d/da/SporeSneak.png" style="width:21px;margin-top:4px;" alt="sneak"><a style="margin-right:3px;">1</a><img src="https://static.wikia.nocookie.net/spore/images/4/4d/SporeSprint.png" style="width:21px;margin-top:4px;" alt="sprint"><a style="margin-right:3px;">1</a><img src="https://static.wikia.nocookie.net/spore/images/9/92/SporeSight.png" style="width:21px;margin-top:4px;margin-right:8px;" alt="sight"><img src="https://static.wikia.nocookie.net/spore/images/a/a7/SporeAbilities.png" style="width:30px;margin-top:4px;" alt="abilities"></div>
</div>
<div style="max-width:164px;height:28px;background-color:rgba(10, 34, 57, 0.7);border:solid 1px;border-color:rgba(79, 161, 198, 0.255);border-radius:12px;margin-top:4px;">
<div style="margin-top:-6px;"><img src="https://static.wikia.nocookie.net/spore/images/7/78/SporeBite.png" style="width:21px;margin-top:4px;" alt="bite"><a style="margin-right:3px;">1</a><img src="https://static.wikia.nocookie.net/spore/images/4/4a/SporeCharge.png" style="width:21px;margin-top:4px;" alt="charge"><a style="margin-right:3px;">1</a><img src="https://static.wikia.nocookie.net/spore/images/f/f5/SporeStrike.png" style="width:21px;margin-top:4px;" alt="strike"><a style="margin-right:3px;">1</a><img src="https://static.wikia.nocookie.net/spore/images/1/10/SporeSpit.png" style="width:21px;margin-top:4px;" alt="spit"><a style="margin-right:3px;">1</a><img src="https://static.wikia.nocookie.net/spore/images/5/56/SporeAttack.png" style="width:39px;margin-right:-8px;" alt="attacks"></div>
</div>
<div style="max-width:164px;height:28px;background-color:rgba(10, 34, 57, 0.7);border:solid 1px;border-color:rgba(79, 161, 198, 0.255);border-radius:12px;margin-top:4px;">
<div style="margin-top:-6px;"><img src="https://static.wikia.nocookie.net/spore/images/e/ed/SporeSing.png" style="width:21px;margin-top:4px;" alt="sing"><a style="margin-right:3px;">1</a><img src="https://static.wikia.nocookie.net/spore/images/6/61/SporeDance.png" style="width:21px;margin-top:4px;" alt="dance"><a style="margin-right:3px;">1</a><img src="https://static.wikia.nocookie.net/spore/images/0/08/SporeCharm.png" style="width:21px;margin-top:4px;" alt="charm"><a style="margin-right:3px;">1</a><img src="https://static.wikia.nocookie.net/spore/images/4/49/SporePose.png" style="width:21px;margin-top:4px;" alt="pose"><a style="margin-right:3px;">1</a><img src="https://static.wikia.nocookie.net/spore/images/d/db/SporeSocial.png" style="width:39px;margin-right:-8px;" alt="social"></div>
</div>
<div style="width:64px;height:28px;background-color:rgba(10, 34, 57, 0.7);border:solid 1px;border-color:rgba(79, 161, 198, 0.255);border-radius:12px;margin-top:4px;">
<div style="margin-top:-6px;"><img src="https://static.wikia.nocookie.net/spore/images/b/b6/SpeedIcon.png" style="width:19px;margin-top:4px;"><a style="margin-right:3px;">1</a><img src="https://static.wikia.nocookie.net/spore/images/a/a8/SporeSpeed.png" style="width:39px;margin-right:-8px;" alt="speed"></div>
</div>
<div style="width:64px;height:28px;background-color:rgba(10, 34, 57, 0.7);border:solid 1px;border-color:rgba(79, 161, 198, 0.255);border-radius:12px;margin-top:4px;">
<div style="margin-top:-6px;"><img src="https://static.wikia.nocookie.net/spore/images/f/f9/HealthIcon.png" style="width:16px;margin-top:4px;"><a style="margin-right:3px;">1</a><img src="https://static.wikia.nocookie.net/spore/images/9/95/SporeHealth.png" style="width:30px;margin-top:4px;" alt="health"></div>
</div>
</div>
</div>
<!--About-->
<div style="float:left;margin-left:8px;margin-top:12px;">
<div style="width:252px;height:369px;border:solid 1px #172a38;box-shadow:-1px 1px 2px #3b4e5b, 1px -1px 2px #162936;border-radius:16px;">
<div style="float:left;background-color:#0f1c24;height:28px;width:100%;border-radius:16px 16px 0px 0px;">
<p style="margin-top:4px;margin-left:12px;"><b>Description:</b></p>
</div>
<div class="tab-content" style="float:left;height:341px;border-radius:16px;overflow:scroll;font-size:12px;padding:6px 8px 6px 8px">
<div class="tab-pane fade active show" id="about">
<p>This box scrolls. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<h4>Personality</h4>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<br>
<h4>Parts</h4>
<div><img src="https://static.wikia.nocookie.net/spore/images/9/94/SporeMouth.png" style="width:32px;" alt="mouth"><b>Mouth:</b> Content</div>
<div><img src="https://static.wikia.nocookie.net/spore/images/d/d3/SporeSensory.png" style="width:32px;" alt="sensory"><b>Sensory organs:</b> Content</div>
<div><img src="https://static.wikia.nocookie.net/spore/images/6/60/SporeLimb.png" style="width:32px;" alt="limbs"><b>Limbs:</b> Content</div>
<div><img src="https://static.wikia.nocookie.net/spore/images/0/07/SporeHand.png" style="width:32px;" alt="hand"><b>Hands:</b> Content</div>
<div><img src="https://static.wikia.nocookie.net/spore/images/8/8c/SporeFoot.png" style="width:32px;" alt="foot"><b>Feet:</b> Content</div>
<div><img src="https://static.wikia.nocookie.net/spore/images/a/a0/SporeWeapon.png" style="width:32px;" alt="weapon"><b>Weapons:</b> Content</div>
<div><img src="https://static.wikia.nocookie.net/spore/images/9/96/SporeDetail.png" style="width:32px;" alt="detail"><b>Details:</b> Content</div>
<br>
<h4>Expansion packs & mods</h4>
<img src="https://i.imgur.com/V3JheC5.png" class="tooltipster" title="Core Spore">
<img src="https://i.imgur.com/lxczgwW.png" class="tooltipster" title="Creepy & Cute">
<img src="https://i.imgur.com/lC6SWdJ.png" class="tooltipster" title="Bot Parts">
<img src="https://i.imgur.com/lJDvfw4.png" class="tooltipster" title="Galactic Adventures">
<img src="https://cdn.discordapp.com/emojis/429521589433008130.png" class="tooltipster" title="Dark Injection" style="width:44px;margin-left:10px;">
<img src="https://cdn.discordapp.com/emojis/429525227165188096.png" class="tooltipster" title="Camben's Colour Pack" style="width:44px;margin-left:10px;">
<img src="https://cdn.discordapp.com/emojis/429531192367382547.png" class="tooltipster" title="Integrated Integument" style="width:44px;margin-left:10px;">
<img src="https://cdn.discordapp.com/emojis/429527501124009984.png" class="tooltipster" title="Deoxys_0 Drone Parts" style="width:44px;margin-left:10px;">
<img src="https://cdn.discordapp.com/emojis/429540593291755520.png" class="tooltipster" title="Tklarenb's Dinosaur Heads" style="width:44px;margin-left:10px;margin-top:8px;">
<img src="https://cdn.discordapp.com/emojis/485992702522163230.png" class="tooltipster" title="Psi's Little Box of Horrors" style="width:44px;margin-left:10px;margin-top:8px;">
<img src="https://cdn.discordapp.com/emojis/429890564226416650.png" class="tooltipster" title="Human Heads Mod" style="width:44px;margin-left:10px;margin-top:8px;">
</div>
<!--Story-->
<div class="tab-pane fade" id="story">
<h4>Header</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h4>Header</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h4>Header</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<!--Relationships-->
<div class="tab-pane fade" id="relationships">
<div style="float:left;width:74px;height:64px;background-color:rgba(7, 41, 56, 0.94);border:solid 2px;border-color:rgba(53, 108, 149, 0.75);margin-right:4px;border-radius:6px;"><img src="https://static.wikia.nocookie.net/spore/images/5/54/THE_BEAN_now_in_full_color_HD.png" style="max-height:62px;margin-left:10px;"></div>
<div><img src="https://static.wikia.nocookie.net/spore/images/3/3a/Green_face.png" style="float:left;width:32px;margin-right:4px;" alt="green face"><a href="LINK" style="color:#fff;"><b>Name</b></a><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
<div style="float:left;width:74px;height:64px;background-color:rgba(7, 41, 56, 0.94);border:solid 2px;border-color:rgba(53, 108, 149, 0.75);margin-right:4px;border-radius:6px;"><img src="https://static.wikia.nocookie.net/spore/images/5/54/THE_BEAN_now_in_full_color_HD.png" style="max-height:62px;margin-left:10px;"></div>
<div><img src="https://static.wikia.nocookie.net/spore/images/8/85/Blue_face.png" style="float:left;width:32px;margin-right:4px;" alt="blue face"><a href="LINK" style="color:#fff;"><b>Name</b></a><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
<div style="float:left;width:74px;height:64px;background-color:rgba(7, 41, 56, 0.94);border:solid 2px;border-color:rgba(53, 108, 149, 0.75);margin-right:4px;border-radius:6px;"><img src="https://static.wikia.nocookie.net/spore/images/5/54/THE_BEAN_now_in_full_color_HD.png" style="max-height:62px;margin-left:10px;"></div>
<div><img src="https://static.wikia.nocookie.net/spore/images/f/f4/Yellow_face.png" style="float:left;width:32px;margin-right:4px;" alt="yellow face"><a href="LINK" style="color:#fff;"><b>Name</b></a><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
<div style="float:left;width:74px;height:64px;background-color:rgba(7, 41, 56, 0.94);border:solid 2px;border-color:rgba(53, 108, 149, 0.75);margin-right:4px;border-radius:6px;"><img src="https://static.wikia.nocookie.net/spore/images/5/54/THE_BEAN_now_in_full_color_HD.png" style="max-height:62px;margin-left:10px;"></div>
<div><img src="https://static.wikia.nocookie.net/spore/images/b/bc/Orange_face.png" style="float:left;width:32px;margin-right:4px;" alt="orange face"><a href="LINK" style="color:#fff;"><b>Name</b></a><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
<div style="float:left;width:74px;height:64px;background-color:rgba(7, 41, 56, 0.94);border:solid 2px;border-color:rgba(53, 108, 149, 0.75);margin-right:4px;border-radius:6px;"><img src="https://static.wikia.nocookie.net/spore/images/5/54/THE_BEAN_now_in_full_color_HD.png" style="max-height:62px;margin-left:10px;"></div>
<div><img src="https://static.wikia.nocookie.net/spore/images/a/a0/Red_face.png" style="float:left;width:32px;margin-right:4px;" alt="red face"><a href="LINK" style="color:#fff;"><b>Name</b></a><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
<div style="float:left;width:74px;height:64px;background-color:rgba(7, 41, 56, 0.94);border:solid 2px;border-color:rgba(53, 108, 149, 0.75);margin-right:4px;border-radius:6px;"><img src="https://static.wikia.nocookie.net/spore/images/5/54/THE_BEAN_now_in_full_color_HD.png" style="max-height:62px;margin-left:10px;"></div>
<div><img src="https://static.wikia.nocookie.net/spore/images/d/d7/CuriousRelation.png" style="float:left;width:40px;margin-right:4px;" alt="curious face"><a href="LINK" style="color:#fff;"><b>Name</b></a><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
<div style="float:left;width:74px;height:64px;background-color:rgba(7, 41, 56, 0.94);border:solid 2px;border-color:rgba(53, 108, 149, 0.75);margin-right:4px;border-radius:6px;"><img src="https://static.wikia.nocookie.net/spore/images/5/54/THE_BEAN_now_in_full_color_HD.png" style="max-height:62px;margin-left:10px;"></div>
<div><img src="https://static.wikia.nocookie.net/spore/images/b/b7/Face_threatened.png" style="float:left;width:32px;margin-right:4px;" alt="scared face"><a href="LINK" style="color:#fff;"><b>Name</b></a><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
<div style="float:left;width:74px;height:64px;background-color:rgba(7, 41, 56, 0.94);border:solid 2px;border-color:rgba(53, 108, 149, 0.75);margin-right:4px;border-radius:6px;"><img src="https://static.wikia.nocookie.net/spore/images/5/54/THE_BEAN_now_in_full_color_HD.png" style="max-height:62px;margin-left:10px;"></div>
<div><img src="https://static.wikia.nocookie.net/spore/images/e/ef/LoveRelation.png" style="float:left;width:34px;margin-right:4px;" alt="lovestruck face"><a href="LINK" style="color:#fff;"><b>Name</b></a><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
</div>
</div>
</div>
<div style="width:236px;height:73px;margin-top:8px;border:solid 1px #172a38;box-shadow:-1px 1px 2px #3b4e5b, 1px -1px 2px #162936;border-radius:16px;">
<div style="float:left;background-color:#0f1c24;height:28px;width:100%;border-radius:16px 16px 0px 0px;">
<p style="margin-top:4px;margin-left:12px;"><b>Sections:</b></p>
</div>
<ul class="nav nav-tabs card-header-tabs row mb-1">
<li><a class="btn btn-block active" data-toggle="tab" href="#about" style="color:#fff"><i class="fas fa-user" style="font-size:24px;margin-left:16px;"></i></a></li>
<li><a class="btn btn-block" data-toggle="tab" href="#story" style="color:#fff"><i class="fas fa-book-sparkles" style="font-size:24px;margin-left:28px;"></i></a></li>
<li><a class="btn btn-block" data-toggle="tab" href="#relationships" style="color:#fff"><i class="fas fa-users" style="font-size:24px;margin-left:28px;"></i></a></li>
</ul>
</div>
<a href="https://toyhou.se/22397285.sporepedia-card" style="float:right;color:#fff;margin-top:4px;"><i class="fas fa-code"></i></a></div>
</div>
</div>
