Toyhou.se: Pokedex Theme

<!-- Pokedex Theme. toyhou.se/5385598. Disable WYSIWYG edit using ctrl+f and search for descriptors -->

<!-- -- BACKGROUND -- -->

<div style="position:absolute;left:0;top:0;width:100%;height:calc(100% - 1rem);background:#fa724a;">
	<i class="fas fa-list-ul" style="font-size:12.5vw;position:absolute;right:0;left:0;margin:0 auto;bottom:-12.5vw;height:50vw;width:50vw;opacity:0.2;color:#fff; transform:rotate(-25deg);"></i>
	<div style="width:100%;height:100%;border-left:3.125vw solid #f3513a;border-right:3.125vw solid #f3513a;"></div>
</div>

<!-- -- END Background -- -->



<!-- -- CONTAINER -- -->

<div class="row mb-0 text-center" style="padding: 6.25vw; padding-bottom: 0; font-weight:500;">


	<!-- LEFT SIDE - SPRITE -->
	<div class="col-md-6">
		<div style="width: 100%; padding-bottom: 100%;background-position:center;background-repeat:no-repeat;background-image:url('https://cdn.bulbagarden.net/upload/thumb/3/3f/225Delibird.png/250px-225Delibird.png');"></div>
	</div><!-- END - Left Side -->


	<!-- RIGHT SIDE - Stats -->
	<div class="col-md-5 mt-4"><div class="row mt-4">

		<div class="col-lg-12" style="position:relative;background-color:#f14f21;line-height:2rem;z-index:1;">
		<div class="row">
		<div class="col-md-4 text-white" style="overflow:hidden;"><div style="background-image:url('https://www.serebii.net/pokedex-dp/icon/225.gif');background-size:100%;height:2rem;width:2rem;position:absolute;left:0;top:0;"></div>
		<div class="text-left pl-4">No. 078</div>
		<div style="position: absolute; right: -4.25rem; bottom: 0; top: 4rem; margin: auto 0; width: 6rem; height: 6rem; background-color: #000000; transform: rotate(45deg);z-index:-1;"></div>
		</div>
		<div class="col-md-8 text-white" style="background:#000;">Delibird</div>
		</div>

	</div><!-- END - Right Side -->


	<!-- STATS -->
	<div class="col-lg-11" style="margin: 0 auto;">

		<div class="row mb-1 mt-4">
		<div class="col-md-12 text-center text-dark" style="background:#dbdbd9;">Delivery Pokemon</div>
		</div>

		<div class="row">
		<div class="col-md-6 text-dark text-center font-weight-bold" style="background:#dbdbd9; border-bottom:1px solid #f1f1f1;">Type</div>
		<div class="col-md-6 text-dark text-left bg-white">ICE / FLYING</div>
		<div class="col-md-6 text-dark text-center font-weight-bold" style="background:#dbdbd9; border-bottom:1px solid #f1f1f1;">Height</div>
		<div class="col-md-6 text-dark text-left bg-white">2'11"</div>
		<div class="col-md-6 text-dark text-center font-weight-bold" style="background:#dbdbd9; border-bottom:1px solid #f1f1f1;">Weight</div>
		<div class="col-md-6 text-dark text-left bg-white">35.3 lbs.</div>
		<div class="col-md-6 text-dark text-center font-weight-bold" style="background:#dbdbd9;">Number Battled</div>
		<div class="col-md-6 text-dark text-left bg-white">2</div>
		<div class="col-md-12 text-left text-dark bg-white p-3 mt-1">It has a generous habit of sharing its food with people and Pokemon, so it's always scrounging around for more food.</div>
		</div>

		<a href="http://toyhou.se/Aly" class="mt-2 text-white text-center" target="_blank" style="display:block;height:2rem;position:relative;left:0;right:0;bottom:0;opacity:0.25;"><i class="fas fa-code"></i></a><!-- CREDIT -->

	</div><!-- END - Stats -->

</div>

<!-- -- END - Container -- -->

<!-- Contact Aly with any issues :] -->