Test profile | torimori Code (+Evolution Path Addon | CODE)

<!--BACKGROUND-->

<div alt="wheat" style="position:absolute;top:0;bottom:0;left:0; background:url(https://torimori.info/img/locations/bg.jpg);width:100%;background-size: cover;">

<br>

</div>

<p>

<br>

</p>

<div class="container">

<!--TITLE-->

<!--Feel free to remove this section.-->

<p style="text-align: center; font-size:30px; font-family:wellfleet; color:white;"><strong>Name/Title</strong></p>

<div class="alert alert-primary text-center" style="border:none; background-color:#22311b;  color:white; font-family:calibri;">Masterlist: <strong><a href="http://LINK" id="" style="color:#ffffff;">TBA</a></strong>

<br>Favourite Chockin: <strong><a href="http://TBA" id="" style="color:#ffffff;">LINK</a></strong></div>

<!--BADGES-->

<!--Feel free to remove the <No badges yet> or the list of badges. You can even replace them with ribbons if preferred!-->

<div class="alert alert-primary text-center" style="border:1px dashed #25140C; background-color:#22311b; color:white; font-family:calibri;">

<p>

<a href="https://www.deviantart.com/torimoriarpg/art/Empty-Badge-721381090"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/7d54e95a-a798-41be-b058-c193132789d9/dbxhp7m-d917cabb-b0c5-4efa-8f8d-85130cba2b91.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvN2Q1NGU5NWEtYTc5OC00MWJlLWIwNTgtYzE5MzEzMjc4OWQ5XC9kYnhocDdtLWQ5MTdjYWJiLWIwYzUtNGVmYS04ZjhkLTg1MTMwY2JhMmI5MS5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.ErOzIR4It9UfZZRspk5TZNnJbL9Fp0FMxCq3TSPAzA4" class="fr-fic fr-dii" width="50" height="50"></a>

</p>

</div>

<!--TABS-->

<!--Feel free to remove or replace the icons of the tabs. Simply just remove the <img src> code!-->

<div>

<!--The background for the tabs have a width. If you are adding tabs or removing some, make sure to change the width.-->

<ul class="nav bg-faded nav-pills row no-gutters flex-sm-row ">

<li class="nav-item tooltipster"><a class="nav-link show active" data-toggle="tab" href="#summary"><i class="fas fa-star"> </i> Summary</a></li>

<li class="nav-item tooltipster"><a class="nav-link show" data-toggle="tab" href="#personality"><i class="fas fa-heartbeat"> </i> Personality</a></li>

<li class="nav-item tooltipster"><a class="nav-link show" data-toggle="tab" href="#history"><i class="fas fa-book"> </i> History</a></li>

<li class="nav-item tooltipster"><a class="nav-link show" data-toggle="tab" href="#upgrade"><i class="fa fa-plus-square"> </i> Upgrades</a></li>

<li class="nav-item tooltipster"><a class="nav-link show" data-toggle="tab" href="#design"><i class="fas fa-image"> </i> Design</a></li>

<li class="nav-item tooltipster "><a class="nav-link show" data-toggle="tab" href="#inventory"><i class="fa fa-cube"> </i> Inventory</a></li>

<li class="nav-item tooltipster"><a class="nav-link show" data-toggle="tab" href="#relationship"><i class="fas fas fa-link"> </i> Relationships</a></li>

<li class="nav-item tooltipster"><a class="nav-link show" data-toggle="tab" href="#evolution"><i class="fa fa-arrow-up"> </i> Evolution Path</a></li>

</ul>

<!--BORDER-->

<div class="card rounded-0 p-2" style="border: 6px solid #1d310c;border-image: url(https://torimori.info/img/der_ramka.png);border-image-slice: 6;">

<div class="p-2">

<!--If one of the tabs have too much or too little information, you can change the height!-->

<div class="card p-3 rounded-0" style="min-height: 725px;">

<div class="tab-content">

<div class="tab-pane fade in" id="zero">

<br>

</div>

<!--TAB SUMMARY-->

<div class="tab-pane fade active show" id="summary">

<!--QUOTE/SPEECH BUBBLE-->

<div class="justify-content-center row p-3">

<div class=" card m-2 mr-sm-4 justify-content-center bg-transparent border-0" style="border-radius:50em; height: 220px; width: 220px;">

<!--INSERT IMAGE HERE-->

<a style="height: 220px; width: 220px; background-size: cover; background-position: center; background-image: url('https://file.toyhou.se/characters/371680?1526995540');"></a>

</div>

<div class="card border-0 bg-transparent">

<br>

</div>

<div class="card m-2 col-sm-7 col-12 border-0 p-3 ml-2 mt-2 mb-1 pl-3" style="font-size: 1.2rem; border-radius:2em;">

<!--If changing the text color, make sure to keep it a dark color for dark themes!-->

<span class="justify-content-between px-3"><i class="fal fa-quote-left"></i><i class="fal fa-quote-right"></i></span>

<div class="p-2 px-5" style="overflow: auto; height: 170px; border-radius:2em; margin-top:-25px;">

<div class="text-justify">

<p style="text-align: center;">This is a quote. Song lyrics might look nice here.</p>

</div>

</div>

</div>

<!--SUMMARY-->

<div class="w-100 my-auto text-justify">

