<div class="text-lime-500 px-10 pt-10 pb-16 relative flex justify-center items-center">
  <ul class="text-base">
    <li class="font-bold">Backend</li>
    <li><ul class="text-sm">
      <li class="flex"><div class="min-w-[5rem]">function:</div><a href="https://www.djangoproject.com/" target="_blank">django</a>&nbsp;<a href="https://www.python.org/" target="_blank">(python)</a></li>
      <li class="flex"><div class="min-w-[5rem]">database:</div><a href="https://www.postgresql.org/" target="_blank">PostgreSQL</a>;&nbsp;<a href="https://www.sqlite.org/index.html" target="_blank">SQLite</a></li>
      <li class="flex"><div class="min-w-[5rem]">service:</div><a href="https://gunicorn.org/" target="_blank">nginx</a>&nbsp;+&nbsp;<a href="https://uwsgi-docs.readthedocs.io/en/latest/"
        target="_blank">gunicorn</a></li>
      <li class="flex"><div class="min-w-[5rem]">os:</div><a href="https://ubuntu.com/" target="_blank">ubuntu</a>&nbsp;(linux)</li>
      </ul>
      </li>
    <li class="mt-10 font-bold">Frontend</li>
    <li><ul class="text-sm">
      <li class="flex"><div class="min-w-[5rem]">style:</div><a href="https://tailwindcss.com" target="_blank">tailwindcss</a></li>
      <li class="flex"><div class="min-w-[5rem]">function:</div><a href="https://vuejs.org/" target="_blank">Vue.js</a></li>
    </ul></li>
  </ul>

  <div class="absolute bottom-2 inset-x-0 text-center text-sm font-bold text-lime-500">./05_OPEN SOURCE STACK</div>
</div>