<!--------------------------------------------------------------------------------
 
SPLASH profile by JUNI
Frankenstiened and Edited by JV007

JUNI: It is offered for free and should not be resold/redistributed for money. You may alter/relocate/restyle coding credit, but please do not remove it. You are free to edit it! Please edit with WYSIWYG OFF.

JV007: The backgrounds, OC, quote text boxes are drawn by me. Pokemon Conquest sprite rips end up blurry or small and the game is too obscure for others to expand more on it (ie. providing resources); so I made it up.
Keep my credit! Unless you're not using my arts, then feel free to remove :>
-------------------------------------------------------------------------------->
 
<div class="container px-0 py-3" style="max-width: 1200px; background-color: black; border-radius: 10px;">
<!--------------------------------------------------------------------------------
 
FOR BACKGROUND IMAGE
JUNI: It is set to be left-aligned, non-repeating. You'll want something at least 650 x 710 px. 

-------------------------------------------------------------------------------->
<div class="container" style="max-width: 1200px; background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/images/73914676_cvixbs5UtpQb9w5.png'); background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 10px; overflow: hidden;">
 
<!-- Decorative Shapes -->
<div class="d-lg-flex d-none">
<img style="position: absolute; top: 0px; left: -15px;" src="https://f2.toyhou.se/file/f2-toyhou-se/images/37816583_jr7vq8m46u5fQC0.png">
<img style="position: absolute; top: 0px; left: 31px; opacity: .3" src="https://f2.toyhou.se/file/f2-toyhou-se/images/37816555_3ZMfJJO8CGgiHAF.png">
</div>
<div class="row">
<!--------------------------------------------------------------------------------
 
DESKTOP NAVIGATION
There is another section further below 'MOBILE NAVIGATION' be sure to alter both sections.
 
-------------------------------------------------------------------------------->
<div class="col-lg-2 pl-0 d-lg-flex d-none" style="margin-top: 130px;">
<ul class="nav flex-column" style="font-family: georgia; font-size: 1.4rem; text-shadow: 0px 0px 3px rgba(0,0,0,1);">
<!-- nav link -->
<li class="nav-item mb-3" style="background: linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0));">
<a class="text-white nav-link" data-toggle="tab" href="#tab1">
<span style="text-shadow: 0px 0px 3px rgb(255,0,0);">❀</span> Profile</a>
</li>
<!-- nav link -->
<li class="nav-item mb-3" style="background: linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0));">
<a class="text-white nav-link" data-toggle="tab" href="#tab2">
<span style="text-shadow: 0px 0px 3px rgb(0,255,0);">❀</span> Partner</a>
</li>
<!-- nav link -->
<li class="nav-item mb-3" style="background: linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0));">
<a class="text-white nav-link" data-toggle="tab" href="#tab3">
<span style="text-shadow: 0px 0px 3px rgb(0,0,255);">❀</span> Story</a>
</li>
</ul>
</div>
<!---------------- Character Art ---------------->
<div class="col-lg-10" style="background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/images/74438150_mnfZ7EqBAvjVmbw.png'); background-repeat: no-repeat; background-position: center top; background-size: cover;">
<!-- Content -->
<div class="row">
<div class="col-12 d-lg-flex d-none" style="margin-top: 80px;"></div>
<div class="col-lg-6 p-2 mx-md-4 mx-2">
<!--------------------------------------------------------------------------------
 
FOR BACKGROUND ELEMENT
It is a large white 400 x 420 px image.
 
----------------------------------------------------------   ------------------------
<!---------------- Character Name ---------------->
<h1 class="text-uppercase text-white" style="font-family: Georgia; font-size: 4.5rem; letter-spacing: 6px; text-shadow: 0px 0px 3px rgba(0,0,0,1);">Heroine</h1>
<div class="col-12 d-lg-none d-flex" style="margin-top: 140px;"></div>

<div class="row no-gutters">
<div class="col-12 d-lg-flex d-none">

<div class="shadow-sm w-75" style="background-color: #E3BC8C; position: relative; z-index: 1; color: black;">
<div class="row m-0 p-0">
</div>
</div>
</div>
<div class="col-12 order-lg-1 order-2">
<!--------------------------------------------------------------------------------
 
MOBILE NAVIGATION
There is another section up above 'DESKTOP NAVIGATION' be sure to alter both sections.
 
