purpletwt

<!---
    TWT CARRD by onethird
    thank you for using! very customizable color-wise:

    main background: white
    border: #C7B9EB
    header, footer, title text background:  #EDE7F1
    title text: #ffffff
    main text, icons: B3B7F0
    --->
    <br>
    <br>
    <br>
    <br>
    <br>
<div class="container card rounded-0 px-1" style="max-width: 400px; font-size: 12px; text-weight: 400; background: #EDE7F1; border: 3px solid #C7B9EB;">
	<div class="row no-gutters">
		<!--- search bar (scrolls horizontally) --->
		<div class="col-8">
			<div class="card my-2 border-0 rounded-0" style="height:25px; background: white;">
				<a class="text-reset" href="URLLINK">

					<p style="color: B3B7F0; white-space: nowrap; overflow-y: auto;"><i class="fas fa-search px-1" style="color: B3B7F0;"></i>https://toyhou.se/vethir</p>
				</a>
			</div>
		</div>
		<!--- icons beside the search bar --->
		<div class="col-3 mx-auto">
			<div class="rounded-0 my-2" style="height:25px; max-width:100px; font-size:14px;">

				<p class="text-center"><i class="fas fa-arrow-left mr-1" style="color:B3B7F0;"></i>
					<i class="fas fa-arrow-right mr-3" style="color:B3B7F0;"></i>
					<i class="fas fa-redo" style="color:B3B7F0;"></i></p>
			</div>
		</div>
	</div>
</div>
<div class="container card border-top-0 rounded-0 px-1" style="max-width:400px; font-size:12px; font-weight:400; background: white; border:3px solid #C7B9EB;">
	<div class="row no-gutters">
		<!--- image --->
		<div class="col-xxl-5 mx-auto">
			<div class="card rounded-0 my-2" style="background: url(https://cdn.discordapp.com/attachments/792099006217453609/911280197477728296/unknown.png); background-size: cover; background-position: center; height:150px; width: 150px; border: 3px solid #EDE7F1;">
				<br>
			</div>
		</div>
		<!--- words --->
		<div class="col-sm-7">

			<h1 class="font-weight-bold my-2 p-1" style="background: #EDE7F1; color: #ffffff;"><i class="fal fa-moon-stars"></i> vethir | 23 | she</h1>
			<div class="card rounded-0 border-0 overflow-auto" style="height:110px; background: white;">

				<p style="color: B3B7F0;">hi! i have lots of links below so be sure to check them out if you need anything♡ there's also a "seeking" link too^^<br><br>i struggle with motivation but i hope to get better, always 100 thanks for those that are waiting on art from me!<br><br>pixel icon by @cherubcafe & profile avatar by @Zeraphos ♥</p>
			</div>
		</div>
	</div>
	<div class="row">
		<!--- first list --->
		<div class="col-md-6">

			<h1 class="font-weight-bold my-2 p-1" style="background: #EDE7F1; color: #ffffff;"><i class="fal fa-moon-stars"></i> ocs</h1>

			<ul class="list-unstyled">
				<li style="color: B3B7F0;"><i class="fas fa-chevron-right px-1"></i><a href="https://toyhou.se/vethir/characters/folder:1189014">sonas</a></a></li>
				<li style="color: B3B7F0;"><i class="fas fa-chevron-right px-1"></i><a href="https://toyhou.se/vethir/characters/folder:1189015">forever</a></a></li>
				<li style="color: B3B7F0;"><i class="fas fa-chevron-right px-1"></i><a href="https://toyhou.se/vethir/characters/folder:1189016">love</a></a></li>
				<li style="color: B3B7F0;"><i class="fas fa-chevron-right px-1"></i><a href="https://toyhou.se/vethir/characters/folder:1189037">wip/limbo</a></a></li>
			</ul>
		</div>
		<!--- second list --->
		<div class="col-md-6">

			<h1 class="font-weight-bold my-2 p-1" style="background: #EDE7F1; color: #ffffff;"><i class="fal fa-moon-stars"></i> ufs/t, pings</h1>

			<ul class="list-unstyled">
				<li style="color: B3B7F0;"><i class="fas fa-chevron-right px-1"></i><a href="https://toyhou.se/~bulletins/157562.taking-art-trade-offers-on-some-characters">ufs/t</a></a></li>
				<li style="color: B3B7F0;"><i class="fas fa-chevron-right px-1"></i><a href="https://toyhou.se/~bulletins/256977.pinglist">oc pinglist</a></a></li>
				<li style="color: B3B7F0;"><i class="fas fa-chevron-right px-1"></i><a href="https://www.deviantart.com/vethir/status-update/20738607">comms pinglist</a></a></li>
				<li style="color: B3B7F0;"><i class="fas fa-chevron-right px-1"></i><a href="https://toyhou.se/~bulletins/328388.adopt-pinglist-remake-">adopt pinglist</a></a></li>
			</ul>
		</div>
	</div>
	<div class="row">
		<!--- bottom box --->
		<div class="col-12">

			<h1 class="font-weight-bold my-2 p-1" style="background: #EDE7F1; color: #ffffff;"><i class="fal fa-moon-stars"></i> stuffs</h1>
			<div class="justify-content-between">

				<p class="font-weight-bold" style="color: B3B7F0;"><a href="https://docs.google.com/document/d/1_IkxwB7QIbiU4CAKnHyQHfrt9v15sDZR61iFdxEwJdQ/edit?usp=sharing">seeking/interests</a></a></p>

				<p style="color: B3B7F0;">dragons, dark designs, fairy aesthetic</p>
			</div>
			<div class="justify-content-between">

				<p class="font-weight-bold" style="color: B3B7F0;"><a href="https://toyhou.se/13581063.art-examples">art examples</a></a></p>

				<p style="color: B3B7F0;">is slow</p>
			</div>
			<div class="justify-content-between">

				<p class="font-weight-bold" style="color: B3B7F0;">interests</p>

				<p style="color: B3B7F0;">ffxiv, wow, dragons, japanese metal</p>
			</div>
		</div>
	</div>
</div>
<div class="container card border-top-0 rounded-0 px-1" style="max-width: 400px; font-size: 18px; text-weight:500; background: #EDE7F1; border: 3px solid #C7B9EB;">
	<div class="row">
		<div class="col-12">
			<!--- social medias --->
            <p class="text-center font-weight-bold" style="color: B3B7F0;">
                <a href="https://deviantart.com/vethir" data-toggle="tooltip" title="vethir" class="text-reset"><i class="fab fa-deviantart px-1"></i></a>
                <a href="https://twitter.com/vethirlove" data-toggle="tooltip" title="vethirlove" class="text-reset"><i class="fab fa-twitter px-1"></i></a>
                <a href="https://www.instagram.com/vethirlove/" data-toggle="tooltip" title="vethirlove" class="text-reset"><i class="fab fa-instagram px-1"></i></a>
                <a href="https://twitter.com/vethirlove" data-toggle="tooltip" title="ask" class="text-reset"><i class="fab fa-discord px-1"></i></a>

                <!--- credit, do not remove --->
                <a href="https://toyhou.se/onethird" data-toggle="tooltip" title="code by onethird" class="text-reset"><i class="fas fa-code px-1"></i></a>
            </p>

        </div>
    </div>
</div>