<div class="card card-block" style="padding-top:8px; border: none;">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non nibh quis magna placerat porttitor. Morbi ac enim at eros scelerisque pretium. Nam elit enim, fermentum et nunc ut, laoreet sollicitudin nibh. Nunc at sodales turpis. Quisque vulputate vel nisi eu condimentum. Sed ultrices velit a ante tristique aliquet. Maecenas nec volutpat leo, ac cursus dui. Sed malesuada ipsum sit amet odio tincidunt, vel congue enim sagittis. Cras venenatis ut tellus nec consectetur. Pellentesque pretium ex sit amet magna ultrices commodo.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non nibh quis magna placerat porttitor. Morbi ac enim at eros scelerisque pretium. Nam elit enim, fermentum et nunc ut, laoreet sollicitudin nibh. Nunc at sodales turpis. Quisque vulputate vel nisi eu condimentum. Sed ultrices velit a ante tristique aliquet. Maecenas nec volutpat leo, ac cursus dui. Sed malesuada ipsum sit amet odio tincidunt, vel congue enim sagittis. Cras venenatis ut tellus nec consectetur. Pellentesque pretium ex sit amet magna ultrices commodo.</p>

</div>

</div>

</div>

</div>

<!--TAB PERSONALITY-->

<div class="tab-pane fade" id="personality">

<div class="w-100 my-auto text-justify">

<div class="row no-gutters">

<div class="col-md-12 pr-md-1 mb-2">

<div class="  card card-block pb-1 d-block h-100" style="padding-top:8px;">

<p class="text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><i class="fa fa-book"></i> Information</strong></p>

<hr class="mt-0 mb-2">

<div class="p-2 card border-0 d-flex" style="overflow:auto;">

<table class="w-100 border-0 my-auto">

<tbody>

<tr class="row mx-0">

<td class="col-sm-6 col-7 mb-md-2 mb-1" style="width:50%;">

<div class="justify-content-between">

<div class="pr-1 text-muted" style="letter-spacing: 1px;"><strong>Name</strong></div>

<div>TBA</div>

</div>

<div class="justify-content-between">

<div class="pr-1 text-muted" style="letter-spacing: 1px;"><strong>Age</strong></div>

<div>TBA</div>

</div>

<div class="justify-content-between">

<div class="pr-1 text-muted" style="letter-spacing: 1px;"><strong>MBTI</strong></div>

<div>TBA</div>

</div>

<div class="justify-content-between">

<div class="pr-1 text-muted" style="letter-spacing: 1px;"><strong>Status</strong></div>

<div>TBA</div>

</div>

</td>

<td class="col-sm-6 col-7 mb-md-2 mb-1" style="width:50%;">

<div class="justify-content-between">

<div class="pr-1 text-muted" style="letter-spacing: 1px;"><strong>Nickname</strong></div>

<div>TBA</div>

</div>

<div class="justify-content-between">

<div class="pr-1 text-muted" style="letter-spacing: 1px;"><strong>Gender</strong></div>

<div>TBA</div>

</div>

<div class="justify-content-between">

<div class="pr-1 text-muted" style="letter-spacing: 1px;"><strong>Role</strong></div>

<div>TBA</div>

</div>

<div class="justify-content-between">

<div class="pr-1 text-muted"><strong>Voiceclaim</strong></div>

<div><a href="#link" target="_BLANK">TBA</a></div>

</div>

</td>

</tr>

</tbody>

</table>

</div>

</div>

</div>

<!--stats-->

<div class="col-md-12 pr-md-1 mb-2">

<div class="  card card-block pb-1 d-block h-100" style="padding-top:8px;">

<p class="text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><i class="fa fa-book"></i> Stats</strong></p>

<hr class="mt-0 mb-2">

<div class="p-2 card border-0 d-flex" style="overflow:auto;">

<table class="w-100 border-0 my-auto">

<tbody>

<tr class="row mx-0">

<td class="col-sm-2 col-4 pr-1 text-muted"><strong> Charisma</strong></td>

<td class="col-sm-4 col-8 mb-md-2 mb-1">

<div class="progress d-block mt-1">

<div class="progress-bar" style="width:50%;">

<br>

</div>

</div>

</td>

<td class="col-sm-2 col-4 pr-1 text-muted"><strong> Kindness</strong></td>

<td class="col-sm-4 col-8 mb-md-2 mb-1">

<div class="progress d-block mt-1">

<div class="progress-bar" style="width:50%;">

<br>

</div>

</div>

</td>

</tr>

<tr class="row mx-0">

<td class="col-sm-2 col-4 pr-1 text-muted"><strong> Intellect</strong></td>

<td class="col-sm-4 col-8 mb-md-2 mb-1">

<div class="progress d-block mt-1">

<div class="progress-bar" style="width:50%;">

<br>

</div>

</div>

</td>

<td class="col-sm-2 col-4 pr-1 text-muted"><strong> Integrity</strong></td>

<td class="col-sm-4 col-8 mb-md-2 mb-1">

<div class="progress d-block mt-1">

<div class="progress-bar" style="width:50%;">

<br>

</div>

</div>

</td>

</tr>

<tr class="row mx-0">

<td class="col-sm-2 col-4 pr-1 text-muted"><strong> Generosity</strong></td>

<td class="col-sm-4 col-8 mb-md-2 mb-1">

<div class="progress d-block mt-1">

<div class="progress-bar" style="width:50%;">

<br>

</div>

</div>

</td>

<td class="col-sm-2 col-4 pr-1 text-muted"><strong> Temper</strong></td>

<td class="col-sm-4 col-8 mb-md-2 mb-1">

<div class="progress d-block mt-1">

<div class="progress-bar" style="width:50%;">

<br>

</div>

</div>

</td>

</tr>

<tr class="row mx-0">

<td class="col-sm-2 col-4 pr-1 text-muted"><strong>Maturity</strong></td>

<td class="col-sm-4 col-8 mb-md-2 mb-1">

<div class="progress d-block mt-1">

<div class="progress-bar" style="width:50%;">

<br>

</div>

</div>

</td>

<td class="col-sm-2 col-4 pr-1 text-muted"><strong> Manners</strong></td>

<td class="col-sm-4 col-8 mb-md-2 mb-1">

