Spaces:
Running
Running
| <html lang="pt-BR"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>General Lab Solutions | Blog Científico</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Poppins', sans-serif; | |
| background-color: #f8fafc; | |
| } | |
| .gradient-text { | |
| background: linear-gradient(90deg, #0066cc, #003366); | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| color: transparent; | |
| } | |
| .post-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); | |
| } | |
| .category-chip:hover { | |
| background-color: #0066cc; | |
| color: white; | |
| } | |
| .hero { | |
| background: linear-gradient(135deg, #0066cc 0%, #003366 100%); | |
| } | |
| .search-input:focus { | |
| outline: none; | |
| box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3); | |
| } | |
| .lab-equipment-icon { | |
| background-color: #e6f2ff; | |
| color: #0066cc; | |
| border-radius: 50%; | |
| width: 60px; | |
| height: 60px; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| font-size: 24px; | |
| margin-bottom: 15px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!-- Header/Navbar --> | |
| <header class="bg-white shadow-sm sticky top-0 z-50"> | |
| <div class="container mx-auto px-4 py-3 flex justify-between items-center"> | |
| <div class="flex items-center space-x-2"> | |
| <img src="https://images.unsplash.com/photo-1635070041078-e363dbe005cb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=400&q=80" alt="General Lab Logo" class="h-10"> | |
| </div> | |
| <nav class="hidden md:flex space-x-8"> | |
| <a href="#" class="text-gray-700 hover:text-blue-800 font-medium">Início</a> | |
| <a href="#" class="text-gray-700 hover:text-blue-800 font-medium">Blog</a> | |
| <a href="#" class="text-gray-7f00 hover:text-blue-800 font-medium">Serviços</a> | |
| <a href="#" class="text-gray-700 hover:text-blue-800 font-medium">Soluções</a> | |
| <a href="#" class="text-gray-700 hover:text-blue-800 font-medium">Contato</a> | |
| </nav> | |
| <div class="flex items-center space-x-4"> | |
| <button class="md:hidden text-gray-700"> | |
| <i class="fas fa-bars text-xl"></i> | |
| </button> | |
| <div class="hidden md:flex items-center space-x-2 bg-gray-100 rounded-full px-4 py-2"> | |
| <i class="fas fa-search text-gray-500"></i> | |
| <input type="text" placeholder="Buscar..." class="bg-transparent border-none focus:outline-none search-input"> | |
| </div> | |
| <button class="hidden md:block bg-blue-800 text-white px-4 py-2 rounded-full hover:bg-blue-900 transition"> | |
| <i class="fas fa-phone-alt mr-2"></i> Contato | |
| </button> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Hero Section --> | |
| <section class="hero text-white py-16"> | |
| <div class="container mx-auto px-4"> | |
| <div class="max-w-3xl mx-auto text-center"> | |
| <h1 class="text-4xl md:text-5xl font-bold mb-6">Conhecimento Científico em Primeiro Lugar</h1> | |
| <p class="text-xl mb-8 opacity-90">Artigos e pesquisas sobre soluções laboratoriais, equipamentos e inovações na área científica.</p> | |
| <div class="flex flex-col sm:flex-row justify-center gap-4"> | |
| <button class="bg-white text-blue-800 px-6 py-3 rounded-full font-medium hover:bg-gray-100 transition"> | |
| <i class="fas fa-flask mr-2"></i> Nossos Serviços | |
| </button> | |
| <button class="border-2 border-white px-6 py-3 rounded-full font-medium hover:bg-white hover:bg-opacity-10 transition"> | |
| <i class="fas fa-book-open mr-2"></i> Ver Artigos | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Featured Posts --> | |
| <section class="py-12 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex justify-between items-center mb-8"> | |
| <h2 class="text-2xl font-bold text-gray-800">Artigos em Destaque</h2> | |
| <a href="#" class="text-blue-800 hover:text-blue-900 font-medium flex items-center"> | |
| Ver todos <i class="fas fa-arrow-right ml-2"></i> | |
| </a> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- Post 1 --> | |
| <div class="bg-white rounded-xl shadow-md overflow-hidden post-card transition duration-300"> | |
| <div class="h-48 bg-blue-100 relative"> | |
| <img src="https://images.unsplash.com/photo-1563986768609-322da13575f3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" | |
| alt="Equipamentos para laboratório" class="w-full h-full object-cover"> | |
| <div class="absolute top-4 left-4 bg-blue-800 text-white text-xs px-3 py-1 rounded-full"> | |
| Equipamentos | |
| </div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center text-sm text-gray-500 mb-2"> | |
| <span>15 de Maio, 2023</span> | |
| <span class="mx-2">•</span> | |
| <span>8 min de leitura</span> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-3">Equipamentos Essenciais para Laboratórios de Pesquisa</h3> | |
| <p class="text-gray-600 mb-4">Conheça os principais equipamentos necessários para montar um laboratório de pesquisa de alto desempenho.</p> | |
| <div class="flex items-center"> | |
| <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Author" class="w-8 h-8 rounded-full mr-3"> | |
| <span class="text-sm font-medium text-gray-700">Dra. Ana Silva</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Post 2 --> | |
| <div class="bg-white rounded-xl shadow-md overflow-hidden post-card transition duration-300"> | |
| <div class="h-48 bg-blue-100 relative"> | |
| <img src="https://images.unsplash.com/photo-1606761568499-6d2451b23c66?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1074&q=80" | |
| alt="Análise de água" class="w-full h-full object-cover"> | |
| <div class="absolute top-4 left-4 bg-green-600 text-white text-xs px-3 py-1 rounded-full"> | |
| Análises | |
| </div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center text-sm text-gray-500 mb-2"> | |
| <span>10 de Maio, 2023</span> | |
| <span class="mx-2">•</span> | |
| <span>6 min de leitura</span> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-3">Métodos Avançados para Análise de Água Potável</h3> | |
| <p class="text-gray-600 mb-4">Técnicas modernas e equipamentos especializados para garantir a qualidade da água para consumo humano.</p> | |
| <div class="flex items-center"> | |
| <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Author" class="w-8 h-8 rounded-full mr-3"> | |
| <span class="text-sm font-medium text-gray-700">Dr. Carlos Oliveira</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Post 3 --> | |
| <div class="bg-white rounded-xl shadow-md overflow-hidden post-card transition duration-300"> | |
| <div class="h-48 bg-blue-100 relative"> | |
| <img src="https://images.unsplash.com/photo-1565728744382-61accd4aa148?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1173&q=80" | |
| alt="Laboratório de microbiologia" class="w-full h-full object-cover"> | |
| <div class="absolute top-4 left-4 bg-purple-600 text-white text-xs px-3 py-1 rounded-full"> | |
| Microbiologia | |
| </div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex items-center text-sm text-gray-500 mb-2"> | |
| <span>5 de Maio, 2023</span> | |
| <span class="mx-2">•</span> | |
| <span>10 min de leitura</span> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-3">Tendências em Laboratórios de Microbiologia</h3> | |
| <p class="text-gray-600 mb-4">As inovações tecnológicas que estão revolucionando os laboratórios de análise microbiológica.</p> | |
| <div class="flex items-center"> | |
| <img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Author" class="w-8 h-8 rounded-full mr-3"> | |
| <span class="text-sm font-medium text-gray-700">Dra. Mariana Souza</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Services Section --> | |
| <section class="py-12 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-2xl font-bold text-gray-800 mb-8 text-center">Nossos Serviços</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <div class="bg-white p-8 rounded-xl shadow-sm text-center hover:shadow-md transition"> | |
| <div class="lab-equipment-icon mx-auto"> | |
| <i class="fas fa-microscope"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-3">Equipamentos Laboratoriais</h3> | |
| <p class="text-gray-600">Fornecimento de equipamentos de alta qualidade para laboratórios de pesquisa, análise e controle de qualidade.</p> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-sm text-center hover:shadow-md transition"> | |
| <div class="lab-equipment-icon mx-auto"> | |
| <i class="fas fa-vial"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-3">Análises Químicas</h3> | |
| <p class="text-gray-600">Serviços especializados em análises químicas para diversos segmentos industriais e de pesquisa.</p> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-sm text-center hover:shadow-md transition"> | |
| <div class="lab-equipment-icon mx-auto"> | |
| <i class="fas fa-dna"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-3">Consultoria Científica</h3> | |
| <p class="text-gray-600">Consultoria especializada para implantação e melhoria de laboratórios e processos analíticos.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Latest Posts --> | |
| <section class="py-12 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex justify-between items-center mb-8"> | |
| <h2 class="text-2xl font-bold text-gray-800">Últimos Artigos Científicos</h2> | |
| <a href="#" class="text-blue-800 hover:text-blue-900 font-medium flex items-center"> | |
| Ver todos <i class="fas fa-arrow-right ml-2"></i> | |
| </a> | |
| </div> | |
| <div class="grid grid-cols-1 lg:grid-cols-2 gap-8"> | |
| <!-- Post 1 --> | |
| <div class="flex flex-col sm:flex-row bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition"> | |
| <div class="sm:w-1/3 h-48 sm:h-auto"> | |
| <img src="https://images.unsplash.com/photo-1547592180-85f173990554?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" | |
| alt="Análise de alimentos" class="w-full h-full object-cover"> | |
| </div> | |
| <div class="sm:w-2/3 p-6"> | |
| <div class="flex items-center text-sm text-gray-500 mb-2"> | |
| <span>20 de Abril, 2023</span> | |
| <span class="mx-2">•</span> | |
| <span>5 min de leitura</span> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-3">Técnicas Modernas para Análise de Alimentos</h3> | |
| <p class="text-gray-600 mb-4">Métodos avançados para garantir a qualidade và segurança dos alimentos através de análises laboratoriais.</p> | |
| <div class="flex items-center"> | |
| <img src="https://randomuser.me/api/portraits/men/75.jpg" alt="Author" class="w-8 h-8 rounded-full mr-3"> | |
| <span class="text-sm font-medium text-gray-700">Dr. Ricardo Mendes</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Post 2 --> | |
| <div class="flex flex-col sm:flex-row bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition"> | |
| <div class="sm:w-1/3 h-48 sm:h-auto"> | |
| <img src="https://images.unsplash.com/photo-1581094271901-8022df4466f9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" | |
| alt="Controle de qualidade" class="w-full h-full object-cover"> | |
| </div> | |
| <div class="sm:w-2/3 p-6"> | |
| <div class="flex items-center text-sm text-gray-500 mb-2"> | |
| <span>18 de Abril, 2023</span> | |
| <span class="mx-2">•</span> | |
| <span>7 min de leitura</span> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-3">Importância do Controle de Qualidade em Laboratórios</h3> | |
| <p class="text-gray-600 mb-4">Como implementar sistemas eficazes de controle de qualidade para garantir resultados confiáveis.</p> | |
| <div class="flex items-center"> | |
| <img src="https://randomuser.me/api/portraits/women/33.jpg" alt="Author" class="w-8 h-8 rounded-full mr-3"> | |
| <span class="text-sm font-medium text-gray-700">Dra. Fernanda Lima</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Post 3 --> | |
| <div class="flex flexocol sm:flex-row bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition"> | |
| <div class="sm:w-1/3 h-48 sm:h-auto"> | |
| <img src="https://images.unsplash.com/photo-1563986768609-322da13575f3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" | |
| alt="Equipamentos para laboratório" class="w-full h-full object-cover"> | |
| </div> | |
| <div class="sm:w-2/3 p-6"> | |
| <div class="flex items-center text-sm text-gray-500 mb-2"> | |
| <span>15 de Abril, 2023</span> | |
| <span class="mx-2">•</span> | |
| <span>9 min de leitura</span> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-3">Como Escolher os Melhores Equipamentos para seu Laboratório</h3> | |
| <p class="text-gray-600 mb-4">Guia completo com critérios técnicos e práticos para seleção de equipamentos laboratoriais.</p> | |
| <div class="flex items-center"> | |
| <img src="https://randomuser.me/api/portraits/men/46.jpg" alt="Author" class="w-8 h-8 rounded-full mr-3"> | |
| <span class="text-sm font-medium text-gray-700">Dr. Pedro Alves</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Post 4 --> | |
| <div class="flex flex-col sm:flex-row bg-white rounded-xl shadow-sm overflow-hidden hover:shadow-md transition"> | |
| <div class="sm:w-1/3 h-48 sm:h-auto"> | |
| <img src="https://images.unsplash.com/photo-1581094794329-c8112a89af12?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80" | |
| alt="Laboratório de pesquisa" class="w-full h-full object-cover"> | |
| </div> | |
| <div class="sm:w-2/3 p-6"> | |
| <div class="flex items-center text-sm text-gray-500 mb-2"> | |
| <span>12 de Abril, 2023</span> | |
| <span class="mx-2">•</span> | |
| <span>6 min de leitura</span> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-3">Inovações em Laboratórios de Pesquisa Farmacêutica</h3> | |
| <p class="text-gray-600 mb-4">As últimas tendências tecnológicas aplicadas em laboratórios de desenvolvimento farmacêutico.</p> | |
| <div class="flex items-center"> | |
| <img src="https://randomuser.me/api/portraits/women/52.jpg" alt="Author" class="w-8 h-8 rounded-full mr-3"> | |
| <span class="text-sm font-medium text-gray-700">Dra. Juliana Costa</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Newsletter --> | |
| <section class="py-12 bg-blue-50"> | |
| <div class="container mx-auto px-4"> | |
| <div class="max-w-3xl mx-auto bg-white rounded-xl shadow-sm p-8 text-center"> | |
| <div class="lab-equipment-icon mx-auto"> | |
| <i class="fas fa-flask"></i> | |
| </div> | |
| <h2 class="text-2xl font-bold text-gray-800 mb-2">Assine nosso Boletim Científico</h2> | |
| <p class="text-gray-600 mb-6">Receba artigos, pesquisas e novidades sobre equipamentos e análises laboratoriais diretamente no seu email.</p> | |
| <form class="flex flex-col sm:flex-row gap-4 max-w-md mx-auto"> | |
| <input type="email" placeholder="Seu email" class="flex-grow px-4 py-3 border border-gray-300 rounded-lg focus:border-blue-500 focus:ring-1 focus:ring-blue-500"> | |
| <button type="submit" class="bg-blue-800 text-white px-6 py-3 rounded-lg font-medium hover:bg-blue-900 transition whitespace-nowrap"> | |
| Assinar | |
| </button> | |
| </form> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-white py-12"> | |
| <div class="container mx-auto px-4"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> | |
| <div> | |
| <div class="flex items-center space-x-2 mb-4"> | |
| <img src="https://images.unsplash.com/photo-1635070041078-e363dbe005cb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=400&q=80" alt="General Lab Logo" class="h-8"> | |
| </div> | |
| <p class="text-gray-400 mb-4">Soluções completas em equipamentos e análises laboratoriais com excelência técnica e compromisso com a qualidade.</p> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-white transition"> | |
| <i class="fab fa-facebook-f"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white transition"> | |
| <i class="fab fa-linkedin-in"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white transition"> | |
| <i class="fab fa-instagram"></i> | |
| </a> | |
| <a href="#" class="text-gray-4f00 hover:text-white transition"> | |
| <i class="fab fa-youtube"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4">Links Rápidos</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Início</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Blog Científico</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Serviços</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Soluções</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Contato</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4">Categorias</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Equipamentos</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Análises Químicas</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Microbiologia</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Controle de Qualidade</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Pesquisa</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4">Contato</h3> | |
| <ul class="space-y-2 text-gray-400"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-map-marker-alt mt-1 mr-3 text-blue-400"></i> | |
| <span>Av. das Nações Unidas, 12901 - São Paulo, SP</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-envelope mr-3 text-blue-400"></i> | |
| <span>[email protected]</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-phone-alt mr-3 text-blue-400"></i> | |
| <span>(11) 99999-9999</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400"> | |
| <p>© 2023 General Lab Solutions. Todos os direitos reservados.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Mobile menu toggle functionality | |
| document.addEventListener('DOMContentLoaded', function() { | |
| const mobileMenuButton = document.querySelector('.md\\:hidden'); | |
| const mobileMenu = document.querySelector('nav'); | |
| mobileMenuButton.addEventListener('click', function() { | |
| mobileMenu.classList.toggle('hidden'); | |
| mobileMenu.classList.toggle('flex'); | |
| mobileMenu.classList.toggle('flex-col'); | |
| mobileMenu.classList.toggle('absolute'); | |
| mobileMenu.classList.toggle('top-16'); | |
| mobileMenu.classList.toggle('left-0'); | |
| mobileMenu.classList.toggle('right-0'); | |
| mobileMenu.classList.toggle('bg-white'); | |
| mobileMenu.classList.toggle('p-4'); | |
| mobileMenu.classList.toggle('shadow-md'); | |
| mobileMenu.classList.toggle('space-y-4'); | |
| mobileMenu.classList.toggle('space-x-8'); | |
| }); | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| const targetId = this.getAttribute('href'); | |
| if (targetId === '#') return; | |
| const targetElement = document.querySelector(targetId); | |
| if (targetElement) { | |
| targetElement.scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| } | |
| }); | |
| }); | |
| }); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=gallabs/blog-gal-lab" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |