<!------------------------------
[ TERMS OF SERVICE ]
> Please do not remove credit.
> You may edit and frankenstein with credits/permission from everyone involved.
> You may use my codes as reference but don't heavily reference or steal chunks of it.
> Do not steal, claim, redistribute or make profit from my codes. This also applies to edits.
> You are responsible for your own edits.
[ NOTES ]
> Always have WYSIWYG turned OFF and Code Editor turned ON when editing. Otherwise the code will break.
-------------------------------->
<div class="mx-auto text-muted my-5" style="max-width: 560px; font-size: 13px; letter-spacing: .6px;">
<!-- BOX ------------------------------------>
<div class="bg-faded px-3 pt-3 pb-0" style="border-radius: 20px">
<div class="row">
<!-- INFO ------------->
<div class="col-12 mb-2">
<div class="bg-dark text-white text-center p-1 px-2" style="border-radius: 20px">
<div style="font-size: 16px; letter-spacing: 1.4px;">Design for sale!</div>
</div>
<div class="row no-gutters p-1 my-1">
<div class="col-auto text-uppercase" style="letter-spacing: 1px;"><i class="fas fa-pencil fa-fw mr-1"/>Designer</div>
<div class="col px-1 pb-1"><div class="h-100" style="border-bottom: 1px dotted; color: rgba(0,0,0,0.2);"></div></div>
<div class="col-auto">@username</div>
</div>
<div class="row no-gutters p-1 my-1">
<div class="col-auto text-uppercase" style="letter-spacing: 1px;"><i class="fas fa-dna fa-fw mr-1"/>Species</div>
<div class="col px-1 pb-1"><div class="h-100" style="border-bottom: 1px dotted; color: rgba(0,0,0,0.2);"></div></div>
<div class="col-auto">info</div>
</div>
<div class="row no-gutters p-1 my-1">
<div class="col-auto text-uppercase" style="letter-spacing: 1px;"><i class="fas fa-repeat fa-fw mr-1"/>Obtained via</div>
<div class="col px-1 pb-1"><div class="h-100" style="border-bottom: 1px dotted; color: rgba(0,0,0,0.2);"></div></div>
<div class="col-auto">info</div>
</div>
<div class="row no-gutters p-1 my-1">
<div class="col-auto text-uppercase" style="letter-spacing: 1px;"><i class="fas fa-tag fa-fw mr-1"/>Value</div>
<div class="col px-1 pb-1"><div class="h-100" style="border-bottom: 1px dotted; color: rgba(0,0,0,0.2);"></div></div>
<div class="col-auto">$$$</div>
</div>
<!-- Add more above this line -->
</div>
<!-- ------------------>
<!-- LOOKING FOR ------>
<div class="col-md-6 mb-2">
<div class="bg-success text-white p-1 px-2" style="border-radius: 20px">
<div style="font-size: 16px; letter-spacing: 1.4px;"><i class="fas fa-check-circle fa-fw mr-1 my-auto"></i>Looking for</div>
</div>
<ul class="my-1">
<li class="my-2">Yes</li>
<li class="my-2">Gimme</li>
<li class="my-2">Noice</li>
<!-- Add more above this line -->
</ul>
</div>
<!-- ------------------>
<!-- DO NOT OFFER ----->
<div class="col-md-6 mb-2">
<div class="bg-danger text-white p-1 px-2" style="border-radius: 20px">
<div style="font-size: 16px; letter-spacing: 1.4px;"><i class="fas fa-times-circle fa-fw mr-1 my-auto"></i>Do not offer</div>
</div>
<ul class="my-1">
<li class="my-2">No</li>
<li class="my-2">This</li>
<li class="my-2">That</li>
<!-- Add more above this line -->
</ul>
</div>
<!-- ------------------>
<!-- RULES ------------>
<div class="col-12 mb-2">
<div class="bg-warning text-white p-1 px-2" style="border-radius: 20px">
<div style="font-size: 16px; letter-spacing: 1.4px;"><i class="fas fa-info-circle fa-fw mr-1 my-auto"></i>Rules</div>
</div>
<ul>
<li class="my-2">Please do not offer on characters outside the sales/trades folder</li>
<li class="my-2">I only accept money in (currency)</li>
<li class="my-2">State your terms here</li>
<!-- Add more above this line -->
</ul>
</div>
<!-- ------------------>
</div>
</div>
<!-- CREDIT | Please do not remove! --------------------------->
<div class="text-right mx-1" style="font-size: 10px;">
<a href="https://toyhou.se/13567102.-f2u-sale-card"><i class="far fa-code text-muted tooltipster" title="Code by Sealkitty"></i></a>
</div>
<!-- ---------------------------------------->
</div>