<!---
========================================================
code by Lullah
colors used:
> text-white (bootstrap) (header text)
> bg-primary (bootstrap) (header background)
> bg-faded (bootstrap) (box background)
You may...
> Edit this code to oblivion!
> Recycle parts for your own use!
You may not...
> Remove my watermark!
========================================================
--->
<div class="container" style="max-width:800px;font-size:0.9em;">
<div class="row no-gutters">
<!--- willing to offer --->
<div class="col-md-12">
<div class="card bg-primary text-white p-2">
<div class=""><i class="fas fa-question fa-sm fa-fw mr-1"></i>I am offering...</div>
</div>
</div>
<!--- offering window --->
<div class="col-md-6 pr-md-2 mt-2">
<div class="card bg-faded p-2 " style="height:100%;">
<div class=""><i class="fas fa-check fa-sm fa-fw mr-1 "></i>Willing to Offer:
<hr class="bg-primary my-1"></div>
<!--- list what you're offering here! --->
<ul class="pl-4 mb-1">
<!--- offer 1 --->
<li>Offer 1; Money?</li>
<!--- offer 1 subtext --->
<ul>
<li>Offer 1 Subtext; Maybe budget?</li>
</ul>
<!--- offer 2 --->
<li>Offer 2; Art?</li>
<!--- offer 3 --->
<li>Offer 3; Character?</li>
<!--- add more above here --->
</ul>
<!--- additional text goes below here; optional --->
</div>
</div>
<!--- NOT offering window --->
<div class="col-md-6 mt-2">
<div class="card bg-faded p-2" style="height:100%;">
<div class=""><i class="fas fa-times fa-sm fa-fw mr-1 "></i>NOT Offering:
<hr class="bg-primary my-1"></div>
<!--- list what you're NOT offering here! --->
<ul class="pl-4 mb-1">
<!--- not offer 1 --->
<li>Offer 1</li>
<!--- not offer 1 subtext --->
<ul>
<li>NOT offer 1 subtext</li>
</ul>
<!--- not offer 2 --->
<li>Offer 2</li>
<!--- not offer 3 --->
<li>Offer 3</li>
</ul>
<!--- additional text goes below here; optional --->
Please don't ask for any of my characters. I'm not going to like you very much if you do.
</div>
</div>
<!--- OPTIONAL: Art samples --->
<div class="col-md-12 mt-2">
<div class="card bg-faded p-2" style="height:100%;">
<div><div class="justify-content-between">
<span><i class="fas fa-pencil fa-sm fa-fw mr-1 "></i>Art Samples:</span>
<span>Last Update: (DD/MM/YYY)</span></div>
<hr class="bg-primary my-1"></div>
<!--- art sample notice --->
<div class="">Please visit my <a href="">website</a> (or twitter, devart, comm sheet, etc) for more samples!</div>
<!--- SAMPLES START HERE --->
<!--- note that these samples are meant to be one row only --->
<!--- you can add more (recc. up to 4) but unless your artworks are tiny (i.e pixels)
i really wouldn't recommend it --->
<!--- if you REALLY want to have more than one row, replace class="col py-1 pr-1" with this:
class="col-6 col-md-4 pt-1 pr-1" for 3 images per row
class="col-6 col-md-3 pt-1 pr-1" for 4 images per row --->
<!--- note that you might want to adjust the image heights to match your artworks! --->
<!--- just make sure all samples are of the same height! --->
<div class="row no-gutters pl-1">
<!--- sample #1 --->
<div class="col pt-1 pr-1"><div class="rounded" style="height:320px;
background-image:url(https://via.placeholder.com/320);
background-size:cover;background-position:center;"></div>
</div>
<!--- sample #2 --->
<div class="col pt-1 pr-1"><div class="rounded" style="height:320px;
background-image:url(https://via.placeholder.com/320);
background-size:cover;background-position:center;"></div>
</div>
<!--- sample #3 --->
<div class="col pt-1 pr-1"><div class="rounded" style="height:320px;
background-image:url(https://via.placeholder.com/320);
background-size:cover;background-position:center;"></div>
</div>
<!--- add more above here! --->
</div>
</div>
</div>
<!--- art samples goes to here if you want to delete the entire window! --->
</div>
<div class="text-right mt-3">
<div class="">
<!--- if you want to replace this with a link to DM you instead,
use this link: https://toyhou.se/~messages/create/YOURUSERNAMEHERE --->
<a href="linkhere">
Trade thread</a>
(Last Wishlist Update: DD/MM/YYYY)</div>
</div>
<!----------------------------- WISHLIST BEGINS HERE! ----------------------------->
<!------------------------------>
<!----- Interested Section ----->
<!------------------------------>
<div class="card bg-primary text-white p-2">
<div class=""><i class="fas fa-star fa-sm fa-fw mr-1"></i>Interested in...</div>
</div>
<div class="row no-gutters">
<!--- stars tier notes --->
<!--- i personally only describe the 5 stars tier LOL --->
<div class="col-12 card bg-faded p-2 mt-2">
<div class="row no-gutters">
<!--- 5 stars --->
<div class="col-5 text-right">
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>:
</div>
<div class="col-7 pl-1">Instant accept</div>
<!--- 4 stars --->
<div class="col-5 text-right">
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>:
</div>
<div class="col-7 pl-1">Instant accept, except for a specific type</div>
<!--- 3 stars --->
<div class="col-5 text-right">
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>:
</div>
<div class="col-7 pl-1">Certain types only</div>
<!--- 2 stars --->
<div class="col-5 text-right">
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>:
</div>
<div class="col-7 pl-1">Picky</div>
<!--- 1 stars --->
<div class="col-5 text-right">
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>:
</div>
<div class="col-7 pl-1">Maybe</div>
<!--- add more above here! --->
</div>
</div>
<!--- designer preference --->
<!--- if they exist on toyhouse simply use username !
if not, use <a href="URL">artist</a> --->
<div class="col-md-6 pr-2 mt-2">
<div class="card bg-faded p-2" style="height:100%;">
<div class=""><i class="fas fa-user fa-sm fa-fw mr-1 "></i>Designers:
<hr class="bg-primary my-1"></div>
<ul class="mb-1">
<!--- designer 1 --->
<li>@/Artist1
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i></li>
<!--- designer 1 subtext --->
<ul class="pl-4">
<li>Notes</li>
<li>More notes</li>
</ul>
<!--- designer 2 --->
<li>@/Artist2
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i></li>
<!--- designer 2 subtext --->
<ul class="pl-4">
<li>Notes</li>
<li>More notes</li>
</ul>
<!--- designer 3 --->
<li>@/Artist3
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i></li>
<!--- designer 3 subtext --->
<ul class="pl-4">
<li>Notes</li>
</ul>
<!--- designer 4 --->
<li>@/Artist4
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i></li>
<!--- designer 3 subtext --->
<ul class="pl-4">
<li>Notes</li>
</ul>
<!--- designer 5 --->
<li>@/Artist5
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i></li>
<!--- designer 4 subtext --->
<ul class="pl-4">
<li>Notes</li>
</ul>
<!--- add more above here! --->
</ul>
</div>
</div>
<!--- species preference --->
<div class="col-md-6 mt-2">
<div class="card bg-faded p-2" style="height:100%;">
<div class=""><i class="fas fa-paw fa-sm fa-fw mr-1 "></i>Species/Closed Species:
<hr class="bg-primary my-1"></div>
<ul class="mb-1">
<!--- cs 1 --->
<li>Closed Species 1
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i></li>
<!--- cs 1 subtext --->
<ul class="pl-4">
<li>Notes?</li>
</ul>
<!--- cs 2 --->
<li>Closed Species 2
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i></li>
<!--- cs 2 subtext --->
<ul class="pl-4">
<li>Notes?</li>
</ul>
<!--- cs 3 --->
<li>Closed Species 3
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i></li>
<!--- cs 3 subtext --->
<ul class="pl-4">
<li>Notes?</li>
</ul>
<!--- add more above here! --->
</ul>
</div>
</div>
<!--- themes/aesthetic preference --->
<div class="col-md-12 mt-2">
<div class="card bg-faded p-2">
<div class=""><i class="fas fa-tshirt fa-sm fa-fw mr-1 "></i>Themes:
<hr class="bg-primary my-1"></div>
<ul class="mb-1">
<!--- theme 1 --->
<li>Theme 1
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i></li>
<!--- theme 1 subtext --->
<ul class="pl-4">
<li>Notes</li>
<li>More notes</li>
</ul>
<!--- theme 2 --->
<li>Theme 2
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i></li>
<!--- theme 2 subtext --->
<ul class="pl-4">
<li>Notes</li>
</ul>
<!--- theme 3 --->
<li>Theme 3
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="fas fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i>
<i class="far fa-star fa-sm fa-fw"></i></li>
<!--- theme 3 subtext --->
<ul class="pl-4">
<li>Notes</li>
</ul>
<!--- add more above here --->
</ul>
</div>
</div>
<!--- additional notes --->
<div class="col-12 card bg-faded p-2 mt-2">
<div class=""><i class="fas fa-pencil fa-sm fa-fw mr-1 "></i>Note:
<hr class="bg-primary my-1"></div>
<ul class="mb-1">
<li>one</li>
<li>one</li>
<li>one</li>
</ul>
</div>
</div>
<!------------------------------>
<!--- NOT Interested Section --->
<!------------------------------>
<div class="card bg-primary text-white mt-2 p-2">
<div class=""><i class="fas fa-skull fa-sm fa-fw mr-1"></i>Not interested in...</div>
</div>
<div class="row no-gutters">
<!--- stars tier notes --->
<!--- i personally only describe the 5 stars tier LOL --->
<div class="col-12 card bg-faded p-2 mt-2">
<div class="row no-gutters">
<!--- 5 stars --->
<div class="col-5 text-right">
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>:
</div>
<div class="col-7 pl-1">Instant reject</div>
<!--- 4 stars --->
<div class="col-5 text-right">
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>:
</div>
<div class="col-7 pl-1">Instant reject, except for a specific type</div>
<!--- 3 stars --->
<div class="col-5 text-right">
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>:
</div>
<div class="col-7 pl-1">Certain types only</div>
<!--- 2 stars --->
<div class="col-5 text-right">
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>:
</div>
<div class="col-7 pl-1">Picky</div>
<!--- 1 stars --->
<div class="col-5 text-right">
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>:
</div>
<div class="col-7 pl-1">Maybe</div>
<!--- add more above here! --->
</div>
</div>
<!--- designer preference --->
<!--- if they exist on toyhouse simply use username !
if not, use <a href="URL">artist</a> --->
<div class="col-md-6 pr-2 mt-2">
<div class="card bg-faded p-2" style="height:100%;">
<div class=""><i class="fas fa-user fa-sm fa-fw mr-1 "></i>Designers:
<hr class="bg-primary my-1"></div>
<ul class="mb-1">
<!--- designer 1 --->
<li>@/Artist1
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i></li>
<!--- designer 1 subtext --->
<ul class="pl-4">
<li>Notes</li>
<li>More notes</li>
</ul>
<!--- designer 2 --->
<li>@/Artist2
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i></li>
<!--- designer 2 subtext --->
<ul class="pl-4">
<li>Notes</li>
<li>More notes</li>
</ul>
<!--- designer 3 --->
<li>@/Artist3
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i></li>
<!--- designer 3 subtext --->
<ul class="pl-4">
<li>Notes</li>
</ul>
<!--- designer 4 --->
<li>@/Artist4
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i></li>
<!--- designer 3 subtext --->
<ul class="pl-4">
<li>Notes</li>
</ul>
<!--- designer 5 --->
<li>@/Artist5
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i></li>
<!--- designer 4 subtext --->
<ul class="pl-4">
<li>Notes</li>
</ul>
<!--- add more above here! --->
</ul>
</div>
</div>
<!--- species preference --->
<div class="col-md-6 mt-2">
<div class="card bg-faded p-2" style="height:100%;">
<div class=""><i class="fas fa-paw fa-sm fa-fw mr-1 "></i>Species/Closed Species:
<hr class="bg-primary my-1"></div>
<ul class="mb-1">
<!--- cs 1 --->
<li>Closed Species 1
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i></li>
<!--- cs 1 subtext --->
<ul class="pl-4">
<li>Notes?</li>
</ul>
<!--- cs 2 --->
<li>Closed Species 2
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i></li>
<!--- cs 2 subtext --->
<ul class="pl-4">
<li>Notes?</li>
</ul>
<!--- cs 3 --->
<li>Closed Species 3
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i></li>
<!--- cs 3 subtext --->
<ul class="pl-4">
<li>Notes?</li>
</ul>
<!--- add more above here! --->
</ul>
</div>
</div>
<!--- themes/aesthetic preference --->
<div class="col-md-12 mt-2">
<div class="card bg-faded p-2">
<div class=""><i class="fas fa-tshirt fa-sm fa-fw mr-1 "></i>Themes:
<hr class="bg-primary my-1"></div>
<ul class="mb-1">
<!--- theme 1 --->
<li>Theme 1
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i></li>
<!--- theme 1 subtext --->
<ul class="pl-4">
<li>Notes</li>
<li>More notes</li>
</ul>
<!--- theme 2 --->
<li>Theme 2
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i></li>
<!--- theme 2 subtext --->
<ul class="pl-4">
<li>Notes</li>
</ul>
<!--- theme 3 --->
<li>Theme 3
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="fas fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i>
<i class="far fa-skull fa-sm fa-fw"></i></li>
<!--- theme 3 subtext --->
<ul class="pl-4">
<li>Notes</li>
</ul>
<!--- add more above here --->
</ul>
</div>
</div>
<!--- additional notes --->
<div class="col-12 card bg-faded p-2 mt-2">
<div class=""><i class="fas fa-pencil fa-sm fa-fw mr-1 "></i>Note:
<hr class="bg-primary my-1"></div>
<ul class="mb-1">
<li>one</li>
<li>one</li>
<li>one</li>
</ul>
</div>
</div>
<!--- watermark dont remove pls --->
<div class="text-right"><a href="https://toyhou.se/Lullah"><i class="fas fa-code fa-sm fa-fw"></i></a></div>
</div>