<!-- ------------------------------
User Molang — Custom Coloured version.
(code by jiko)
--
RULES
→ Read this thoroughly please, and maybe drop a small comment saying that you've read it? :'3
thank youu [ https://toyhou.se/~bulletins/127417.code-rules ]
→ turn OFF WYSIWYG (via display settings please!)
→ turn ON Code Editor
--
TIPPY TIPS
→ pixel assets are from DeviantArt (registering is not required to see content)!
→ insert your img links INSIDE quotation marks "" !!
→ looking for a good online code editor? try [ https://th.circlejourney.net/# ] !
--
ACCENTS
→ accent : #eb9fa1
→ text : #404040
→ background : #f4f4f4
use control + f in the code editor to easily change them all!
------------------------------- -->
<div class="my-4 mx-auto" style="font-size:90%; color:#404040; max-width:420px">
<!-------------------------------------------------
CONTENT
------------------------------------------------->
<!--
→ don't like the lowercase aesthetic? Delete [text-lowercase]!
→ want to add animation to the stripes? Add [progress-bar-animated] anywhere in the class attribute!
→ don't like the stripes in general? Delete [progress-bar-striped]!
-->
<div class="text-lowercase card p-4 progress-bar-striped" style="background-color:#eb9fa1; border-radius:15px">
<!--------------------------------------
MOLONG GIF
--------------------------------------->
<!--
→ KEEP THE LINK! this is the credit for the artist!!
→ could be replaced with another pixel, best if 50x50
-->
<div class="text-right" style="margin-top:-18px;">
<a href="https://www.deviantart.com/peachkonpeito/art/F2U-molang-shy-present-love-767746898">
<!--
→ feel free to replace the title with something else, or remove it entirely!
-->
<img class="tooltipster" title="hello!" style="height:50px; width:50px; margin-bottom:-40px; z-index:1000"
src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/bea6597c-e5d0-408e-900e-07e5c5433d6b/dcp3haq-e023b9eb-4b96-4500-b5e1-6c33985a05aa.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2JlYTY1OTdjLWU1ZDAtNDA4ZS05MDBlLTA3ZTVjNTQzM2Q2YlwvZGNwM2hhcS1lMDIzYjllYi00Yjk2LTQ1MDAtYjVlMS02YzMzOTg1YTA1YWEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.aQl_ksGDyRV1o7TfgNVmKRVUwokInzDjphmjG5HJr7Q">
</a>
</div>
<!--------------------------------------
BASIC INFO
--------------------------------------->
<!--
→ you can explore more icons to replace [far fa-angle-right] through fontawesome.com!
→ best if short!
-->
<div class="card p-2 px-3 mb-2" style="background-color:#f4f4f4">
<p>
(user)name <i class="far fa-angle-right fa-sm px-1"></i>
pronouns <i class="far fa-angle-right fa-sm px-1"></i>
other
</p>
</div>
<!--------------------------------------
PROFILE
--------------------------------------->
<div class="card p-3 mb-2" style="background-color:#f4f4f4">
<p>
<!-------- MOLONG GIF 2 -------------------------------->
<a href="https://www.deviantart.com/peachkonpeito/art/icon-Molang-Ice-Cream-Cone-743497764">
<img class="float-left mr-2" style="height:50px; width:50px;"
src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/bea6597c-e5d0-408e-900e-07e5c5433d6b/dcanqjo-e01e25bd-5321-4943-8c75-c1ded712b22d.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2JlYTY1OTdjLWU1ZDAtNDA4ZS05MDBlLTA3ZTVjNTQzM2Q2YlwvZGNhbnFqby1lMDFlMjViZC01MzIxLTQ5NDMtOGM3NS1jMWRlZDcxMmIyMmQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.QR_Da0hlzJQydkabiXzVYCrsuWpG072qaEUSeFXzt_w">
</a>
Introduce yourself here! Best if short, this does not scroll! Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p>Vestibulum efficitur fermentum dui nec scelerisque. Mauris vestibulum id nisi placerat interdum.</p>
<p>This has a <a href="#" style="color:#eb9fa1">link</a>!</p>
</div>
<!--------------------------------------
ART STATUS (DELETABLE)
--------------------------------------->
<!--
→ visit the link [https://www.deviantart.com/pastelpon/art/Molang-Status-Stamps-1-Full-Set-FREE-TO-USE-446602602]
for other versions of the stamps!!
→ always remember to link back!
-->
<div class="card p-3 mb-2" style="background-color:#f4f4f4">
<div class="row">
<!-------- REQUEST -------------------------------->
<div class="col text-center">
<a href="https://www.deviantart.com/pastelpon/art/Molang-Status-Stamps-1-Full-Set-FREE-TO-USE-446602602">
<img style="height:39px; width:73px"
src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/635df561-2103-4a1b-9dcc-a6fce4f95263/d7dw88m-9544e684-263d-4cb8-9063-f876e09beca7.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzYzNWRmNTYxLTIxMDMtNGExYi05ZGNjLWE2ZmNlNGY5NTI2M1wvZDdkdzg4bS05NTQ0ZTY4NC0yNjNkLTRjYjgtOTA2My1mODc2ZTA5YmVjYTcucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.V4qP8m6PKWhM_R-eIupx1BSJtKAbOWwS0031zJdzA-c">
</a>
</div>
<!-------- ART TRADES -------------------------------->
<div class="col text-center">
<a href="https://www.deviantart.com/pastelpon/art/Molang-Status-Stamps-1-Full-Set-FREE-TO-USE-446602602">
<img style="height:39px; width:73px"
src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/635df561-2103-4a1b-9dcc-a6fce4f95263/d7dw884-86c6e595-9ef9-4c94-8e57-b441cc67bace.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzYzNWRmNTYxLTIxMDMtNGExYi05ZGNjLWE2ZmNlNGY5NTI2M1wvZDdkdzg4NC04NmM2ZTU5NS05ZWY5LTRjOTQtOGU1Ny1iNDQxY2M2N2JhY2UucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.vHHInOTKntPCwkwtrHsSr-p7H8BKE79qJJ0iMkGrsyI">
</a>
</div>
<!-------- COMMISSIONS -------------------------------->
<div class="col text-center">
<a href="https://www.deviantart.com/pastelpon/art/Molang-Status-Stamps-1-Full-Set-FREE-TO-USE-446602602">
<img style="height:39px; width:73px"
src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/635df561-2103-4a1b-9dcc-a6fce4f95263/d7dw87d-98e8d818-6b21-490d-b3d3-043c39d732dd.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzYzNWRmNTYxLTIxMDMtNGExYi05ZGNjLWE2ZmNlNGY5NTI2M1wvZDdkdzg3ZC05OGU4ZDgxOC02YjIxLTQ5MGQtYjNkMy0wNDNjMzlkNzMyZGQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.bLD1zPP5I4BHY-Nj-C7q0ZR3KRqhzkS_zid4b7esGaY">
</a>
</div>
</div>
</div>
<!--------------------------------------
SOCIAL MEDIA
--------------------------------------->
<!--
→ for more website icons, head over to fontawesome and have a look!
if there isn't any for a certain website, just use any old icon instead lol
-->
<div class="card p-3" style="background-color:#f4f4f4">
<div class="row no-gutters text-center">
<div class="col">
<a href="LINK TO MEDIA" style="color:#eb9fa1">
<i class="fab fa-deviantart fa-2x"></i>
</a>
</div>
<div class="col">
<a href="LINK TO MEDIA" style="color:#eb9fa1">
<i class="fab fa-twitter fa-2x"></i>
</a>
</div>
<div class="col">
<a href="LINK TO MEDIA" style="color:#eb9fa1">
<i class="fab fa-trello fa-2x"></i>
</a>
</div>
<div class="col">
<a style="color:#eb9fa1" class="tooltipster" title="NAME#0000">
<i class="fab fa-discord fa-2x"></i>
</a>
</div>
<!-- add / delete more above THIS line! -->
</div>
</div>
</div>
<!-------------------------------------------------
CREDITS
------------------------------------------------->
<div class="text-right text-muted py-2 small" style="letter-spacing:3px;">
<a href="https://toyhou.se/10939117.-f2u-user-molong"
class="text-muted tooltipster" title="code by jiko" style="text-decoration:none;">
<i class="far fa-code"></i>
</a>
.
<a class="text-muted tooltipster" title="click pixels for credits" style="text-decoration:none;">
<i class="far fa-image"></i>
</a>
</div>
</div>
