Golden Leaf - F2U

<div class="text-center mt-5 -mb-5">
<h2 class="text-white">TITLE HERE</h2>
</div>

<div class="mx-4">

<div class="my-10 m-auto py-4 px-3 max-w-xl bg-white rounded-lg shadow-lg">
  <div class="grid grid-cols-8 gap-4">

    <div class="col-span-5 px-2 uppercase font-mono tracking-widest justify-between items-center">
      <h4 class="mb-2 pl-1 font-semibold w-full border-b-2 border-yellow-500">Text <span class="text-yellow-500">&#34;Text&#34;</span> Text</h4>

      <small>
        <p class="pl-1 mb-4 normal-case font-sans text-justify tracking-normal text-gray-600">
          Write some text here. This box will grow seamlessly no matter how much you type.
        </p>

      <span class="text-yellow-500 uppercase font-semibold ml-1">Commissions</span>
      <span class="float-right mr-1">Closed</span><br>

      <span class="text-yellow-500 uppercase font-semibold ml-1">Art Trades</span>
      <span class="float-right mr-1">Closed</span><br>

      <span class="text-yellow-500 uppercase font-semibold ml-1">Requests</span>
      <span class="float-right mr-1">Closed</span>
      </small>
    </div>

    <div class="col-span-3">
      <img src="https://pbs.twimg.com/media/E50DYGrWQAI01SK?format=jpg&name=medium" class="rounded-full mx-auto drop-shadow-lg border-2 border-yellow-500"/>
    </div>

    <div class="col-span-8 border-t border-yellow-500 pt-2 text-center uppercase font-semibold">
      <small>
      <a href="url" class="text-yellow-500 hover:text-yellow-600 mx-3" rel="nofollow"><i class="fab fa-deviantart mr-2"></i>DeviantArt</a>|

      <a href="url" class="text-yellow-500 hover:text-yellow-600 mx-3" rel="nofollow"><i class="fas fa-user-edit mr-2"></i>Toyhouse</a>
      </small>
    </div>

  </div>
</div>

</div>

<div class="text-center mb-5 -mt-5">
    <a class="text-white hover:text-yellow-200" href="https://buzzly.art/~Noura" rel="nofollow">
        <i class="fas fa-code"></i>
    </a>
</div>