<!---
HACHIN / by cati/dogboy
NOTES
accent: #625F64
(use ctrl+f + replace for accent/icon replacement)
mobile friendly + custom colors! ✔✔✔
RULES & DISCLAIMERS
- fav/comment if using pls!
- caaaan be used in wysiwyg without the pagedoll if you really cant turn it off, just be careful with some of it
- feel free to edit/frakenstein/etc if you feel, just pls dont remove my credit!!
- have a nice day!!
--->
<div class="container-fluid" style="background:url(https://64.media.tumblr.com/b3d4060fdef32009f7f9b4a94c514043/tumblr_inline_mns7r1FRcs1qz4rgp.gif) repeat fixed;padding:20px;border-radius:20px;max-width:700px;margin:30px auto 5px;">
<div class="row">
<div class="col-md-12 m-2 text-center">
<!--- stamp, you can copy paste this code as much as you want to make more stamps! (for my screen, only 5 fit in on 1 row and on mobile its only 2, but that might just be my own dimensions) --->
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/587e4371-f740-41a1-8f04-26c06e1088a2/dact8p9-01572026-6a21-402a-80b8-d83ab20377d0.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzU4N2U0MzcxLWY3NDAtNDFhMS04ZjA0LTI2YzA2ZTEwODhhMlwvZGFjdDhwOS0wMTU3MjAyNi02YTIxLTQwMmEtODBiOC1kODNhYjIwMzc3ZDAucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.TaHW1_rRqiHYlSA-3Fhyn6Y4q56GdUZ8Dfk8ZTCXha0" style="width:120px;">
</div>
<div class="col-md-5" style="padding:10px;">
<div class="card p-3" style="background-color:#FFFFFF;height:335px;overflow:auto;border-radius:20px;">
<!--- name, title, etc --->
<h4 class="font-italic text-uppercase text-center my-2" style="font-size:24px;color:#625F64;border:2px outset #625F64;">name or title</h4>
<div class="justify-content-between p-2">
<!--- column info --->
<div><span class="text-uppercase font-weight-bold" style="color:#625F64;font-size:12px;letter-spacing:1px;">age</span></div>
<div><span class="text-muted font-italic" style="font-size:12px;letter-spacing:2px;">content</span></div>
</div>
<div class="justify-content-between my-2 p-2">
<div><span class="text-uppercase font-weight-bold" style="color:#625F64;font-size:12px;letter-spacing:1px;">gender</span></div>
<div><span class="text-muted font-italic" style="font-size:12px;letter-spacing:2px;">content</span></div>
</div>
<div class="justify-content-between my-2 p-2">
<div><span class="text-uppercase font-weight-bold" style="color:#625F64;font-size:12px;letter-spacing:1px;">sexuality</span></div>
<div><span class="text-muted font-italic" style="font-size:12px;letter-spacing:2px;">content</span></div>
</div>
<div class="justify-content-between my-2 p-2">
<div><span class="text-uppercase font-weight-bold" style="color:#625F64;font-size:12px;letter-spacing:1px;">height</span></div>
<div><span class="text-muted font-italic" style="font-size:12px;letter-spacing:2px;">content</span></div>
</div>
<div class="justify-content-between my-2 p-2">
<div><span class="text-uppercase font-weight-bold" style="color:#625F64;font-size:12px;letter-spacing:1px;">specie</span></div>
<div><span class="text-muted font-italic" style="font-size:12px;letter-spacing:2px;">content</span></div>
</div>
</div>
</div>
<div class="col-md-7" style="display:flex;padding:10px;">
<div class="card card-block p-4" style="background-color:#FFFFFF;height:335px;overflow:auto;border-radius:20px;">
<!--- personality --->
<h4 class="font-italic text-uppercase text-center" style="font-size:24px;color:#625F64;border:2px outset #625F64;">personality</h4>
<p class="text-center p-3" style="color:#625F64;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce mauris diam, ultricies a vehicula eget, rutrum sit amet dolor. Donec eleifend vulputate tempus. Aenean faucibus leo ut sodales aliquam. Fusce eget pellentesque libero. Nullam vehicula at nibh sit amet semper. Nullam dictum est id arcu interdum viverra. Vestibulum lacinia orci sit amet dapibus ultrices. Maecenas in enim id augue fermentum cursus eget in turpis. Nulla id erat quis felis sollicitudin sollicitudin ut non dolor. Duis vitae est non nibh auctor imperdiet quis ut enim.</p>
<!--- history --->
<h4 class="font-italic text-uppercase text-center" style="font-size:24px;color:#625F64;border:2px outset #625F64;">history</h4>
<p class="text-center p-3" style="color:#625F64;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce mauris diam, ultricies a vehicula eget, rutrum sit amet dolor. Donec eleifend vulputate tempus. Aenean faucibus leo ut sodales aliquam. Fusce eget pellentesque libero. Nullam vehicula at nibh sit amet semper. Nullam dictum est id arcu interdum viverra. Vestibulum lacinia orci sit amet dapibus ultrices. Maecenas in enim id augue fermentum cursus eget in turpis. Nulla id erat quis felis sollicitudin sollicitudin ut non dolor. Duis vitae est non nibh auctor imperdiet quis ut enim.</p>
<!--- trivia --->
<h4 class="font-italic text-uppercase text-center" style="font-size:24px;color:#625F64;border:2px outset #625F64;">trivia</h4>
<ul style="color:#625F64;margin-left:3%;">
<li>content</li>
<li>content</li>
<li>content</li>
<li>content</li>
<li>content</li>
</ul>
</div>
</div>
</div>
</div>
<!--- credit, dont remove pls! --->
<a class="d-block text-muted text-center" href="https://toyhou.se/8464664.hachin-f2u-html" style="font-size:0.6em;">code by cati <i class="fad fa-rainbow"></i></a>
<!--- pagedoll, remove this code if you don't want it --->
<img src="https://f2.toyhou.se/file/f2-toyhou-se/images/26541820_MEGEF7YUoAlz4hb.png" style="margin-top:-20%;margin-left:70%;max-width:18%;">