<div class="progress d-block mt-1">

<div class="progress-bar" style="width:50%;">

<br>

</div>

</div>

</td>

</tr>

<tr class="row mx-0">

<td class="col-sm-2 col-4 pr-1 text-muted"><strong> Optimism</strong></td>

<td class="col-sm-4 col-8 mb-md-2 mb-1">

<div class="progress d-block mt-1">

<div class="progress-bar" style="width:50%;">

<br>

</div>

</div>

</td>

<td class="col-sm-2 col-4 pr-1 text-muted"><strong> Humour</strong></td>

<td class="col-sm-4 col-8 mb-md-2 mb-1">

<div class="progress d-block mt-1">

<div class="progress-bar" style="width:50%;">

<br>

</div>

</div>

</td>

</tr>

</tbody>

</table>

</div>

</div>

</div>

<div class="col-md-4 pr-md-1 mb-2">

<div class="card card-block pb-1 d-block h-100" style="padding-top:8px;">

<p class="text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><i class="fa fa-plus-circle"></i> Likes</strong></p>

<hr class="mt-0 mb-1">

<p>+Like

<br>+Like

<br>+Like</p>

</div>

</div>

<div class="col-md-4 pl-md-1 mb-2">

<div class="card card-block pb-1 d-block h-100" style="padding-top:8px;">

<p class="text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><i class="fa fa-pause-circle"></i> Traits</strong></p>

<hr class="mt-0 mb-1">

<p>trait

<br>trait

<br>trait</p>

</div>

</div>

<div class="col-md-4 pl-md-1 mb-2">

<div class="card card-block pb-1 d-block h-100" style="padding-top:8px;">

<p class="text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><i class="fa fa-minus-circle"></i> Dislikes</strong></p>

<hr class="mt-0 mb-1">

<p>-Dislike

<br>-Dislike

<br>-Dislike</p>

</div>

</div>

</div>

<p class="mt-2">Write about Personality here if you want!

<br>

<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non nibh quis magna placerat porttitor. Morbi ac enim at eros scelerisque pretium. Nam elit enim, fermentum et nunc ut, laoreet sollicitudin nibh. Nunc at sodales turpis. Quisque vulputate vel nisi eu condimentum. Sed ultrices velit a ante tristique aliquet. Maecenas nec volutpat leo, ac cursus dui. Sed malesuada ipsum sit amet odio tincidunt, vel congue enim sagittis. Cras venenatis ut tellus nec consectetur. Pellentesque pretium ex sit amet magna ultrices commodo.</p>

</div>

</div>

<!--TAB HISTORY-->

<div class="tab-pane fade" id="history">

<div class="w-100 my-auto text-justify">

<a href="https://via.placeholder.com/800x300" id=""><img src="https://via.placeholder.com/800x300" class="fr-fic fr-dib" width="800" height="300"></a>

<h1>Early Life</h1>

<hr class="mt-0 ">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non nibh quis magna placerat porttitor. Morbi ac enim at eros scelerisque pretium. Nam elit enim, fermentum et nunc ut, laoreet sollicitudin nibh. Nunc at sodales turpis. Quisque vulputate vel nisi eu condimentum. Sed ultrices velit a ante tristique aliquet. Maecenas nec volutpat leo, ac cursus dui. Sed malesuada ipsum sit amet odio tincidunt, vel congue enim sagittis. Cras venenatis ut tellus nec consectetur. Pellentesque pretium ex sit amet magna ultrices commodo.</p>

<h1 class="mt-3">Adolescence</h1>

<hr class="mt-0 ">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non nibh quis magna placerat porttitor. Morbi ac enim at eros scelerisque pretium. Nam elit enim, fermentum et nunc ut, laoreet sollicitudin nibh. Nunc at sodales turpis. Quisque vulputate vel nisi eu condimentum. Sed ultrices velit a ante tristique aliquet. Maecenas nec volutpat leo, ac cursus dui. Sed malesuada ipsum sit amet odio tincidunt, vel congue enim sagittis. Cras venenatis ut tellus nec consectetur. Pellentesque pretium ex sit amet magna ultrices commodo.</p>

<h1 class="mt-3">Adulthood</h1>

<hr class="mt-0 ">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non nibh quis magna placerat porttitor. Morbi ac enim at eros scelerisque pretium. Nam elit enim, fermentum et nunc ut, laoreet sollicitudin nibh. Nunc at sodales turpis. Quisque vulputate vel nisi eu condimentum. Sed ultrices velit a ante tristique aliquet. Maecenas nec volutpat leo, ac cursus dui. Sed malesuada ipsum sit amet odio tincidunt, vel congue enim sagittis. Cras venenatis ut tellus nec consectetur. Pellentesque pretium ex sit amet magna ultrices commodo.</p>

</div>

</div>

<!--TAB UPGRADES-->

<div class="tab-pane fade" id="upgrade">

<!--Upgrade Box-->

<h1 class="text-primary" style="text-align: center;">Upgrades</h1>

<hr class="mt-0 ">

<div class="row nav nav-pills justify-content-center row flex-sm-row" style="margin: 20px ;max-height: 350px; overflow-y:auto;">

<!--UPGRADE-->

<a class="btn p-2 nav-link col-sm-3" data-toggle="tab" href="#upgrade_one"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/7d54e95a-a798-41be-b058-c193132789d9/dduns1o-1ee2ad54-aa8b-47c2-9171-6c2cbf761f04.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvN2Q1NGU5NWEtYTc5OC00MWJlLWIwNTgtYzE5MzEzMjc4OWQ5XC9kZHVuczFvLTFlZTJhZDU0LWFhOGItNDdjMi05MTcxLTZjMmNiZjc2MWYwNC5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.v877sQ6Q2LiYC_0TKrZSIJgnPfiHPwuaJ5pO8Idp-zc" class="fr-fic fr-dii" width="100" height="100"></a>

<!--UPGRADE-->

<a class="btn p-2 nav-link col-sm-3" data-toggle="tab" href="#upgrade_two"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/7d54e95a-a798-41be-b058-c193132789d9/dduns1o-1ee2ad54-aa8b-47c2-9171-6c2cbf761f04.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvN2Q1NGU5NWEtYTc5OC00MWJlLWIwNTgtYzE5MzEzMjc4OWQ5XC9kZHVuczFvLTFlZTJhZDU0LWFhOGItNDdjMi05MTcxLTZjMmNiZjc2MWYwNC5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.v877sQ6Q2LiYC_0TKrZSIJgnPfiHPwuaJ5pO8Idp-zc" class="fr-fic fr-dii" width="100" height="100"></a>

<!--UPGRADE-->

<a class="btn p-2 nav-link col-sm-3" data-toggle="tab" href="#upgrade_three"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/7d54e95a-a798-41be-b058-c193132789d9/dduns1o-1ee2ad54-aa8b-47c2-9171-6c2cbf761f04.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvN2Q1NGU5NWEtYTc5OC00MWJlLWIwNTgtYzE5MzEzMjc4OWQ5XC9kZHVuczFvLTFlZTJhZDU0LWFhOGItNDdjMi05MTcxLTZjMmNiZjc2MWYwNC5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.v877sQ6Q2LiYC_0TKrZSIJgnPfiHPwuaJ5pO8Idp-zc" class="fr-fic fr-dii" width="100" height="100"></a>

</div>

<!--Upgrade Box End-->

<!--Upgrade Information Box-->

<div class="card card-block pb-1 d-block h-100" style="max-height: 250px; overflow-y:auto;">

<div class="tab-content">

<!--text shown before clicking on any upgrades-->

<div class="tab-pane fade show active" id="zero">

<p class=" text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><!--Upgrade Name--> Upgrade Info    </strong></p>

<hr class="mt-0 mb-2">

<!--Upgrade Text-->Click on the Icons to learn more about them.</div>

<!--upgrade one-->

<div class="tab-pane fade" id="upgrade_one">

<p class=" text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><!--Upgrade Name--> 1Upgrade Name    </strong></p>

<hr class="mt-0 mb-2">

<!--Upgrade Text-->None</div>

<!--upgrade one end-->

<!--upgrade two-->

<div class="tab-pane fade" id="upgrade_two">

<p class=" text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><!--Upgrade Name--> 2Upgrade Name    </strong></p>

<hr class="mt-0 mb-2">

<!--Upgrade Text-->None</div>

<!--upgrade two end-->

<!--upgrade three-->

<div class="tab-pane fade" id="upgrade_three">

<p class=" text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><!--Upgrade Name--> 3Upgrade Name    </strong></p>

<hr class="mt-0 mb-2">

<!--Upgrade Text-->None</div>

<!--upgrade three end-->

</div>

</div>

<!--Upgrade Box End-->

<!--Skill Box-->

<br>

<h1 class="text-primary" style="text-align: center;">Skills</h1>

<hr class="mt-0 ">

<div class="row nav justify-content-center nav-pills row flex-sm-row" style="margin: 20px ;max-height: 350px; overflow-y:auto;">

<!--Skill-->

<a class="btn p-2 nav-link col-sm-3" data-toggle="tab" href="#skill_one"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/7d54e95a-a798-41be-b058-c193132789d9/dbxhp7m-d917cabb-b0c5-4efa-8f8d-85130cba2b91.png/v1/fill/w_50,h_50,strp/empty_badge_by_torimoriarpg_dbxhp7m-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3siaGVpZ2h0IjoiPD01MCIsInBhdGgiOiJcL2ZcLzdkNTRlOTVhLWE3OTgtNDFiZS1iMDU4LWMxOTMxMzI3ODlkOVwvZGJ4aHA3bS1kOTE3Y2FiYi1iMGM1LTRlZmEtOGY4ZC04NTEzMGNiYTJiOTEucG5nIiwid2lkdGgiOiI8PTUwIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.BmZG5kmKiUWz9UbYJum6SlUmNoPx5CRDPPassKVjiwk" class="fr-fic fr-dii" width="50" height="50"></a>

<!--Skill-->

<a class="btn p-2 nav-link col-sm-3" data-toggle="tab" href="#skill_two"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/7d54e95a-a798-41be-b058-c193132789d9/dbxhp7m-d917cabb-b0c5-4efa-8f8d-85130cba2b91.png/v1/fill/w_50,h_50,strp/empty_badge_by_torimoriarpg_dbxhp7m-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3siaGVpZ2h0IjoiPD01MCIsInBhdGgiOiJcL2ZcLzdkNTRlOTVhLWE3OTgtNDFiZS1iMDU4LWMxOTMxMzI3ODlkOVwvZGJ4aHA3bS1kOTE3Y2FiYi1iMGM1LTRlZmEtOGY4ZC04NTEzMGNiYTJiOTEucG5nIiwid2lkdGgiOiI8PTUwIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.BmZG5kmKiUWz9UbYJum6SlUmNoPx5CRDPPassKVjiwk" class="fr-fic fr-dii" width="50" height="50"></a>

<!--Skill-->

