Spaces:
Running
Running
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Papers & Research | IA Hospital Hub</title> | |
| <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"> | |
| <link rel="icon" type="image/png" href="https://cdn-icons-png.flaticon.com/512/9373/9373979.png"> | |
| </head> | |
| <body class="bg-gradient-to-br from-gray-900 to-gray-800 text-white min-h-screen"> | |
| <nav class="bg-gray-800 bg-opacity-90 p-4 sticky top-0 z-50 shadow-lg"> | |
| <div class="max-w-6xl mx-auto flex justify-between items-center"> | |
| <a href="/" class="text-2xl font-bold text-blue-400 flex items-center gap-2 no-underline"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/9373/9373979.png" alt="IA Hospital Hub" class="w-8 h-8 md:w-10 md:h-10 object-contain"> | |
| <span class="whitespace-nowrap text-lg md:text-2xl">IA Hospital Hub</span> | |
| </a> | |
| </div> | |
| </nav> | |
| <main class="max-w-6xl mx-auto p-8"> | |
| <h1 class="text-4xl font-bold mb-8 flex items-center gap-4"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/2665/2665632.png" alt="Papers" class="w-10 h-10"> | |
| Papers & Research | |
| </h1> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <!-- AutoGlaucoma Research --> | |
| <div class="bg-gray-800 bg-opacity-50 p-6 rounded-xl"> | |
| <div class="flex items-center gap-4 mb-6"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/4497/4497889.png" alt="AutoGlaucoma" class="w-12 h-12"> | |
| <h2 class="text-2xl font-bold text-blue-400">AutoGlaucoma Research</h2> | |
| </div> | |
| <div class="space-y-6"> | |
| <div class="p-4 bg-gray-700 bg-opacity-50 rounded-lg"> | |
| <div class="flex items-center gap-3 mb-3"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/2665/2665632.png" alt="Technical" class="w-6 h-6"> | |
| <h3 class="font-bold">Technical Paper</h3> | |
| </div> | |
| <p class="text-gray-300 mb-4">Deep Learning for Early Glaucoma Detection: A Novel Approach</p> | |
| <div class="flex items-center gap-4"> | |
| <a href="#" class="text-blue-400 hover:text-blue-300 flex items-center gap-2"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/3997/3997593.png" alt="PDF" class="w-5 h-5"> | |
| </a> | |
| <span class="text-gray-500">|</span> | |
| <span class="text-gray-400">2024</span> | |
| </div> | |
| </div> | |
| <div class="p-4 bg-gray-700 bg-opacity-50 rounded-lg"> | |
| <div class="flex items-center gap-3 mb-3"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/3094/3094837.png" alt="Research" class="w-6 h-6"> | |
| <h3 class="font-bold">Research Results</h3> | |
| </div> | |
| <p class="text-gray-300 mb-4">Clinical Validation Study of AutoGlaucoma AI System</p> | |
| <div class="flex items-center gap-4"> | |
| <a href="#" class="text-blue-400 hover:text-blue-300 flex items-center gap-2"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/3997/3997593.png" alt="PDF" class="w-5 h-5"> | |
| </a> | |
| <span class="text-gray-500">|</span> | |
| <span class="text-gray-400">2024</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- AutoMedical Research --> | |
| <div class="bg-gray-800 bg-opacity-50 p-6 rounded-xl"> | |
| <div class="flex items-center gap-4 mb-6"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/9512/9512757.png" alt="AutoMedical" class="w-12 h-12"> | |
| <h2 class="text-2xl font-bold text-blue-400">AutoMedical Research</h2> | |
| </div> | |
| <div class="space-y-6"> | |
| <div class="p-4 bg-gray-700 bg-opacity-50 rounded-lg"> | |
| <div class="flex items-center gap-3 mb-3"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/2665/2665632.png" alt="White Paper" class="w-6 h-6"> | |
| <h3 class="font-bold">White Paper</h3> | |
| </div> | |
| <p class="text-gray-300 mb-4">Integrated AI Solutions for Modern Healthcare Systems</p> | |
| <div class="flex items-center gap-4"> | |
| <a href="#" class="text-blue-400 hover:text-blue-300 flex items-center gap-2"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/3997/3997593.png" alt="PDF" class="w-5 h-5"> | |
| </a> | |
| <span class="text-gray-500">|</span> | |
| <span class="text-gray-400">2024</span> | |
| </div> | |
| </div> | |
| <div class="p-4 bg-gray-700 bg-opacity-50 rounded-lg"> | |
| <div class="flex items-center gap-3 mb-3"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/3094/3094837.png" alt="Implementation" class="w-6 h-6"> | |
| <h3 class="font-bold">Implementation Study</h3> | |
| </div> | |
| <p class="text-gray-300 mb-4">Real-world Implementation of AI in Spanish Hospitals</p> | |
| <div class="flex items-center gap-4"> | |
| <a href="#" class="text-blue-400 hover:text-blue-300 flex items-center gap-2"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/3997/3997593.png" alt="PDF" class="w-5 h-5"> | |
| </a> | |
| <span class="text-gray-500">|</span> | |
| <span class="text-gray-400">2024</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Latest Publications --> | |
| <section class="mt-12"> | |
| <h2 class="text-3xl font-bold mb-6 text-purple-400 flex items-center gap-3"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/2665/2665632.png" alt="Latest" class="w-8 h-8"> | |
| Latest Publications | |
| </h2> | |
| <div class="bg-gray-800 bg-opacity-50 p-6 rounded-xl"> | |
| <div class="space-y-6"> | |
| <div class="p-4 bg-gray-700 bg-opacity-50 rounded-lg"> | |
| <div class="flex items-center justify-between"> | |
| <div class="flex items-center gap-3"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/3094/3094837.png" alt="Impact" class="w-6 h-6"> | |
| <h3 class="font-bold">Impact of AI in Spanish Healthcare</h3> | |
| </div> | |
| <span class="text-gray-400">2024</span> | |
| </div> | |
| <p class="text-gray-300 mt-2">A comprehensive study on the implementation and impact of AI solutions in Spanish hospitals.</p> | |
| <div class="flex items-center gap-4 mt-4"> | |
| <a href="#" class="text-blue-400 hover:text-blue-300 flex items-center gap-2"> | |
| <img src="https://cdn-icons-png.flaticon.com/512/2990/2990159.png" alt="Read More" class="w-5 h-5"> | |
| Read More | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <footer class="bg-gray-800/50 backdrop-blur-lg mt-12 py-12 border-t border-white/10"> | |
| <div class="max-w-6xl mx-auto px-8"> | |
| <div class="text-center text-gray-400"> | |
| <p>© 2024 IA Hospital Hub. Todos los derechos reservados.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> |