Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Medical Consulting Group</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> | |
| <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <style> | |
| .hero-gradient { | |
| background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #bae6fd 100%); | |
| } | |
| .service-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .testimonial-card { | |
| background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%); | |
| box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); | |
| } | |
| </style> | |
| </head> | |
| <body class="font-sans antialiased text-gray-800"> | |
| <!-- Navigation --> | |
| <nav class="bg-white shadow-sm sticky top-0 z-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between h-16"> | |
| <div class="flex items-center"> | |
| <div class="flex-shrink-0 flex items-center"> | |
| <img class="h-8 w-auto" src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67d2d6971125b83eabb260b2_MCG%20NAV%20LOGO%201.svg" alt="MCG Logo"> | |
| <img class="h-8 w-auto ml-1" src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67d2d6971d5616e15fd4bd58_MCG%20NAV%20LOGO%202.svg" alt="MCG Logo"> | |
| </div> | |
| </div> | |
| <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8"> | |
| <a href="#" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">Home</a> | |
| <a href="#" class="text-gray-500 hover:text-blue-600 px-3 py-2 text-sm font-medium">Why MCG?</a> | |
| <a href="#" class="text-gray-500 hover:text-blue-600 px-3 py-2 text-sm font-medium">About Us</a> | |
| <a href="#" class="text-gray-500 hover:text-blue-600 px-3 py-2 text-sm font-medium">Insights</a> | |
| <a href="#" class="flex items-center text-blue-600 px-3 py-2 text-sm font-medium"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67d1991bc8400112f2b7bed5_Coral%20icon%20dark.svg" class="h-4 w-4 mr-2" alt="Advisory"> | |
| Advisory Service | |
| </a> | |
| <a href="#" class="flex items-center text-yellow-600 px-3 py-2 text-sm font-medium"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67d1991bfa2b8da149e31785_Yellow%20Icon%20dark.svg" class="h-4 w-4 mr-2" alt="Expert Matching"> | |
| Expert Matching | |
| </a> | |
| <a href="#" class="flex items-center text-purple-600 px-3 py-2 text-sm font-medium"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67d1991b49ce628fbe0fcbc8_Violet%20Icon%20dark.svg" class="h-4 w-4 mr-2" alt="Funding"> | |
| Funding Support | |
| </a> | |
| </div> | |
| <div class="-mr-2 flex items-center md:hidden"> | |
| <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500"> | |
| <i data-feather="menu"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Hero Section --> | |
| <div class="hero-gradient"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 md:py-32"> | |
| <div class="grid md:grid-cols-2 gap-12 items-center"> | |
| <div data-aos="fade-right"> | |
| <h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-6">Connecting Healthcare Companies with Healthcare Professionals</h1> | |
| <p class="text-lg text-gray-600 mb-8">Through expert clinical support and our curated network of healthcare expertise, we partner with healthcare innovators to streamline their road to market.</p> | |
| <div class="flex flex-col sm:flex-row gap-4"> | |
| <a href="#" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-md font-medium transition duration-300">View services</a> | |
| <a href="#" class="border border-blue-600 text-blue-600 hover:bg-blue-50 px-6 py-3 rounded-md font-medium transition duration-300">Find the right support</a> | |
| </div> | |
| </div> | |
| <div data-aos="fade-left" class="relative"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67d036b532fd60b109e0a05b_Hero%20Weave%202.svg" class="absolute -top-10 -left-10 w-32 h-32 opacity-70"> | |
| <div class="grid grid-cols-2 gap-4"> | |
| <div class="space-y-4"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67cfeffaff85e927f4031aeb_man%20talking.webp" class="rounded-lg shadow-lg w-full h-auto"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67cfef6f814ec65c9f124e33_man%20with%20beard.webp" class="rounded-lg shadow-lg w-full h-auto"> | |
| </div> | |
| <div class="space-y-4 pt-8"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67cff10d9236f5e09fdeef09_doctor%20at%20table.webp" class="rounded-lg shadow-lg w-full h-auto"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67cff1cfa51c95bd455c7f80_expert%20on%20laptop.webp" class="rounded-lg shadow-lg w-full h-auto"> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Trusted By Section --> | |
| <div class="bg-gray-50 py-16"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <h3 class="text-center text-gray-500 text-sm font-semibold mb-8">TRUSTED BY</h3> | |
| <div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-7 gap-8 items-center"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/681a5cd721c8ac04a9fd0579_1.%20Proteotype%20Diagnostics%20copy.webp" class="h-12 w-auto mx-auto grayscale hover:grayscale-0 transition duration-300"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67c8014a609ff1167d2c791d_logo-2.png" class="h-12 w-auto mx-auto grayscale hover:grayscale-0 transition duration-300"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67c800b417479bf596902f31_CIS-Oncology.png" class="h-12 w-auto mx-auto grayscale hover:grayscale-0 transition duration-300"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/681a5cfd6ab11bd9bd7eaaab_4.%20ANIMA.png" class="h-12 w-auto mx-auto grayscale hover:grayscale-0 transition duration-300"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67c8018915f607f63d778f41_Megi-Health_logo-1024x403.png" class="h-12 w-auto mx-auto grayscale hover:grayscale-0 transition duration-300"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67c800e6a2903bfc91893482_Transparent%20Logo.png.avif" class="h-12 w-auto mx-auto grayscale hover:grayscale-0 transition duration-300"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/681a5d17584390cc403064ea_7.%20dxs.png" class="h-12 w-auto mx-auto grayscale hover:grayscale-0 transition duration-300"> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Latest Posts Section --> | |
| <div class="py-20 bg-white"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-4">Latest posts</h2> | |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto">The latest guidance, insights and information for businesses on navigating healthcare.</p> | |
| <a href="#" class="inline-block mt-6 text-blue-600 hover:text-blue-800 font-medium">View all posts →</a> | |
| </div> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- Post 1 --> | |
| <div class="rounded-lg overflow-hidden shadow-md hover:shadow-lg transition duration-300" data-aos="fade-up"> | |
| <img src="https://cdn.prod.website-files.com/67c8aaf83d5d440051f58cb5/68ae226df94cc3a3e293f24c_Copy%20of%20How%20to%20promote%20clinical%20adoption%20for%20health%20technologies.png" class="w-full h-48 object-cover"> | |
| <div class="p-6"> | |
| <div class="flex items-center text-sm text-gray-500 mb-2"> | |
| <span>Clinical Insights</span> | |
| <span class="mx-2">•</span> | |
| <span>8 min read</span> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-900 mb-3">⛓️💥 How To Break Into HealthTech as a Clinician</h3> | |
| <p class="text-gray-600 mb-4">A practical guide on how to navigate the HealthTech industry.</p> | |
| <a href="#" class="text-blue-600 hover:text-blue-800 font-medium flex items-center"> | |
| Read more | |
| <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <!-- Post 2 --> | |
| <div class="rounded-lg overflow-hidden shadow-md hover:shadow-lg transition duration-300" data-aos="fade-up" data-aos-delay="100"> | |
| <img src="https://cdn.prod.website-files.com/67c8aaf83d5d440051f58cb5/68ae210ff94cc3a3e2936903_How%20and%20when%20to%20sell%20to%20the%20NHS.png" class="w-full h-48 object-cover"> | |
| <div class="p-6"> | |
| <div class="flex items-center text-sm text-gray-500 mb-2"> | |
| <span>Clinical Insights</span> | |
| <span class="mx-2">•</span> | |
| <span>9 min read</span> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-900 mb-3">🗓️How and when to sell to the NHS</h3> | |
| <p class="text-gray-600 mb-4">A month-by-month guide to aligning your sales strategy with the NHS financial and planning cycle.</p> | |
| <a href="#" class="text-blue-600 hover:text-blue-800 font-medium flex items-center"> | |
| Read more | |
| <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <!-- Post 3 --> | |
| <div class="rounded-lg overflow-hidden shadow-md hover:shadow-lg transition duration-300" data-aos="fade-up" data-aos-delay="200"> | |
| <img src="https://cdn.prod.website-files.com/67c8aaf83d5d440051f58cb5/68ae20eb351ac4868a64b709_How%20to%20promote%20clinical%20adoption%20for%20health%20technologies.png" class="w-full h-48 object-cover"> | |
| <div class="p-6"> | |
| <div class="flex items-center text-sm text-gray-500 mb-2"> | |
| <span>Clinical Insights</span> | |
| <span class="mx-2">•</span> | |
| <span>12 min read</span> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-900 mb-3">⚙️How to promote clinical adoption for health technologies</h3> | |
| <p class="text-gray-600 mb-4">A practical framework to support clinical adoption of HealthTech products through effective change management.</p> | |
| <a href="#" class="text-blue-600 hover:text-blue-800 font-medium flex items-center"> | |
| Read more | |
| <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Services Section --> | |
| <div class="py-20 bg-gray-50"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-4">Our Services</h2> | |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto">How we help you make an impact</p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <!-- Service 1 --> | |
| <div class="bg-white rounded-xl p-8 service-card transition duration-300" data-aos="fade-up"> | |
| <div class="mb-6"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67d02994ccbbedd03b101353_Advisory%20services.webp" class="w-full h-48 object-cover rounded-lg"> | |
| </div> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67d02c64c7d76a0907a09efe_Coral%20icon.svg" class="h-8 w-8 mr-3"> | |
| <h3 class="text-xl font-bold text-gray-900">Commercial and Clinical Advisory Services</h3> | |
| </div> | |
| <p class="text-gray-600 mb-6">Our core team (including experienced Clinical Leads, Chief Medical Officers and advisors) advises across a range of clinical areas</p> | |
| <a href="#" class="text-blue-600 hover:text-blue-800 font-medium flex items-center"> | |
| Learn more | |
| <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i> | |
| </a> | |
| </div> | |
| <!-- Service 2 --> | |
| <div class="bg-white rounded-xl p-8 service-card transition duration-300" data-aos="fade-up" data-aos-delay="100"> | |
| <div class="mb-6"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67d02a87fdc24b1ec544eeb8_Expert%20matching.webp" class="w-full h-48 object-cover rounded-lg"> | |
| </div> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67d02c64f3d29155fe61b924_Yellow%20Icon.svg" class="h-8 w-8 mr-3"> | |
| <h3 class="text-xl font-bold text-gray-900">Clinical Expert Matching</h3> | |
| </div> | |
| <p class="text-gray-600 mb-6">Support finding the right clinical and commercial experts for short or long-term advisory services</p> | |
| <a href="#" class="text-blue-600 hover:text-blue-800 font-medium flex items-center"> | |
| Learn more | |
| <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i> | |
| </a> | |
| </div> | |
| <!-- Service 3 --> | |
| <div class="bg-white rounded-xl p-8 service-card transition duration-300" data-aos="fade-up" data-aos-delay="200"> | |
| <div class="mb-6"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67d0322c9614013a057ff3ed_Fund%20support%202.webp" class="w-full h-48 object-cover rounded-lg"> | |
| </div> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67d02f8bb0c2983782fa161b_Violet%20Icon.svg" class="h-8 w-8 mr-3"> | |
| <h3 class="text-xl font-bold text-gray-900">Funding & Grant Support</h3> | |
| </div> | |
| <p class="text-gray-600 mb-6">Guidance and support with grant applications, including input from our expert clinical network</p> | |
| <a href="#" class="text-blue-600 hover:text-blue-800 font-medium flex items-center"> | |
| Learn more | |
| <i data-feather="arrow-right" class="w-4 h-4 ml-1"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Testimonials Section --> | |
| <div class="py-20 bg-white"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl font-bold text-gray-900 mb-4">What our clients say</h2> | |
| </div> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- Testimonial 1 --> | |
| <div class="testimonial-card rounded-xl p-8" data-aos="fade-up"> | |
| <div class="flex items-start mb-6"> | |
| <i data-feather="quote" class="text-blue-500 w-8 h-8 mr-3"></i> | |
| <p class="text-gray-700 italic">"Medical Consulting Group provided us a well evidenced report that was extremely useful in developing our strategy around novel and disruptive technologies."</p> | |
| </div> | |
| <div class="flex items-center"> | |
| <div> | |
| <h4 class="font-bold text-gray-900">Nick Armitage</h4> | |
| <p class="text-gray-600 text-sm">Governance Pharmacist, CIS Oncology</p> | |
| </div> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67c800b417479bf596902f31_CIS-Oncology.png" class="h-10 w-auto ml-auto"> | |
| </div> | |
| </div> | |
| <!-- Testimonial 2 --> | |
| <div class="testimonial-card rounded-xl p-8" data-aos="fade-up" data-aos-delay="100"> | |
| <div class="flex items-start mb-6"> | |
| <i data-feather="quote" class="text-blue-500 w-8 h-8 mr-3"></i> | |
| <p class="text-gray-700 italic">"Coming from a non-health sector background, I found it challenging to connect with the right expertise—until I discovered MCG. They quickly assessed my needs and, within just two weeks, arranged meetings with top-tier subject matter experts."</p> | |
| </div> | |
| <div class="flex items-center"> | |
| <div> | |
| <h4 class="font-bold text-gray-900">Claire Brannigan</h4> | |
| <p class="text-gray-600 text-sm">Founder, Skin Akin</p> | |
| </div> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67c800e6a2903bfc91893482_Transparent%20Logo.png.avif" class="h-10 w-auto ml-auto"> | |
| </div> | |
| </div> | |
| <!-- Testimonial 3 --> | |
| <div class="testimonial-card rounded-xl p-8" data-aos="fade-up" data-aos-delay="200"> | |
| <div class="flex items-start mb-6"> | |
| <i data-feather="quote" class="text-blue-500 w-8 h-8 mr-3"></i> | |
| <p class="text-gray-700 italic">"I cannot recommend Medical Consulting Group highly enough. They've ensured that our products are not only innovative but also safe and effective for real-world application."</p> | |
| </div> | |
| <div class="flex items-center"> | |
| <div> | |
| <h4 class="font-bold text-gray-900">Tatiana Nianiaris</h4> | |
| <p class="text-gray-600 text-sm">Head of Product, Entia</p> | |
| </div> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67c8014a609ff1167d2c791d_logo-2.png" class="h-10 w-auto ml-auto"> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Newsletter Section --> | |
| <div class="py-20 bg-blue-600 text-white"> | |
| <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> | |
| <div class="flex justify-center mb-6"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67d0475da1bdfbab96835831_Icon%20white%20fade.svg" class="h-16 w-16"> | |
| </div> | |
| <h2 class="text-3xl font-bold mb-6">Stay up to date with Medical Consulting Group</h2> | |
| <p class="text-blue-100 mb-8">Every month, we share insights into navigating healthcare and advice on choosing the right expertise for your company.</p> | |
| <form class="max-w-md mx-auto"> | |
| <div class="flex"> | |
| <input type="email" placeholder="Your email address" class="flex-grow px-4 py-3 rounded-l-md focus:outline-none text-gray-900"> | |
| <button type="submit" class="bg-blue-800 hover:bg-blue-900 px-6 py-3 rounded-r-md font-medium transition duration-300">Subscribe</button> | |
| </div> | |
| <p class="text-blue-100 text-xs mt-3">We care about your data in our <a href="#" class="underline">privacy policy</a>.</p> | |
| </form> | |
| </div> | |
| </div> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-white py-12"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="grid md:grid-cols-4 gap-8"> | |
| <div class="md:col-span-2"> | |
| <div class="flex items-center mb-6"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67cef83630b1f7edb24a776c_MCG%20Logo%20Light.svg" class="h-8 w-auto mr-4"> | |
| <img src="https://cdn.prod.website-files.com/67c7f1b1be0e1d464b8a8829/67c7f241ad8348c0d620acab_untitled-ui-logo.png" class="h-8 w-auto"> | |
| </div> | |
| <p class="text-gray-400 mb-6">Connecting Healthcare Companies with Healthcare Professionals</p> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-white"> | |
| <i data-feather="linkedin"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4">Company</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Why MCG?</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">About Us</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Insight Hub</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Expert Matching</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Advisory</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Clinicians</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Connect</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-semibold mb-4">Legal</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Term of Use</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center"> | |
| <p class="text-gray-400 text-sm">© 2025 Medical Consulting Group. All rights reserved.</p> | |
| <div class="flex items-center mt-4 md:mt-0"> | |
| <button class="text-gray-400 hover:text-white text-sm mr-4">About cookies on this site</button> | |
| <div class="flex space-x-2"> | |
| <button class="bg-gray-800 text-white px-3 py-1 rounded text-sm">Allow all cookies</button> | |
| <button class="bg-gray-800 text-white px-3 py-1 rounded text-sm">Deny all</button> | |
| <button class="bg-gray-800 text-white px-3 py-1 rounded text-sm">Cookie settings</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| AOS.init({ | |
| duration: 800, | |
| easing: 'ease-in-out', | |
| once: true | |
| }); | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> | |