<a class="btn p-2 nav-link col-sm-3" data-toggle="tab" href="#skill_three"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/7d54e95a-a798-41be-b058-c193132789d9/dbxhp7m-d917cabb-b0c5-4efa-8f8d-85130cba2b91.png/v1/fill/w_50,h_50,strp/empty_badge_by_torimoriarpg_dbxhp7m-fullview.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3siaGVpZ2h0IjoiPD01MCIsInBhdGgiOiJcL2ZcLzdkNTRlOTVhLWE3OTgtNDFiZS1iMDU4LWMxOTMxMzI3ODlkOVwvZGJ4aHA3bS1kOTE3Y2FiYi1iMGM1LTRlZmEtOGY4ZC04NTEzMGNiYTJiOTEucG5nIiwid2lkdGgiOiI8PTUwIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.BmZG5kmKiUWz9UbYJum6SlUmNoPx5CRDPPassKVjiwk" class="fr-fic fr-dii" width="50" height="50"></a>

</div>

<!--Skill Box End-->

<!--Skill Information Box-->

<div class="card card-block pb-1 d-block h-100" style="max-height: 250px; overflow-y:auto;">

<div class="tab-content">

<!--text shown before clicking on any skills-->

<div class="tab-pane fade show active" id="zero">

<p class=" text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><i class="fa fa-book"></i><!--Skill Name--> Skill Info    </strong></p>

<hr class="mt-0 mb-2">

<!--Skill Text-->Click on the Icons to learn more about them.</div>

<!--Skill one-->

<div class="tab-pane fade" id="skill_one">

<p class=" text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><i class="fa fa-book"></i><!--Skill Name--> 1Skill Name    </strong></p>

<hr class="mt-0 mb-2">

<!--Skill Text-->None</div>

<!--Skill one end-->

<!--Skill two-->

<div class="tab-pane fade" id="skill_two">

<p class=" text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><i class="fa fa-book"></i><!--Skill Name--> 2Skill Name    </strong></p>

<hr class="mt-0 mb-2">

<!--Skill Text-->None</div>

<!--Skill two end-->

<!--Skill three-->

<div class="tab-pane fade" id="skill_three">

<p class=" text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><i class="fa fa-book"></i><!--Skill Name--> 3Skill Name    </strong></p>

<hr class="mt-0 mb-2">

<!--Skill Text-->None</div>

<!--Skill three end-->

</div>

</div>

<!--Skill Box End-->

<!--stats-->

<br>

<div class="  card card-block pb-1 d-block h-100" style="padding-top:8px;">

<p class="text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><i class="fa fa-book"></i> Stats</strong></p>

<hr class="mt-0 mb-2">

<div class="p-2 card border-0 d-flex" style="overflow:auto;">

<table class="w-100 border-0 my-auto">

<tbody>

<tr class="row mx-0">

<td class="col-sm-2 col-4 pr-1 text-muted"><strong> Strength</strong></td>

<td class="col-sm-4 col-8 mb-md-2 mb-1">

<div class="progress d-block mt-1">

<div class="progress-bar" style="width:100%;">

<br>

</div>

</div>

</td>

<td class="col-sm-2 col-4 pr-1 text-muted"><strong> Stamina</strong></td>

<td class="col-sm-4 col-8 mb-md-2 mb-1">

<div class="progress d-block mt-1">

<div class="progress-bar" style="width:100%;">

<br>

</div>

</div>

</td>

</tr>

<tr class="row mx-0">

<td class="col-sm-2 col-4 pr-1 text-muted"><strong> Magic</strong></td>

<td class="col-sm-4 col-8 mb-md-2 mb-1">

<div class="progress d-block mt-1">

<div class="progress-bar" style="width:100%;">

<br>

</div>

</div>

</td>

<td class="col-sm-2 col-4 pr-1 text-muted"><strong> Resistance</strong></td>

<td class="col-sm-4 col-8 mb-md-2 mb-1">

<div class="progress d-block mt-1">

<div class="progress-bar" style="width:100%;">

<br>

</div>

</div>

</td>

</tr>

<tr class="row mx-0">

<td class="col-sm-2 col-4 pr-1 text-muted"><strong> Accuracy</strong></td>

<td class="col-sm-4 col-8 mb-md-2 mb-1">

<div class="progress d-block mt-1">

<div class="progress-bar" style="width:100%;">

<br>

</div>

</div>

</td>

<td class="col-sm-2 col-4 pr-1 text-muted"><strong> Courage</strong></td>

<td class="col-sm-4 col-8 mb-md-2 mb-1">

<div class="progress d-block mt-1">

<div class="progress-bar" style="width:100%;">

<br>

</div>

</div>

</td>

</tr>

<tr class="row mx-0">

<td class="col-sm-2 col-4 pr-1 text-muted"><strong>Strategy</strong></td>

<td class="col-sm-4 col-8 mb-md-2 mb-1">

<div class="progress d-block mt-1">

<div class="progress-bar" style="width:100%;">

<br>

</div>

</div>

</td>

<td class="col-sm-2 col-4 pr-1 text-muted"><strong> Luck</strong></td>

<td class="col-sm-4 col-8 mb-md-2 mb-1">

<div class="progress d-block mt-1">

<div class="progress-bar" style="width:100%;">

<br>

</div>

</div>

</td>

</tr>

</tbody>

</table>

</div>

<!--End stats-->

</div>

</div>

<!--TAB DESIGN-->

<div class="tab-pane fade" id="design">

<div class="w-100 my-auto text-justify">

<h3 class="text-primary" style="text-align:center;">Design Notes</h3>

<hr class="mt-0 ">

<!-- COLOR SWATCHES - CHANGE HEX CODES TO MATCH YOUR PALETTE - REMOVING/ADDING COLORS IS FINE - CHANGE TITLE TO CHANGE HOVER -->

<div class="row no-gutters modal-open m-3" style="height:50px; border-radius: .6em;">

<div class="col h-100" style="background-color: #611C3E;" title="#611C3E">

<br>

</div>

<div class="col h-100" style="background-color: #C74E60;" title="#C74E60">

<br>

</div>

<div class="col h-100" style="background-color: #A16E45;" title="#A16E45">

<br>

</div>

