Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Anupalan Karta (अनुपालंकर्ता) | Unified Compliance Self-Check Tool | ANK Tech Solutions</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <!-- Hugging Face Transformers.js for browser inference --> | |
| <script type="module" src="https://cdn.jsdelivr.net/npm/@huggingface/transformers@3"></script> | |
| <!-- jsPDF for PDF generation --> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></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; | |
| scroll-behavior: smooth; | |
| } | |
| .hero-gradient { | |
| background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #3b82f6 100%); | |
| } | |
| .compliance-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); | |
| } | |
| .feature-icon { | |
| transition: all 0.3s ease; | |
| } | |
| .feature-card:hover .feature-icon { | |
| transform: scale(1.1); | |
| color: #2563eb; | |
| } | |
| .tooltip { | |
| position: relative; | |
| display: inline-block; | |
| } | |
| .tooltip .tooltiptext { | |
| visibility: hidden; | |
| width: 200px; | |
| background-color: #1e40af; | |
| color: #fff; | |
| text-align: center; | |
| border-radius: 6px; | |
| padding: 8px; | |
| position: absolute; | |
| z-index: 1; | |
| bottom: 125%; | |
| left: 50%; | |
| margin-left: -100px; | |
| opacity: 0; | |
| transition: opacity 0.3s; | |
| } | |
| .tooltip .tooltiptext::after { | |
| content: ""; | |
| position: absolute; | |
| top: 100%; | |
| left: 50%; | |
| margin-left: -5px; | |
| border-width: 5px; | |
| border-style: solid; | |
| border-color: #1e40af transparent transparent transparent; | |
| } | |
| .tooltip:hover .tooltiptext { | |
| visibility: visible; | |
| opacity: 1; | |
| } | |
| .animate-float { | |
| animation: float 3s ease-in-out infinite; | |
| } | |
| @keyframes float { | |
| 0% { transform: translateY(0px); } | |
| 50% { transform: translateY(-10px); } | |
| 100% { transform: translateY(0px); } | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <!-- Hero Section --> | |
| <section class="hero-gradient text-white py-20"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="text-center"> | |
| <h1 class="text-5xl font-bold mb-6">Anupalan Karta (अनुपालंकर्ता)</h1> | |
| <h2 class="text-3xl font-semibold mb-8">Your Unified Compliance Self-Check Solution</h2> | |
| <p class="text-xl max-w-3xl mx-auto mb-10"> | |
| Streamline your compliance verification for GDPR, EU AI Act, ISO 27001 and more with our automated assessment tool. | |
| </p> | |
| <div class="flex justify-center space-x-4"> | |
| <a href="mailto:colab@anktechsol.com" class="bg-white text-blue-600 hover:bg-gray-100 px-8 py-3 rounded-md text-lg font-semibold transition duration-300"> | |
| Get Started | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Features Section --> | |
| <section id="features" 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">Key Features</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto"> | |
| Anupalan Karta simplifies compliance management with powerful features | |
| </p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="feature-card bg-gray-50 p-8 rounded-lg transition duration-300"> | |
| <div class="feature-icon text-blue-600 mb-6 text-4xl"> | |
| <i class="fas fa-shield-alt"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold text-gray-900 mb-3">Automated Compliance Checks</h3> | |
| <p class="text-gray-600"> | |
| Quickly assess your policies against major regulations with our automated verification system. | |
| </p> | |
| </div> | |
| <div class="feature-card bg-gray-50 p-8 rounded-lg transition duration-300"> | |
| <div class="feature-icon text-blue-600 mb-6 text-4xl"> | |
| <i class="fas fa-file-alt"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold text-gray-900 mb-3">Gap Analysis Reports</h3> | |
| <p class="text-gray-600"> | |
| Get detailed reports highlighting compliance gaps and recommended actions. | |
| </p> | |
| </div> | |
| <div class="feature-card bg-gray-50 p-8 rounded-lg transition duration-300"> | |
| <div class="feature-icon text-blue-600 mb-6 text-4xl"> | |
| <i class="fas fa-sync-alt"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold text-gray-900 mb-3">Continuous Monitoring</h3> | |
| <p class="text-gray-600"> | |
| Stay updated with real-time monitoring of regulation changes and their impact. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Compliance Standards Section --> | |
| <section id="compliance" 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">Supported Compliance Standards</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto"> | |
| Comprehensive coverage of major global and regional regulations | |
| </p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="compliance-card bg-white p-8 rounded-lg shadow-md transition duration-300"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-blue-100 p-3 rounded-full mr-4"> | |
| <i class="fas fa-user-shield text-blue-600 text-xl"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold text-gray-900">GDPR</h3> | |
| </div> | |
| <p class="text-gray-600"> | |
| General Data Protection Regulation (EU) covering data privacy and protection requirements. | |
| </p> | |
| <ul class="mt-4 space-y-2 text-gray-600"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>Data Subject Rights</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>Data Protection Impact Assessments</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>Breach Notification Requirements</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="compliance-card bg-white p-8 rounded-lg shadow-md transition duration-300"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-blue-100 p-3 rounded-full mr-4"> | |
| <i class="fas fa-robot text-blue-600 text-xl"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold text-gray-900">EU AI Act</h3> | |
| </div> | |
| <p class="text-gray-600"> | |
| European Union's Artificial Intelligence regulation framework for trustworthy AI. | |
| </p> | |
| <ul class="mt-4 space-y-2 text-gray-600"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>Risk Classification System</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>Transparency Requirements</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>Human Oversight Mandates</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="compliance-card bg-white p-8 rounded-lg shadow-md transition duration-300"> | |
| <div class="flex items-center mb-4"> | |
| <div class="bg-blue-100 p-3 rounded-full mr-4"> | |
| <i class="fas fa-lock text-blue-600 text-xl"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold text-gray-900">ISO 27001</h3> | |
| </div> | |
| <p class="text-gray-600"> | |
| International standard for information security management systems. | |
| </p> | |
| <ul class="mt-4 space-y-2 text-gray-600"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>Information Security Policies</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>Risk Assessment Processes</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check text-green-500 mt-1 mr-2"></i> | |
| <span>Continuous Improvement Framework</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Compliance Report Section --> | |
| <section id="report" 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">Compliance Check Report</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto"> | |
| Get instant, comprehensive compliance reports with actionable insights | |
| </p> | |
| </div> | |
| <div class="bg-gray-50 rounded-lg p-8 shadow-md"> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <div> | |
| <h3 class="text-xl font-semibold text-gray-900 mb-4">Report Features</h3> | |
| <ul class="space-y-4"> | |
| <li class="flex items-start"> | |
| <div class="bg-blue-100 p-2 rounded-full mr-4"> | |
| <i class="fas fa-check-circle text-blue-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-900">Automated Scoring</h4> | |
| <p class="text-gray-600 mt-1">Compliance health score across all standards</p> | |
| </div> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="bg-blue-100 p-2 rounded-full mr-4"> | |
| <i class="fas fa-check-circle text-blue-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-900">Gap Analysis</h4> | |
| <p class="text-gray-600 mt-1">Detailed breakdown of compliance gaps</p> | |
| </div> | |
| </li> | |
| <li class="flex items-start"> | |
| <div class="bg-blue-100 p-2 rounded-full mr-4"> | |
| <i class="fas fa-check-circle text-blue-600"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-medium text-gray-900">Remediation Plan</h4> | |
| <p class="text-gray-600 mt-1">Step-by-step action items to achieve compliance</p> | |
| </div> | |
| </li> | |
| </ul> | |
| </div> | |
| <div> | |
| <div class="border-2 border-dashed border-gray-300 rounded-lg p-6 text-center"> | |
| <i class="fas fa-file-pdf text-5xl text-blue-600 mb-4"></i> | |
| <h4 class="text-lg font-medium text-gray-900 mb-2">Sample Report Preview</h4> | |
| <p class="text-gray-600 mb-4">See what your compliance report will look like</p> | |
| <button onclick="generateSampleReport()" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-md font-medium transition duration-300"> | |
| Generate Sample Report | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Benefits Section --> | |
| <section id="benefits" 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">Business Benefits</h2> | |
| <p class="text-xl text-gray-600 max-w-3xl mx-auto"> | |
| How Anupalan Karta helps your organization achieve compliance excellence | |
| </p> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-12"> | |
| <div class="flex"> | |
| <div class="mr-6"> | |
| <div class="bg-blue-100 p-3 rounded-full"> | |
| <i class="fas fa-clock text-blue-600 text-xl"></i> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-semibold text-gray-900 mb-3">Time Savings</h3> | |
| <p class="text-gray-600"> | |
| Reduce manual compliance review time by up to 80% with automated assessments and reporting. | |
| </p> | |
| </div> | |
| </div> | |
| <div class="flex"> | |
| <div class="mr-6"> | |
| <div class="bg-blue-100 p-3 rounded-full"> | |
| <i class="fas fa-money-bill-wave text-blue-600 text-xl"></i> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-semibold text-gray-900 mb-3">Cost Reduction</h3> | |
| <p class="text-gray-600"> | |
| Minimize expensive consultant fees and internal resource allocation for compliance activities. | |
| </p> | |
| </div> | |
| </div> | |
| <div class="flex"> | |
| <div class="mr-6"> | |
| <div class="bg-blue-100 p-3 rounded-full"> | |
| <i class="fas fa-chart-line text-blue-600 text-xl"></i> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-semibold text-gray-900 mb-3">Risk Mitigation</h3> | |
| <p class="text-gray-600"> | |
| Proactively identify and address compliance gaps before they become regulatory issues. | |
| </p> | |
| </div> | |
| </div> | |
| <div class="flex"> | |
| <div class="mr-6"> | |
| <div class="bg-blue-100 p-3 rounded-full"> | |
| <i class="fas fa-trophy text-blue-600 text-xl"></i> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-semibold text-gray-900 mb-3">Competitive Advantage</h3> | |
| <p class="text-gray-600"> | |
| Demonstrate compliance maturity to customers and partners as a business differentiator. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA Section --> | |
| <section class="py-20 bg-blue-600 text-white"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> | |
| <h2 class="text-3xl font-bold mb-6">Ready to Simplify Your Compliance?</h2> | |
| <p class="text-xl mb-8 max-w-3xl mx-auto"> | |
| Contact us today to learn how Anupalan Karta can help your organization achieve and maintain compliance effortlessly. | |
| </p> | |
| <a href="mailto:colab@anktechsol.com" class="bg-white text-blue-600 hover:bg-gray-100 px-8 py-3 rounded-md text-lg font-semibold transition duration-300 inline-block"> | |
| Get Started Now | |
| </a> | |
| </div> | |
| </section> | |
| <!-- Navigation --> | |
| <nav class="bg-white shadow-md fixed w-full z-10"> | |
| <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://anktechsol.com/wp-content/uploads/2023/04/cropped-ANK-Tech-Solutions-Logo-32x32.png" alt="ANK Tech Solutions"> | |
| <span class="ml-2 text-xl font-bold text-gray-900">Anupalan Karta</span> | |
| </div> | |
| </div> | |
| <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8"> | |
| <a href="#features" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">Features</a> | |
| <a href="#compliance" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">Supported Standards</a> | |
| <a href="#benefits" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">Benefits</a> | |
| <a href="#report" class="text-gray-900 hover:text-blue-600 px-3 py-2 text-sm font-medium">Reports</a> | |
| <a href="mailto:colab@anktechsol.com" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium">Request Demo</a> | |
| </div> | |
| <div class="-mr-2 flex items-center md:hidden"> | |
| <button type="button" id="mobile-menu-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"> | |
| <span class="sr-only">Open main menu</span> | |
| <i class="fas fa-bars"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Mobile menu --> | |
| <div class="hidden md:hidden" id="mobile-menu"> | |
| <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3 bg-white shadow-lg"> | |
| <a href="#features" class="text-gray-900 hover:text-blue-600 block px-3 py-2 rounded-md text-base font-medium">Features</a> | |
| <a href="#compliance" class="text-gray-900 hover:text-blue-600 block px-3 py-2 rounded-md text-base font-medium">Supported Standards</a> | |
| <a href="#benefits" class="text-gray-900 hover:text-blue-600 block px-3 py-2 rounded-md text-base font-medium">Benefits</a> | |
| <a href="#report" class="text-gray-900 hover:text-blue-600 block px-3 py-2 rounded-md text-base font-medium">Reports</a> | |
| <a href="mailto:colab@anktechsol.com" class="bg-blue-600 hover:bg-blue-700 text-white block px-3 py-2 rounded-md text-base font-medium mt-2">Request Demo</a> | |
| <script> | |
| function generateSampleReport() { | |
| alert("Sample report generation initiated! A PDF report will be downloaded shortly."); | |
| // In a real implementation, this would generate and download a PDF report | |
| // For now, we'll just show an alert to demonstrate the click action | |
| } | |
| </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=anktechsol/anupalan-karta" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |