<template>
  <ul class="flex">
    <li class="flex-1">
      <a
        href="#"
        class="inline-flex h-10 w-10 bg-[#1C9CEB] text-white text-2xl flex-col items-center justify-center rounded-full"
      >
        <img src="@/assets/images/icon/tw.svg" alt="" />
      </a>
    </li>
    <li class="flex-1">
      <a
        href="#"
        class="inline-flex h-10 w-10 bg-[#395599] text-white text-2xl flex-col items-center justify-center rounded-full"
      >
        <img src="@/assets/images/icon/fb.svg" alt="" />
      </a>
    </li>
    <li class="flex-1">
      <a
        href="#"
        class="inline-flex h-10 w-10 bg-[#0A63BC] text-white text-2xl flex-col items-center justify-center rounded-full"
      >
        <img src="@/assets/images/icon/in.svg" alt="" />
      </a>
    </li>
    <li class="flex-1">
      <a
        href="#"
        class="inline-flex h-10 w-10 bg-[#EA4335] text-white text-2xl flex-col items-center justify-center rounded-full"
      >
        <img src="@/assets/images/icon/gp.svg" alt="" />
      </a>
    </li>
  </ul>
</template>
<script>
export default {};
</script>
<style lang=""></style>