<div class="col h-100" style="background-color: #B9875F;" title="#B9875F">

<br>

</div>

<div class="col h-100" style="background-color: #F6E7C5;" title="#F6E7C5">

<br>

</div>

<div class="col h-100" style="background-color: #A79C53;" title="#A79C53 ">

<br>

</div>

<div class="col h-100" style="background-color: #473428;" title="#473428 ">

<br>

</div>

<div class="col h-100" style="background-color: #2E231B;" title="#2E231B ">

<br>

</div>

</div>

<p><img src="https://via.placeholder.com/800x800" class="fr-fic fr-dib" width="800" height="800"></p>

<ul class="mb-0 list-unstyled pl-2">

<li class="mb-2"><i class="fas fa-paint-brush fa-fw text-muted"></i> list things you'd like an artist to keep in mind when drawing your character.</li>

<li class="mb-2"><i class="fas fa-paint-brush fa-fw text-muted"></i> info.</li>

<li class="mb-2"><i class="fas fa-paint-brush fa-fw text-muted"></i> info.</li>

</ul>

<p>

<br>

</p>

<h3>Physical Appearance</h3>

<hr class="mt-0 ">

<!--start copy here for new row of boxes-->

<div class="row no-gutters">

<!--PHYSICAL STUFF-->

<div class="col-md-6 pr-md-1 mb-2">

<div class="card card-block pb-1 d-block h-100" style="padding-top:8px;">

<p class="text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><i class="fa fa-heartbeat"></i> Measurements</strong></p>

<hr class="mt-0 mb-2">

<div class="justify-content-between">

<div class="pr-1 text-muted" style="letter-spacing: 1px;"><strong>Height</strong></div>

<div>info</div>

</div>

<div class="justify-content-between">

<div class="pr-1 text-muted" style="letter-spacing: 1px;"><strong>Weight</strong></div>

<div>info</div>

</div>

<div class="justify-content-between">

<div class="pr-1 text-muted" style="letter-spacing: 1px;"><strong>Build</strong></div>

<div>info</div>

</div>

<div class="justify-content-between">

<div class="pr-1 text-muted" style="letter-spacing: 1px;"><strong>Age</strong></div>

<div>info</div>

</div>

</div>

</div>

<div class="col-md-6 pl-md-1 mb-2">

<div class="card card-block pb-1 d-block h-100" style="padding-top:8px;">

<p class="text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><i class="fa fa-book-heart"></i> Attributes</strong></p>

<hr class="mt-0 mb-2">

<div class="justify-content-between">

<div class="pr-1 text-muted" style="letter-spacing: 1px;"><strong>Class</strong></div>

<div>info</div>

</div>

<div class="justify-content-between">

<div class="pr-1 text-muted" style="letter-spacing: 1px;"><strong>Occupation</strong></div>

<div>info</div>

</div>

<div class="justify-content-between">

<div class="pr-1 text-muted" style="letter-spacing: 1px;"><strong>Style</strong></div>

<div>info</div>

</div>

<div class="justify-content-between">

<div class="pr-1 text-muted" style="letter-spacing: 1px;"><strong>Presentation</strong></div>

<div>masc/fem/other</div>

</div>

</div>

</div>

</div>

<p class="mt-3 mb-2">Use this space to describe your character's physical appearance in depth.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non nibh quis magna placerat porttitor. Morbi ac enim at eros scelerisque pretium. Nam elit enim, fermentum et nunc ut, laoreet sollicitudin nibh. Nunc at sodales turpis. Quisque vulputate vel nisi eu condimentum. Sed ultrices velit a ante tristique aliquet. Maecenas nec volutpat leo, ac cursus dui. Sed malesuada ipsum sit amet odio tincidunt, vel congue enim sagittis. Cras venenatis ut tellus nec consectetur. Pellentesque pretium ex sit amet magna ultrices commodo.</p>

</div>

</div>

<!--TAB RELATIONSHIPS-->

<div class="tab-pane fade" id="relationship">

<div class="w-100 my-auto text-justify">

<!--CHARACTER 1-->

<!--avatar image-->

<a href="#LINK" class="rounded float-sm-left mr-sm-2 d-block mx-auto img-thumbnail mb-1 fr-fic fr-dib" style="height: 150px;width: 150px; background-size: cover; background-position: center; background-image: url('https://file.toyhou.se/images/9192723_NY0B5TDJrrnf0Og.png');"></a>

<!--CHARACTER NAME-->

<h2><a href="#LINK">Name</a></h2>

<!-- RELATIONSHIP STRENGTH -- FAS FOR FULL AND FAL FOR EMPTY -->

<div class="justify-content-between">

<div class="pr-1 mt-0" style="letter-spacing: 1px;">[ <em>relationship</em> ]</div>

<div><i class="fas fa-heart fa-fw"></i>

<i class="fas fa-heart fa-fw"></i>

<i class="fas fa-heart fa-fw"></i>

<i class="fas fa-heart fa-fw"></i>

<i class="fas fa-heart fa-fw"></i></div>

</div>

<p class="mt-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin.</p>

<br>

<hr>

<!--CHARACTER 2-->

<!--avatar image-->

<a href="#LINK" class="rounded float-sm-left mr-sm-2 d-block mx-auto img-thumbnail mb-1 fr-fic fr-dib" style="height: 150px;width: 150px; background-size: cover; background-position: center; background-image: url('https://file.toyhou.se/characters/2124221?1526995511');"></a>

<!--CHARACTER NAME-->

<h2><a href="#LINK">Name</a></h2>

<!-- RELATIONSHIP STRENGTH -- FAS FOR FULL AND FAL FOR EMPTY -->

<div class="justify-content-between">

<div class="pr-1 mt-0" style="letter-spacing: 1px;">[ <em>relationship</em> ]</div>

