Toyhou.se: League Card (Pokemon)

<!-- League Card Theme. Disable WYSIWYG edit using ctrl+f and search for descriptors -->

<!-- -- BACKGROUND IMAGE -- -->
<div style="position:absolute;right:0;top:0;height:100%;width:100%;filter:blur(5px);-webkit-filter: blur(5px);background-image: url('https://i.ytimg.com/vi/FGmc7l0kEi4/maxresdefault.jpg');"></div>

<!-- -- BACKGROUND DECOR -- -->
<div style="position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;"><div style="border-right:6rem solid #0e93f2;transform:rotate(30deg);width:100%;margin-left:-75%;margin-top:-50%;height:200%;background:#43a7ff;"></div></div>

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

	<!-- LEFT SIDE - TRAINER CARD -->
	<div class="col-md-6">

	  <!-- TRAINER CARD - IMAGE -->
		<div style="position:relative;background:red;overflow:hidden;width: 80%; padding-bottom: 100%;background-position:center;background-repeat:no-repeat;background-image:url('https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSHtKfvOjFSyw-lvkBFVMMnzzYhky3laxzeM9BIlzct9wZv3mow');">
		  <div style="position:absolute;left:0;bottom:0;width:100%;height:30%;"><div style="margin-left: -3.125%;margin-top:6.25%; width: 150%; height: 100%; border-top: 1.5rem solid #202221;background:#3b3b3b;transform:rotate(-10deg);"></div></div>

		  <div class="text-right m-3 text-white" style="position:absolute;right:0;bottom:0;width:100%;font-size: 1.5rem;">

	    <!-- STAR STATS -->
		  <i class="mr-1 mb-2 fas fa-star" style="color:#fefc4a;"></i><i class=" mr-1 fas fa-star" style="color:#fefc4a;"></i><i class="mr-1 fas fa-star" style="color:#fefc4a;"></i><i class="mr-1 fas fa-star" style="color:#fefc4a;"></i><i class="mr-1 fas fa-star" style="color:#fefc4a;"></i>

	    <!-- TRAINER NAME -->
		  <br><span style="font-size: 1.25rem;">Leon</span></div>

		</div>

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

	<!-- RIGHT SIDE - Stats -->
	<div class="col-md-6 mt-4"><div class="row mt-4">
		<div class="row">
</div>
	</div><!-- END - Right Side -->

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

		<div class="row">
		<div class="col-md-6 mb-2 text-dark text-center font-weight-bold" style="line-height: 2rem; background:#dbdbd9;">Printed on</div>
		<div class="col-md-6 mb-2 text-dark text-left bg-white" style="line-height: 2rem;">24/11/2019 11:03</div>
		<div class="col-md-6 text-dark text-center font-weight-bold" style="background:#dbdbd9; border-bottom:2px solid #d1d1d1;">Money</div>
		<div class="col-md-6 text-dark text-left bg-white" style="border-bottom: 2px solid #f3f3f3;">₤75,000</div>
		<div class="col-md-6 text-dark text-center font-weight-bold" style="background:#dbdbd9; border-bottom:2px solid #d1d1d1;">BP</div>
		<div class="col-md-6 text-dark text-left bg-white" style="border-bottom: 2px solid #f3f3f3;">0</div>
		<div class="col-md-6 text-dark text-center font-weight-bold mb-2" style="background:#dbdbd9;">Watts</div>
		<div class="col-md-6 text-dark text-left bg-white mb-2" style="border-bottom: 2px solid #f3f3f3;">250 W</div>
		<div class="col-md-12 text-left text-dark bg-white p-3 mb-2" style="border-left: 1.5rem solid #dbdbd9;">All Pokemon will listen to this trainer's request.</div>
		<div class="col-md-12 text-left text-dark bg-white p-3" style="border-left: 1.5rem solid #dbdbd9;">This trainer can catch Pokemon of any level.</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 :] -->