My fast test

[Rakibhossenrazz]

<script src="https://cdn.tailwindcss.com"></script>

rakib hossen razz

Rongpur,Bangladash

    <div class="rounded-lg bg-white p-4 shadow-xl">
      <h2 class="text-[12px] font-bold uppercase">Skills</h2>

      <div class="mt-4 space-y-2">
        <div class="flex items-center gap-4">
          <div>
            <i class="ri-reactjs-fill text-[30px] text-[#00D8FF]"></i>
          </div>
          <div class="w-full text-[12px] font-semibold">
            React.js
            <div class="relative mt-1 h-[5px] w-full rounded-lg bg-gray-300">
              <div class="absolute h-[5px] w-[70%] rounded-lg bg-green-500"></div>
            </div>
          </div>
        </div>

        <div class="flex items-center gap-4">
          <div>
            <i class="ri-tailwind-css-fill text-[30px] text-[#38BDF8]"></i>
          </div>
          <div class="w-full text-[12px] font-semibold">
            TailwindCSS
            <div class="relative mt-1 h-[5px] w-full rounded-lg bg-gray-300">
              <div class="absolute h-[5px] w-[90%] rounded-lg bg-green-500"></div>
            </div>
          </div>
        </div>

        <div class="flex items-center gap-4">
          <div>
            <i class="ri-javascript-fill text-[30px] text-[#F7DF1E]"></i>
          </div>
          <div class="w-full text-[12px] font-semibold">
            JavaScript
            <div class="relative mt-1 h-[5px] w-full rounded-lg bg-gray-300">
              <div class="absolute h-[5px] w-[80%] rounded-lg bg-green-500"></div>
            </div>
          </div>
        </div>
      </div>

      <div class="my-4 h-[1px] bg-gray-200"></div>

      <div class="flex gap-4">
        <div class="w-fit rounded-xl bg-gray-300 px-3 py-1 text-[12px] text-gray-600">Web Development</div>
        <div class="w-fit rounded-xl bg-gray-300 px-3 py-1 text-[12px] text-gray-600">Web Design</div>
      </div>
      <div class="flex gap-4 mt-4">
        <div class="w-fit rounded-xl bg-gray-300 px-3 py-1 text-[12px] text-gray-600">UI/UX</div>
        <div class="w-fit rounded-xl bg-gray-300 px-3 py-1 text-[12px] text-gray-600">Frontend Development</div>
        <div class="w-fit rounded-xl bg-gray-300 px-3 py-1 text-[12px] text-gray-600">+2</div>
      </div>
    </div>
  </div>
</div>

<script src="https://thebravecoders.github.io/youtube-popup/brave-full.js"></script>

[olegoaer]

SPAM. @DocRoms tu es admin, donc tu as les droits pour supprimer cette issue. Moi je ne peux pas le faire. Merci d'avance.