<div><i class="fal fa-heart fa-fw"></i>

<i class="fal fa-heart fa-fw"></i>

<i class="fal fa-heart fa-fw"></i>

<i class="fal fa-heart fa-fw"></i>

<i class="fal fa-heart fa-fw"></i></div>

</div>

<p class="mt-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin.</p>

<br>

<hr>

<!--CHARACTER 3-->

<!--avatar image-->

<a href="#LINK" class="rounded float-sm-left mr-sm-2 d-block mx-auto img-thumbnail mb-1 fr-fic fr-dib" style="height: 150px;width: 150px; background-size: cover; background-position: center; background-image: url('https://file.toyhou.se/characters/1125711?1526995478');"></a>

<!--CHARACTER NAME-->

<h2><a href="#LINK">Name</a></h2>

<!-- RELATIONSHIP STRENGTH -- FAS FOR FULL AND FAL FOR EMPTY -->

<div class="justify-content-between">

<div class="pr-1 mt-0" style="letter-spacing: 1px;">[ <em>relationship</em> ]</div>

<div><i class="fas fa-heart fa-fw"></i>

<i class="fas fa-heart fa-fw"></i>

<i class="fas fa-heart fa-fw"></i>

<i class="fas fa-heart fa-fw"></i>

<i class="fas fa-heart fa-fw"></i></div>

</div>

<p class="mt-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin.</p>

<br>

<hr>

<!--CHARACTER 4-->

<!--avatar image-->

<a href="#LINK" class="rounded float-sm-left mr-sm-2 d-block mx-auto img-thumbnail mb-1 fr-fic fr-dib" style="height: 150px;width: 150px; background-size: cover; background-position: center; background-image: url('https://file.toyhou.se/images/9192638_BX9wpJafQLW5yhK.png');"></a>

<!--CHARACTER NAME-->

<h2><a href="#LINK">Name</a></h2>

<!-- RELATIONSHIP STRENGTH -- FAS FOR FULL AND FAL FOR EMPTY -->

<div class="justify-content-between">

<div class="pr-1 mt-0" style="letter-spacing: 1px;">[ <em>relationship</em> ]</div>

<div><i class="fal fa-heart fa-fw"></i>

<i class="fal fa-heart fa-fw"></i>

<i class="fal fa-heart fa-fw"></i>

<i class="fal fa-heart fa-fw"></i>

<i class="fal fa-heart fa-fw"></i></div>

</div>

<p class="mt-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin.</p>

<!--MUST PASTE NEW RELATIONSHIPS BEFORE THE LAST TWO DIVS-->

<!--MAKE SURE TO ALSO INCLUDE THE <BR> AND <HR> AT THE END OF THAT AFTER PASTING-->

</div>

</div>

<!--TAB INVENTORY-->

<div class="tab-pane fade" id="inventory">

<!--Item Box-->

<h1 class="text-primary" style="text-align: center;">Items</h1>

<hr class="mt-0 ">

<div class="row nav nav-pills justify-content-center row flex-sm-row" style="margin: 20px ;max-height: 500px; overflow-y:auto;">

<!--Item-->

<a class="btn p-2 nav-link col-sm-3" data-toggle="tab" href="#item_one"><img src="https://torimori.info/img/items/Yellow%20Chockin.png" class="fr-fic fr-dii">

<br>5x</a>

<!--Item-->

<a class="btn p-2 nav-link col-sm-3" data-toggle="tab" href="#item_two"><img src="https://torimori.info/img/items/Yellow%20Chockin.png" class="fr-fic fr-dii">

<br>5x</a>

<!--Item-->

<a class="btn p-2 nav-link col-sm-3" data-toggle="tab" href="#item_three"><img src="https://torimori.info/img/items/Yellow%20Chockin.png" class="fr-fic fr-dii">

<br>5x</a>

</div>

<!--Item Box End-->

<!--Item Information Box-->

<div class="card card-block pb-1 d-block h-100" style="max-height: 250px; overflow-y:auto;">

<div class="tab-content">

<!--text shown before clicking on any Item-->

<div class="tab-pane fade show active" id="zero">

<p class=" text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><!--Item Name--> Item Info    </strong></p>

<hr class="mt-0 mb-2">

<!--Item Text-->Click on the Icons to learn more about them.</div>

<!--Item one-->

<div class="tab-pane fade" id="item_one">

<p class=" text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><!--Item Name--> 1Item Name    </strong></p>

<hr class="mt-0 mb-2">

<!--Item Text-->None</div>

<!--Item one end-->

<!--Item two-->

<div class="tab-pane fade" id="item_two">

<p class=" text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><!--Item Name--> 2Item Name    </strong></p>

<hr class="mt-0 mb-2">

<!--Item Text-->None</div>

<!--Item two end-->

<!--Item three-->

<div class="tab-pane fade" id="item_three">

<p class=" text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong><!--Item Name--> 3Item Name    </strong></p>

<hr class="mt-0 mb-2">

<!--Item Text-->None</div>

<!--Item three end-->

</div>

</div>

<!--Item Box End-->

<!--stats-->

</div>

<!--TAB EVOLUTION PATH-->

<div class="tab-pane fade" id="evolution">

<div class="row flex-md-row">

<div class="col-md-3">

<div class="card card-block pb-1 d-block ">

<div>

<p class=" text-uppercase text-center mb-1" style="letter-spacing:1px;"><strong> Upgrade Points : 0 </strong>

<br><a href="Link">Ruleset - TBA</a></p>

<p class="text-center mb-1">-Extra Rule (If any)</p>

<hr class="mt-0 ">

</div>

<div style="max-height:600px; overflow-y:auto;">

<!--NAVBAR-->

<!--List of Icons to use

fa fa-circle        -Circle for Base

