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> <div> <h2 class="text-xl font-bold text-gray-900">John Doe</h2> <p class="text-gray-600">Software Engineer</p> </div> </div> <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> </div> </div> </div> </body>