<!---
GACHAPON / by cati/dogboy
NOTES
accent: #2E3E51
(use ctrl+f + replace for accent/icon replacement)
custom colors! ✔✔✔
RULES & DISCLAIMERS
- fav/comment if using pls!
- not wysiwyg friendly so please turn that off!
- feel free to edit/frakenstein/etc if you feel, just pls dont remove my credit!!
- have a nice day!!
GENERAL INSTRUCTIONS
- TO REMOVE THE MIDDLE PORTION: go to every "middle start", highlight until "middle end", then backspace/delete
--->
<div class="container-fluid" style="background:none;padding:20px;border-radius:10px;max-width:600px;margin:30px auto 5px;">
<div class="justify-content-center" style="border-radius:10px;border:3px solid #000000;background-color:#2E3E51;max-width:500px;margin-left:30px;">
<!--- name --->
<p class="text-uppercase p-2 font-weight-bold" style="color:#FFFFFF;font-size:50px;letter-spacing:10px;" align="center">NAME</p>
</div>
<!--- main background image, middle start --->
<div class="card" style="background:url(https://f2.toyhou.se/file/f2-toyhou-se/images/26609986_UNId9hWV6cu2Et7.png?1600414278);background-size:cover;background-position:center;border:3px solid #000000;border-radius:10px;height:400px;">
<img class="d-flex mx-auto mt-5" src="https://cdn.discordapp.com/attachments/721095388492333169/768646900089880606/17.png" style="width:300px;">
</div>
<!--- middle end --->
<div class="card" style="background:url(https://img.freepik.com/free-photo/metal-texture-background_42612-327.jpg);border:3px solid #000000;border-radius:10px;height:400px;">
<div class="row no-gutters">
<div class="col-md-5">
<img class="mx-auto d-flex mt-2" src="https://cdn.discordapp.com/attachments/721095388492333169/768662573171081236/17.png" style="width:180px;">
<!--- avatar --->
<img class="mx-auto d-flex mt-2" src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/25267913_gpY_6228387.png?1596852579" style="max-width:140px;border:4px solid #000000;">
<!--- stamps --->
<img class="ml-3 mt-3" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/599078e1-9ea8-43a6-8cf9-15f98c260b04/d2wytb3-0a5b79c9-7f3e-4838-8dd8-452c4b6c2961.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvNTk5MDc4ZTEtOWVhOC00M2E2LThjZjktMTVmOThjMjYwYjA0XC9kMnd5dGIzLTBhNWI3OWM5LTdmM2UtNDgzOC04ZGQ4LTQ1MmM0YjZjMjk2MS5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.OA41IPuRvwNRfKDsn4346C3nVUG9n-V8nokkB_V4EzY">
<img class="mt-3" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/ad1d3cf5-dd36-41a3-b390-add90cdc2aea/daoqaax-1e07d1db-0be6-4db1-a724-6effb8630821.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvYWQxZDNjZjUtZGQzNi00MWEzLWIzOTAtYWRkOTBjZGMyYWVhXC9kYW9xYWF4LTFlMDdkMWRiLTBiZTYtNGRiMS1hNzI0LTZlZmZiODYzMDgyMS5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.RBv4e6leOpoUSAzUvw8Blem5Ej_FNah3M-VK10q9ZM4">
<img class="ml-3 mt-2" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/65636dc9-8b61-4bdb-8baf-fdfeecae0613/da476ug-ca1df5c7-82e8-409f-b94a-8bee35b9ddb4.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvNjU2MzZkYzktOGI2MS00YmRiLThiYWYtZmRmZWVjYWUwNjEzXC9kYTQ3NnVnLWNhMWRmNWM3LTgyZTgtNDA5Zi1iOTRhLThiZWUzNWI5ZGRiNC5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.mpqd8DyYBF5IXPcDYa2kVV2s7BkTeTy4qHaf0W845LA">
<img class="mt-2" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/fd695a56-b840-4407-bf9c-ea0939b5cb16/dbs8jmo-3d5910fb-bd8d-4003-a429-110875381a7d.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvZmQ2OTVhNTYtYjg0MC00NDA3LWJmOWMtZWEwOTM5YjVjYjE2XC9kYnM4am1vLTNkNTkxMGZiLWJkOGQtNDAwMy1hNDI5LTExMDg3NTM4MWE3ZC5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.pPqwwuRECY7NuS0HbMEQDobKJaIot48RNPUjmuNFuR4">
</div>
<div class="col-md-7" style="display:flex;">
<div class="card card-block m-3" style="background-color:#FFFFFF;overflow:auto;height:350px;">
<!--- description --->
<p class="text-center p-1" style="color:#2E3E51;font-size:14px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non auctor lorem. Maecenas et viverra nibh. Duis eget dignissim dolor. Ut eu turpis porta, bibendum odio vitae, efficitur leo. Aenean ultrices, nulla in maximus consectetur, libero eros efficitur ex, vel faucibus sapien sem et leo. Pellentesque massa est, pretium sed euismod sit amet, iaculis sit amet justo.
<br><br>Sed malesuada ultricies tincidunt. Sed odio turpis, bibendum nec justo sed, lacinia sagittis nunc. Mauris facilisis purus neque, id feugiat sem malesuada vel. Aenean id nisl quis nulla vehicula iaculis quis sit amet sapien. Vestibulum faucibus lectus sit amet justo tempus hendrerit. Praesent ut lacus neque. Curabitur vitae sem at sapien rutrum dictum.</p>
</div>
</div>
</div>
</div>
<div class="p-2" style="background-color:#2E3E51;border:3px solid #000000;border-radius:5px;">
<!--- credit, dont remove pls! --->
<a class="d-block text-right" href="https://toyhou.se/8602846.gachapon-f2u-html" style="font-size:7px;color:#FFFFFF;letter-spacing:4px;">code by cati <i class="fad fa-rainbow"></i></a>
</div>
</div>
