Profile
CODE:
<div class=" mx-auto my-5 " style="max-width:800px; font-size: 12px;">
<div class="card card-outline-faded border-0 rounded flex-lg-row no-gutters w-100 p-0" style="overflow: hidden; box-shadow:-1px 3px 10px 0px rgba(0, 0, 0, 0.2);">
<div class="col-lg-4 flex-row no-gutters">
<div class="card-block border-0 bg-faded p-0" style="z-index:2;">
<!------------------ Trainer ------------------>
<div class="d-flex align-items-start flex-column p-3" style="color: #2A4C6E;height: 300px;">
<!--- Name --->
<div class="w-100 d-flex justify-content-between align-items-center p-2 mb-2">
<div class="badge py-2 px-3" style="font-size:18px; background-color: #2A4C6E;clip-path:polygon(20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%, 0% 50%);">
Name
</div>
<a data-toggle="collapse" data-target=".multi-collapse" class="btn border-0 p-0" style="font-size:20px;cursor:pointer;color: #2A4C6E;">
<span class="fa-stack">
<img class="fa-spin" src="https://f2.toyhou.se/file/f2-toyhou-se/images/47333749_vTymsMTTJty2gsc.png" width="26">
<i class="fal fa-spinner-third fa-stack-2x py-0 px-1" style="margin-top: 2px;"></i>
<i class="fal fa-spinner-third fa-stack-2x p-1 fa-rotate-180" style=""></i>
</span>
</a>
</div>
<!--- Infos --->
<div class="w-100 d-flex flex-wrap p-2">
<hr class="card-outline-faded w-100 my-0">
<div class="col-5 p-0">Gender:</div>
<div class="col-7 p-0">Gender</div>
<hr class="card-outline-faded w-100 my-0">
<div class="col-5 p-0">Age:</div>
<div class="col-7 p-0">15</div>
<hr class="card-outline-faded w-100 my-0">
<div class="col-5 p-0">Info:</div>
<div class="col-7 p-0">More infos...</div>
<hr class="card-outline-faded w-100 my-0">
</div>
<!--- Stars --->
<div class="mt-auto w-100 p-0">
<div class="w-100 p-2">
<div class="badge p-1 px-3" style="font-size:12px; background-color: #2A4C6E;clip-path:polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);">
Six Star Member
</div>
</div>
<div class="col-12 d-flex justify-content-between p-2">
<i class="fas fa-diamond fa-fw my-auto"></i>
<i class="fas fa-diamond fa-fw my-auto"></i>
<i class="fas fa-diamond fa-fw my-auto"></i>
<i class="fas fa-diamond fa-fw my-auto"></i>
<i class="fas fa-diamond fa-fw my-auto"></i>
<i class="fas fa-diamond fa-fw my-auto"></i>
<i class="fal fa-diamond fa-fw my-auto"></i>
<i class="fal fa-diamond fa-fw my-auto"></i>
<i class="fal fa-diamond fa-fw my-auto"></i>
<i class="fal fa-diamond fa-fw my-auto"></i>
</div>
</div>
<!--- --->
</div>
<!------------------ /Trainer ------------------>
</div>
<div class="card bg-faded border-0 rounded-0 hidden-md-down" style="position:absolute;right:-1.8rem;margin:auto 0;width:50rem;height:50rem;transform:rotate(86deg);z-index:1;"></div>
<div class="card bg-faded border-0 rounded-0 show-md-up" style="position:absolute;right:0; bottom:-0.6rem; margin:auto;width:1000px;height:1000px;transform:rotate(89deg);z-index:1;"></div>
</div>
<div class="col-lg-8">
<div class="card-block border-0 bg-dark p-0">
<div class="d-flex flex-wrap">
<!--- 1 --->
<div class="col-lg-4 col-6 rounded-0 p-0" style="
background: url('https://f2.toyhou.se/file/f2-toyhou-se/images/47324861_jFy1wlQtVYQIANb.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height:150px;">
<div class="text-white p-1" style="font-size:8px; font-style: italic;font-weight:300; position:absolute;right:0; bottom: 0; opacity: 0.8; letter-spacing: 0.6px;">
© Shin Nagasawa
</div>
<div class="collapse multi-collapse fade hide-fade text-white" id="one" >
<div class="card d-flex align-items-start flex-column rounded-0 border-0 p-3" style="height:150px; background-color: rgba(0,0,0,0.65)">
<div class="w-100 d-flex justify-content-start">
<span style="font-size:14px; font-weight:500;">Nickname</span>
<hr class="col card card-outline-faded border-bottom-0 mx-2 my-lg-auto my-2">
<span>
<i class="far fa-venus text-danger"></i>
</span>
</div>
<div>
lvl 63
</div>
<div class="mt-auto w-100 d-flex justify-content-between" style="font-size:10px;">
<span class="pl-1">Decidueye</span>
<div class="ml-auto badge badge-pill p-1" style="font-weight:500; background-color: #78C850; width: 40px; letter-spacing: 0.5px;">
grass
</div>
<div class="ml-1 badge badge-pill p-1" style="font-weight:500; background-color: #C03028; width: 40px; letter-spacing: 0.5px;">
fighting
</div>
</div>
</div>
</div>
</div>
<!--- /1 --->
<!--- 2 --->
<div class="col-lg-4 col-6 rounded-0 p-0" style="
background: url('https://f2.toyhou.se/file/f2-toyhou-se/images/47324875_GKbZKCptXUqbuN3.jpg?1648581458');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height:150px;">
<div class="text-white p-1" style="font-size:8px; font-style: italic;font-weight:300; position:absolute;right:0; bottom: 0; opacity: 0.8; letter-spacing: 0.6px;">
© Akira Egawa
</div>
<div class="collapse multi-collapse fade text-white" id="one" >
<div class="card d-flex align-items-start flex-column rounded-0 border-0 p-3" style="height:150px; background-color: rgba(0,0,0,0.65)">
<div class="w-100 d-flex justify-content-start">
<span style="font-size:14px; font-weight:500;">Nickname</span>
<hr class="col card card-outline-faded border-bottom-0 mx-2 my-lg-auto my-2">
<span>
<i class="far fa-mars text-primary"></i>
</span>
</div>
<div>
lvl 60
</div>
<div class="mt-auto w-100 d-flex justify-content-between" style="font-size:10px;">
<span>Staraptor</span>
<div class="ml-auto badge badge-pill p-1" style="font-weight:500; background-color: #A8A878; width: 40px; letter-spacing: 0.5px;">
normal
</div>
<div class="ml-1 badge badge-pill p-1" style="font-weight:500; background-color: #A890F0; width: 40px; letter-spacing: 0.5px;">
flying
</div>
</div>
</div>
</div>
</div>
<!--- /2 --->
<!--- 3 --->
<div class="col-lg-4 col-6 rounded-0 p-0" style="
background: url('https://f2.toyhou.se/file/f2-toyhou-se/images/47324884_hnMRswyvy82kRCX.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height:150px;">
<div class="text-white p-1" style="font-size:8px; font-style: italic;font-weight:300; position:absolute;right:0; bottom: 0; opacity: 0.8; letter-spacing: 0.6px;">
© Hasuno
</div>
<div class="collapse multi-collapse fade text-white" id="one" >
<div class="card d-flex align-items-start flex-column rounded-0 border-0 p-3" style="height:150px; background-color: rgba(0,0,0,0.65)">
<div class="w-100 d-flex justify-content-start">
<span style="font-size:14px; font-weight:500;">Nickname</span>
<hr class="col card card-outline-faded border-bottom-0 mx-2 my-lg-auto my-2">
<span>
<i class="far fa-mars text-primary"></i>
</span>
</div>
<div>
lvl 60
</div>
<div class="mt-auto w-100 d-flex justify-content-between" style="font-size:10px;">
<span>Luxray</span>
<div class="ml-1 badge badge-pill p-1" style="font-weight:500; background-color: #F8D030; width: 40px; letter-spacing: 0.5px;">
electric
</div>
</div>
</div>
</div>
</div>
<!--- /3 --->
<!--- 4 --->
<div class="col-lg-4 col-6 rounded-0 p-0" style="
background: url('https://f2.toyhou.se/file/f2-toyhou-se/images/47324869_eeCyPtBMBAjAUto.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height:150px;">
<div class="text-dark p-1" style="font-size:8px; font-style: italic;font-weight:300; position:absolute;right:0; bottom: 0; opacity: 0.8; letter-spacing: 0.6px;">
© aky CG Works
</div>
<div class="collapse multi-collapse fade text-white" id="one" >
<div class="card d-flex align-items-start flex-column rounded-0 border-0 p-3" style="height:150px; background-color: rgba(0,0,0,0.65)">
<div class="w-100 d-flex justify-content-start">
<span class="pl-lg-1" style="font-size:14px; font-weight:500;">Nickname</span>
<hr class="col card card-outline-faded border-bottom-0 mx-2 my-lg-auto my-2">
<span>
<i class="far fa-mars text-primary"></i>
</span>
</div>
<div class="pl-lg-2">
lvl 59
</div>
<div class="mt-auto w-100 d-flex justify-content-between" style="font-size:10px;">
<span class="pl-lg-3">Sylveon</span>
<div class="ml-1 badge badge-pill p-1" style="font-weight:500; background-color: #EE99AC; width: 40px; letter-spacing: 0.5px;">
fairy
</div>
</div>
</div>
</div>
</div>
<!--- /4 --->
<!--- 5 --->
<div class="col-lg-4 col-6 rounded-0 p-0" style="
background: url('https://f2.toyhou.se/file/f2-toyhou-se/images/47324867_vUQ7HxrKZjXLbd8.png?1648581481');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height:150px;">
<div class="text-white p-1" style="font-size:8px; font-style: italic;font-weight:300; position:absolute;right:0; bottom: 0; opacity: 0.8; letter-spacing: 0.6px;">
© Kagemaru Himeno
</div>
<div class="collapse multi-collapse fade text-white" id="one" >
<div class="card d-flex align-items-start flex-column rounded-0 border-0 p-3" style="height:150px; background-color: rgba(0,0,0,0.65)">
<div class="w-100 d-flex justify-content-start">
<span style="font-size:14px; font-weight:500;">Nickname</span>
<hr class="col card card-outline-faded border-bottom-0 mx-2 my-lg-auto my-2">
<span>
<img class="pb-1" src="https://f2.toyhou.se/file/f2-toyhou-se/images/47297609_hFxdbRiopq2IiOs.png" width="15">
<i class="far fa-venus text-danger"></i>
</span>
</div>
<div>
lvl 58
</div>
<div class="mt-auto w-100 d-flex justify-content-between" style="font-size:10px;">
<span>Arcanine</span>
<div class="ml-auto badge badge-pill p-1" style="font-weight:500; background-color: #F08030; width: 40px; letter-spacing: 0.5px;">
fire
</div>
<div class="ml-1 badge badge-pill p-1" style="font-weight:500; background-color: #B8A038; width: 40px; letter-spacing: 0.5px;">
rock
</div>
</div>
</div>
</div>
</div>
<!--- /5 --->
<!--- 6 --->
<div class="col-lg-4 col-6 rounded-0 p-0" style="
background: url('https://f2.toyhou.se/file/f2-toyhou-se/images/47324864_RD4ZhHwSH4ZtPFE.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height:150px;">
<div class="text-dark p-1" style="font-size:8px; font-style: italic;font-weight:300; position:absolute;right:0; bottom: 0; opacity: 0.8; letter-spacing: 0.6px;">
Ingame screenshot
</div>
<div class="collapse multi-collapse fade text-white" id="one" >
<div class="card d-flex align-items-start flex-column rounded-0 border-0 p-3" style="height:150px; background-color: rgba(0,0,0,0.65)">
<div class="w-100 d-flex justify-content-start">
<span style="font-size:14px; font-weight:500;">Nickname</span>
<hr class="col card card-outline-faded border-bottom-0 mx-2 my-lg-auto my-2">
<span>
<img class="pb-1" src="https://f2.toyhou.se/file/f2-toyhou-se/images/47297609_hFxdbRiopq2IiOs.png" width="15">
<i class="far fa-venus text-danger"></i>
</span>
</div>
<div>
lvl 58
</div>
<div class="mt-auto w-100 d-flex justify-content-between" style="font-size:10px;">
<span>Zoroark</span>
<div class="ml-auto badge badge-pill p-1" style="font-weight:500; background-color: #A8A878; width: 40px; letter-spacing: 0.5px;">
normal
</div>
<div class="ml-1 badge badge-pill p-1" style="font-weight:500; background-color: #705898; width: 40px; letter-spacing: 0.5px;">
ghost
</div>
</div>
</div>
</div>
</div>
<!--- /6 --->
</div>
</div>
</div>
</div>
<!----------------------------
CREDITS
Please don't remove
----------------------------->
<div class="text-right w-100 p-2">
<a href="https://toyhou.se/Oryl" class="text-dark">
<i class="fal fa-code tooltipster" data-placement="left" title="code by Oryl"></i>
</a><!---- END CREDITS ---->
</div>
</div>
Recent Images
No images.