-------------------------------------------------------------------------------->
<ul class="nav row m-0 d-lg-none d-flex justify-content-center text-center" style="font-family: georgia; font-size: 1rem; text-shadow: 0px 0px 3px rgba(0,0,0,1);">
<!-- nav link -->
<li class="col-4 p-0" style="background: rgba(0,0,0,.5);">
<a class="text-white nav-link" data-toggle="tab" href="#tab1">Profile</a>
</li>
<!-- nav link -->
<li class="col-4 p-0" style="background: rgba(0,0,0,.5);">
<a class="text-white nav-link" data-toggle="tab" href="#tab2">Partner</a>
</li>
<!-- nav link -->
<li class="col-4 p-0" style="background: rgba(0,0,0,.5);">
<a class="text-white nav-link" data-toggle="tab" href="#tab3">Story</a>
</li>
<!-- end nav links -->
</ul>
<div class="my-3" style="background-color: rgba(0,0,0,.5); text-shadow: 0px 0px 3px rgba(0,0,0,1); height: 180px;">
<div class="tab-content">
<!-- Info Box -->
<div class="tab-pane fade active show" id="tab1">
<div class="row text-white mx-0">
<div class="col-1 d-lg-flex d-none my-2 pr-4 text-center">
<p style="font-size: 1.8rem; text-shadow: 0px 0px 3px rgb(255,0,0);">❀</p>
</div>

<div class="col my-3 mr-3 ml-lg-0 ml-3 pb-2 text-justify" style="height: 145px; overflow: auto;">
  
<p> Example text: This is where your OC bio belongs! Note from JV007: The Heroine and Eevee art used in code template is from Pokemon Conquest game and is the only thing I didn't draw for this. </p>

</div>
</div>
</div>


<!-- Info Box -->
<div class="tab-pane fade" id="tab2">
<div class="row text-white mx-0">
<div class="col-1 d-lg-flex d-none my-2 pr-4 text-center">
<p style="font-size: 1.8rem; text-shadow: 0px 0px 3px rgb(0,255,0);">❀</p>
</div>
<div class=" col my-3 mr-3 ml-lg-0 ml-3 pb-2 text-justify" style="height: 145px; overflow: auto;">
  
<p> Specialty:
                <span class="badge" style="background-color:#A040A0; color:#fff; min-width:60px;">POISON</span>
                <span class="badge" style="background-color:#A8B820; color:#fff; min-width:60px;">BUG</span>
</p>

<p> Example text: Pokemon details here, if you need the HEX color codes for the type names, it's here too:  https://toyhou.se/9721620.misc-pokemon-references </p>
</div>
</div>
</div>
<!-- Info Box -->
<div class="tab-pane fade" id="tab3">
<div class="row text-white mx-0">
<div class="col-1 d-lg-flex d-none my-2 pr-4 text-center">
<p style="font-size: 1.8rem;text-shadow: 0px 0px 3px rgb(0,0,255);">❀</p>
</div>
<div class=" col my-3 mr-3 ml-lg-0 ml-3 pb-2 text-justify" style="height: 145px; overflow: auto;">

<p>Non spoilers because this paragraph is OUTSIDE of the paragraph box, so don't worry. Also because this is copy paste coding, there's no actual spoilers here! I just kept the box incase you guys want it.</p>

<p><b>May contain spoilers info info info!!</p></b><br>

<div class="fr-spoiler"> 

<p> Write your story here. </p>

<p> Another paragraph for the spoilers story bit. </p></div>

</div>
</div>
</div>
<!-- End Info Boxes -->
</div>
</div>
</div>


<!-- Quote -->
<!-- JV007: This is V1 so it doesn't have black BG behind quote that my Pokemon Conquest OCs have, I thought it might block the art too much for yall! -->
<div class="col-12 text-white text-nowrap order-lg-2 order-1" style="font-family: georgia; font-size: 1.4rem; text-shadow: 0px 0px 3px rgba(0,0,0,1);">
<div class="mb-1 ml-3 pt-2 pl-4 text-left" style="background-image: url('  '); background-repeat: no-repeat; top left; min-height: 50px;">
<p>Let's end this!</p>
</div>
<div class="mb-4 mr-3 pt-1 pr-4 text-right" style="background-image: url('  '); background-repeat: no-repeat; background-position: bottom right; min-height: 50px;">
<p>Go, my Eevee!</p>
</div>
</div>
<!-- Quote END -->
</div></div></div></div></div></div>


<!-- CREDITS Please don't remove! -->
<p class="text-white" style="font-size: .6rem; position: absolute; right: 10px; bottom: 1px;"><a href="/12087247.-genshin-character-splash" style="color: rgb(255, 115, 0);"><span data-toggle="tooltip" data-placement="left" title="OG code by junijwi"><i class="fas fa-code"></i></span></a>
<a href="https://toyhou.se/13162402.0-codes/23335725.poke-conquest" style="color: rgb(255, 115, 0);"><span data-toggle="tooltip" data-placement="left" title="BG and PokeConquest Code by JV007"><i class="fas fa-image"></i></span></a></p>
<!-- CREDITS Please don't remove! -->
</div>