[CHARA] MP100 chara profile
created by:FlowerlyRat
HTMLCharacter
Copy
<!--
Mob Psycho 100 character profile: code by FlowerlyRat || Layout from the manga Mob Psycho 100
Credit not required but appreciated!
-->
<div class="col card rounded-0 p-4 align-items-center justify-content-center mx-auto" style="height: 700px; width: 490px; border-width: 1px; border-color: #000; background-color: #fff">
<p class="text-center mb-1" style="font-family: comic sans ms, sans-serif; font-variant: small-caps; font-weight: bold; font-size: 16px; letter-spacing: -1.3px; line-height: 15px; color: #000">character profile</p>
<!--///First panel///-->
<div class="col card rounded-0 mb-2" style="height: 290px; width: 430px; border-width: 2px; border-color: #000000; background: url(
YOURIMAGEHERE
); background-position: center; background-size: cover">
</div>
<!--///First panel end///-->
<!--///Second panel///-->
<div class="col card rounded-0 my-2 align-items-center justify-content-center p-4" style="height: 330px; width: 430px; border-width: 2px; border-color: #000; background: url(
YOURBACKGROUNDHERE
); background-position: center; background-size: cover">
<!--///Information--->
<!--not: I recommend keeping the text bold if the background is white, and to not bold it of it's black-->
<p class="text-center" style="font-family: comic sans ms, sans-serif; font-variant: small-caps; font-size: 13px; font-weight: bold; letter-spacing: -0.2px; line-height: 12px; color: #000">
name: content
<br>
nicknames: content
<br>
age: number
<br>
birthday: month dayth
<br>
bloodtype: type
<br>
animal zodiac: content
<br>
zodiac: content
<br>
height: 166.6 cm
<br>
weight: 66.6 kg
<br>
what they do best: content
<br>
what they do worst: content
<br>
speciality: content
<br>
hobby: content
<br>
favorite food: content
<br>
least favorite food: content
<br>
favorite music: content
<br>
favorite movie genre: content
<br>
catchphrase: content
<br>
got recently into: content
</p>
<!--///Information end--->
</div>
<!--///Second panel end///-->
<!--///CREDIT DO NOT REMOVE///-->
<a class="tooltipster" data-placement="top" title="Code by FlowerlyRat" target="_blank" href="https://toyhou.se/FlowerlyRat/characters/folder:4673560" style="position: absolute; bottom: 0px; right: 5px;"><i class="fad fa-eye" style="color: #000"></i></a>
<!--///CREDIT DO NOT REMOVE///-->
</div>
Copy
<div class="col card rounded-0 p-4 align-items-center justify-content-center mx-auto" style="height: 700px; width: 490px; border-width: 1px; border-color: #000; background-color: #fff">
<p class="text-center mb-1" style="font-family: comic sans ms, sans-serif; font-variant: small-caps; font-weight: bold; font-size: 16px; letter-spacing: -1.3px; line-height: 15px; color: #000">character profile</p>
<!--///First panel///-->
<div class="col card rounded-0 mb-2" style="height: 290px; width: 430px; border-width: 2px; border-color: #000000; background: url(
{{u!character image link!}}
); background-position: center; background-size: cover">
</div>
<!--///First panel end///-->
<!--///Second panel///-->
<div class="col card rounded-0 mt-2 align-items-center justify-content-center p-4" style="height: 330px; width: 430px; border-width: 2px; border-color: #000; background: url(
{{u!background image link!}}
); background-position: center; background-size: cover">
<!--///Information--->
<!--not: I recommend keeping the text bold if the background is white, and to not bold it of it's black-->
<p class="text-center" style="font-family: comic sans ms, sans-serif; font-variant: small-caps; font-size: 13px; font-weight: bold; letter-spacing: -0.2px; line-height: 12px; color: #000">
name: {{!name!}}
<br>
nicknames: {{!nicknames!}}
<br>
age: {{!age!}}
<br>
birthday: {{!birthday!}}
<br>
bloodtype: {{!bloodtype!}}
<br>
animal zodiac: {{!animal zodiac!}}
<br>
zodiac: {{!zodiac!}}
<br>
height: {{!height!}}
<br>
weight: {{!weight!}}
<br>
what they do best: {{!what they do best!}}
<br>
what they do worst: {{!what they do worst!}}
<br>
speciality: {{!speciality!}}
<br>
hobby: {{!hobby!}}
<br>
favorite food: {{!favorite food!}}
<br>
least favorite food: {{!least favorite food!}}
<br>
favorite music: {{!favorite music!}}
<br>
favorite movie genre: {{!favorite movie genre!}}
<br>
catchphrase: {{!catchphrase!}}
<br>
got recently into: {{!got recently into!}}
</p>
<!--///Information end--->
</div>
<!--///Second panel end///-->
<!--///CREDIT DO NOT REMOVE///-->
<a class="tooltipster" data-placement="top" title="Code by FlowerlyRat" target="_blank" href="https://toyhou.se/FlowerlyRat/characters/folder:4673560" style="position: absolute; bottom: 4px; right: 5px;"><i class="fad fa-eye" style="color: #000"></i></a>
<!--///CREDIT DO NOT REMOVE///-->
</div>