Darcio Massala

<body class="bg-gray-100 font-sans leading-normal tracking-normal h-screen flex items-center justify-center">
  <div class="group relative bg-white shadow-lg rounded-lg p-8 max-w-sm w-full transition-transform transform hover:scale-105">
    <div class="flex items-center space-x-4">
      <i class="iconoir-user text-4xl text-gray-700"></i>
        <h2 class="text-xl font-bold text-gray-900">John Doe</h2>
        <p class="text-gray-600">Software Engineer</p>
    <p class="mt-4 text-gray-700">John is a highly skilled software engineer with over 10 years of experience in web development.</p>
    <div class="absolute inset-0 bg-blue-500 opacity-0 group-hover:opacity-90 transition-opacity duration-300 flex items-center justify-center rounded-lg">
      <div class="text-center text-white">
        <h2 class="text-2xl font-bold">Contact John</h2>
        <p class="mt-2">Email: john.doe@example.com</p>
        <p>Phone: (123) 456-7890</p>