fa fa-lock          -Locked Lock/Stage

fa fa-unlock-alt    -Unlocked Lock

fas fa-star         -Star for current stage

Depending on on which Stage the Torimori is, you can change "show" to "show active"

Further Stages can be set to "disabled". Delete it to enable them!

-->

<ul class="nav bg-faded nav-pills row no-gutters flex-sm-column  ">

<li class="nav-item tooltipster"><a class="nav-link show active" data-toggle="tab" href="#base"><i class="fa fa-circle"> </i> Base - Current</a></li>

<li class="nav-item tooltipster"><a class="nav-link show" data-toggle="tab" href="#stage_one"><i class="fa fa-lock"> </i> Stage 1</a></li>

<li class="nav-item tooltipster "><a class="nav-link show" data-toggle="tab" href="#stage_two"><i class="fa fa-lock"> </i> Stage 2</a></li>

<li class="nav-item tooltipster "><a class="nav-link show" data-toggle="tab" href="#stage_three"><i class="fa fa-lock"> </i> Stage 3</a></li>

<li class="nav-item tooltipster "><a class="nav-link show" data-toggle="tab" href="#stage_four"><i class="fa fa-lock"> </i> Stage 4</a></li>

</ul>

<br>

<!--NAVBAR END-->

</div>

</div>

</div>

<div class="col-md-9">

<div class="tab-content">

<!--Base-->

<div class="tab-pane fade active show" id="base">

<p style="text-align: center; font-size:30px; font-family:wellfleet; color:white;"><strong>Base</strong></p>

<hr><img src="https://via.placeholder.com/500x500" class="fr-fic fr-dib" width="767" height="767">

<hr>

<p>This is how your Torimori starts out! Write something about their first steps!</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non nibh quis magna placerat porttitor. Morbi ac enim at eros scelerisque pretium. Nam elit enim, fermentum et nunc ut, laoreet sollicitudin nibh. Nunc at sodales turpis. Quisque vulputate vel nisi eu condimentum. Sed ultrices velit a ante tristique aliquet. Maecenas nec volutpat leo, ac cursus dui. Sed malesuada ipsum sit amet odio tincidunt, vel congue enim sagittis. Cras venenatis ut tellus nec consectetur. Pellentesque pretium ex sit amet magna ultrices commodo. </p>

</div>

<!--Base End-->

<!--Stage One-->

<div class="tab-pane fade" id="stage_one">

<p style="text-align: center; font-size:30px; font-family:wellfleet; color:white;"><strong>Name/Title</strong></p>

<hr>

<div class="card bg-faded">

<div class="card-block text-primary" style="text-align: center;">

<p style="font-size:25px;"><strong>Requirements</strong></p>

<hr>List requirements here</div>

</div><img src="https://cdn.discordapp.com/attachments/348507734649339904/836655967856230420/unknown.png" class="fr-fic fr-dib" width="767" height="766">

<h1 class="text-primary" style="text-align: center;">+New Upgrade: Shadow Twin (Example)</h1>

<hr>

<p>ExampleText: <s>Spending his whole time with the shadows in green valley, he started to understand the ways of controlling his own shadow.<br>Training for weeks in utter darkness, he finally manages to create a shadow twin of his own to serve for him for a life time.</s></p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non nibh quis magna placerat porttitor. Morbi ac enim at eros scelerisque pretium. Nam elit enim, fermentum et nunc ut, laoreet sollicitudin nibh. Nunc at sodales turpis. Quisque vulputate vel nisi eu condimentum. Sed ultrices velit a ante tristique aliquet. Maecenas nec volutpat leo, ac cursus dui. Sed malesuada ipsum sit amet odio tincidunt, vel congue enim sagittis. Cras venenatis ut tellus nec consectetur. Pellentesque pretium ex sit amet magna ultrices commodo. </p>

</div>

<!--Stage One End-->

<!--Stage Two-->

<div class="tab-pane fade" id="stage_two">

<p style="text-align: center; font-size:30px; font-family:wellfleet; color:white;"><strong>Name/Title</strong></p>

<hr>

<div class="card bg-faded">

<div class="card-block text-primary" style="text-align: center;">

<p style="font-size:25px;"><strong>Requirements</strong></p>

<hr>List requirements here</div>

</div><img src="https://cdn.discordapp.com/attachments/348507734649339904/836655967856230420/unknown.png" class="fr-fic fr-dib" width="767" height="767">

<h1 class="text-primary" style="text-align: center;">+No Info</h1>

<hr>

<p>No Info yet</p>

</div>

<!--Stage Two End-->

</div>

</div>

</div>

</div>

</div>

<!--- end of tab--->

</div>

</div>

</div>

<!--CREDITS! Do not remove unless you plan on removing that person's part of the code!-->

<a class="nav-link fal fa-code " data-toggle="collapse" href="#collapseCredits" style="text-align: right;"></a>

<div class="collapse" id="collapseCredits">

<div style="text-align: center;"> •  

<a class="fas fa-crow tooltipster" title="made for torimori species" href="https://www.deviantart.com/nyamrianworkshop/"></a>  •  

<a class="far fa-image tooltipster" title="tabs,art and box by alisenokmouse" href="https://toyhou.se/alisenokmouse"></a>  •  

<a class="fas fa-books tooltipster" title="information snippets by shroomish" href="https://toyhou.se/7949920.-f2u-tabletop-oc-profile"></a>  •  

<a class="fad fa-snake tooltipster" title="template by snivyfanno1" href="https://toyhou.se/10080030.torimori-profile-f2u-"></a> •  

<a class="fas fa-feather-alt tooltipster" title="Edits by MWINS" href="https://toyhou.se/10744628.test-profile-torimori-code"></a> • </div>

</div>

</div>

</div>