| | <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>AegisSec | Enterprise Cybersecurity Governance</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"> |
| | <script> |
| | tailwind.config = { |
| | theme: { |
| | extend: { |
| | colors: { |
| | primary: '#020617', |
| | secondary: '#0f172a', |
| | tertiary: '#1e293b', |
| | accent: '#1d4ed8', |
| | highlight: '#3b82f6' |
| | }, |
| | animation: { |
| | 'pulse-slow': 'pulse 5s cubic-bezier(0.4, 0, 0.6, 1) infinite', |
| | 'text-gradient': 'text-gradient 6s ease infinite' |
| | }, |
| | keyframes: { |
| | 'text-gradient': { |
| | '0%, 100%': { 'background-position': '0% 50%' }, |
| | '50%': { 'background-position': '100% 50%' } |
| | } |
| | } |
| | } |
| | } |
| | } |
| | </script> |
| | <style> |
| | .cyber-bg { |
| | background: radial-gradient(ellipse at bottom, #020617 0%, #000000 100%); |
| | } |
| | .nav-glow:hover { |
| | text-shadow: 0 0 8px rgba(59, 130, 246, 0.6); |
| | } |
| | .ai-card { |
| | border-image: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%) 1; |
| | border-width: 1px; |
| | border-style: solid; |
| | transition: all 0.4s ease; |
| | } |
| | .ai-card:hover { |
| | transform: translateY(-5px); |
| | box-shadow: 0 10px 25px -5px rgba(29, 78, 216, 0.3); |
| | } |
| | .dashboard-bg { |
| | background-image: |
| | linear-gradient(rgba(2, 6, 23, 0.9), rgba(2, 6, 23, 0.9)), |
| | url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%231d4ed8' fill-opacity='0.1'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); |
| | } |
| | .gradient-text { |
| | background-image: linear-gradient(90deg, #3b82f6, #1d4ed8); |
| | background-clip: text; |
| | -webkit-background-clip: text; |
| | color: transparent; |
| | background-size: 200% 200%; |
| | animation: text-gradient 6s ease infinite; |
| | } |
| | .code-block { |
| | font-family: 'Courier New', monospace; |
| | background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); |
| | border-left: 3px solid #3b82f6; |
| | } |
| | </style> |
| | </head> |
| | <body class="font-sans antialiased text-gray-200 cyber-bg"> |
| | |
| | <nav class="fixed w-full z-50 bg-primary/90 backdrop-blur-md border-b border-secondary"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="flex items-center justify-between h-20"> |
| | <div class="flex items-center"> |
| | <div class="flex-shrink-0"> |
| | <span class="text-2xl font-bold gradient-text">AegisSec</span> |
| | </div> |
| | </div> |
| | <div class="hidden md:block"> |
| | <div class="ml-10 flex items-baseline space-x-8"> |
| | <a href="#solutions" class="nav-glow px-3 py-2 text-sm font-medium">Solutions</a> |
| | <a href="#platform" class="nav-glow px-3 py-2 text-sm font-medium">Platform</a> |
| | <a href="#about" class="nav-glow px-3 py-2 text-sm font-medium">Insights</a> |
| | <a href="#contact" class="nav-glow px-3 py-2 text-sm font-medium">Contact</a> |
| | </div> |
| | </div> |
| | <div class="hidden md:block"> |
| | <a href="#contact" class="px-4 py-2 border border-accent text-accent font-medium rounded-md hover:bg-accent hover:text-white transition duration-300"> |
| | Request Briefing |
| | </a> |
| | </div> |
| | <div class="md:hidden"> |
| | <button class="mobile-menu-button p-2 rounded-md text-gray-400 hover:text-white focus:outline-none"> |
| | <i class="fas fa-bars text-xl"></i> |
| | </button> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="mobile-menu hidden md:hidden bg-primary border-b border-secondary"> |
| | <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3"> |
| | <a href="#solutions" class="block px-3 py-2 rounded-md text-base font-medium">Solutions</a> |
| | <a href="#platform" class="block px-3 py-2 rounded-md text-base font-medium">Platform</a> |
| | <a href="#about" class="block px-3 py-2 rounded-md text-base font-medium">Insights</a> |
| | <a href="#contact" class="block px-3 py-2 rounded-md text-base font-medium">Contact</a> |
| | <a href="#contact" class="block px-3 py-2 rounded-md text-base font-medium bg-accent text-white">Request Briefing</a> |
| | </div> |
| | </div> |
| | </nav> |
| |
|
| | |
| | <header class="relative pt-32 pb-20 overflow-hidden"> |
| | <div class="absolute inset-0 z-0 opacity-20"> |
| | <div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDUwIDUwIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiMxZDc4ZDgiIGZpbGwtb3BhY2l0eT0iMC4xIj48cGF0aCBkPSJNMjUgMjVjMC02Ljg5MyA1LjYwNy0xMi40OTQgMTIuNS0xMi40OTRTNTAgMTguMTA3IDUwIDI1cy01LjYwNyAxMi40OTQtMTIuNSAxMi40OTRjMCA2Ljg5My01LjYwNyAxMi40OTQtMTIuNSAxMi40OTRTMCAzMS44OTMgMCAyNXM1LjYwNy0xMi40OTQgMTIuNS0xMi40OTRDMjUgMTIuNTA2IDMwLjYwNyA2Ljg5MyAzNy41IDYuODkzUzUwIDEyLjUwNiA1MCAxOS4zOTljMCA2Ljg5My01LjYwNyAxMi40OTQtMTIuNSAxMi40OTRzLTEyLjUgNS42MDctMTIuNSAxMi40OTR6Ii8+PC9nPjwvZz48L3N2Zw==')]"></div> |
| | </div> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"> |
| | <div class="lg:grid lg:grid-cols-12 lg:gap-8"> |
| | <div class="sm:text-center md:max-w-2xl md:mx-auto lg:col-span-7 lg:text-left"> |
| | <h1 class="text-4xl tracking-tight font-extrabold sm:text-5xl md:text-6xl"> |
| | <span class="block">Enterprise Cybersecurity</span> |
| | <span class="block gradient-text">Governance Redefined</span> |
| | </h1> |
| | <p class="mt-3 text-lg text-gray-300 sm:mt-5 sm:text-xl sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0"> |
| | AegisSec delivers strategic cybersecurity frameworks powered by proprietary AI models for institutional-grade risk management. |
| | </p> |
| | <div class="mt-8 sm:max-w-lg sm:mx-auto sm:text-center lg:text-left lg:mx-0"> |
| | <div class="flex flex-col sm:flex-row space-y-3 sm:space-y-0 sm:space-x-3"> |
| | <a href="#platform" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-accent hover:bg-blue-700 md:py-4 md:text-lg md:px-10 transition duration-300"> |
| | Explore Our Platform |
| | </a> |
| | <a href="#solutions" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-accent bg-secondary hover:bg-gray-800 md:py-4 md:text-lg md:px-10 transition duration-300"> |
| | Our Solutions |
| | </a> |
| | </div> |
| | </div> |
| | </div> |
| | <div class="mt-12 relative lg:col-span-5 lg:mt-0"> |
| | <div class="relative mx-auto w-full rounded-lg overflow-hidden"> |
| | <div class="dashboard-bg p-6 rounded-xl border border-tertiary"> |
| | <div class="flex items-center space-x-2 mb-4"> |
| | <div class="h-3 w-3 rounded-full bg-red-500"></div> |
| | <div class="h-3 w-3 rounded-full bg-yellow-500"></div> |
| | <div class="h-3 w-3 rounded-full bg-green-500"></div> |
| | </div> |
| | <div class="code-block p-4 text-sm mb-4"> |
| | <span class="text-highlight">>></span> AegisAI.init()<br> |
| | <span class="text-highlight">>></span> model = CyberThreatPredictor(<br> |
| | <span class="ml-4">enterprise_data=current_ops,</span><br> |
| | <span class="ml-4">threat_feed=live_intel</span><br> |
| | <span class="text-highlight">>></span> )<br> |
| | <span class="text-highlight">>></span> risk_matrix = model.predict()<br> |
| | </div> |
| | <div class="grid grid-cols-3 gap-2 mb-4"> |
| | <div class="bg-secondary p-3 rounded"> |
| | <div class="text-xs text-gray-400 mb-1">Attack Surface</div> |
| | <div class="text-lg font-mono">384pts</div> |
| | </div> |
| | <div class="bg-secondary p-3 rounded"> |
| | <div class="text-xs text-gray-400 mb-1">Risk Score</div> |
| | <div class="text-lg font-mono text-highlight">7.2/10</div> |
| | </div> |
| | <div class="bg-secondary p-3 rounded"> |
| | <div class="text-xs text-gray-400 mb-1">Mitigation</div> |
| | <div class="text-lg font-mono">82%</div> |
| | </div> |
| | </div> |
| | <div class="h-32 bg-secondary rounded flex items-center justify-center"> |
| | <div class="text-center"> |
| | <div class="text-xs text-gray-400">Threat Visualization</div> |
| | <div class="text-2xl font-mono text-highlight">ACTIVE</div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </header> |
| |
|
| | |
| | <div class="bg-secondary py-12 border-y border-tertiary"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="lg:text-center"> |
| | <p class="text-sm font-semibold tracking-wider text-highlight uppercase">Securing institutional operations</p> |
| | </div> |
| | <div class="mt-10"> |
| | <div class="flex flex-wrap justify-center gap-8 md:gap-16"> |
| | <div class="flex items-center justify-center opacity-70 hover:opacity-100 transition duration-300"> |
| | <span class="text-xl font-mono">Fortune 100</span> |
| | </div> |
| | <div class="flex items-center justify-center opacity-70 hover:opacity-100 transition duration-300"> |
| | <span class="text-xl font-mono">S&P 500</span> |
| | </div> |
| | <div class="flex items-center justify-center opacity-70 hover:opacity-100 transition duration-300"> |
| | <span class="text-xl font-mono">Global 2000</span> |
| | </div> |
| | <div class="flex items-center justify-center opacity-70 hover:opacity-100 transition duration-300"> |
| | <span class="text-xl font-mono">FTSE 100</span> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| |
|
| | |
| | <section id="solutions" class="py-20 bg-primary"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="lg:text-center mb-16"> |
| | <h2 class="text-base text-highlight font-semibold tracking-wide uppercase">Strategic Solutions</h2> |
| | <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight sm:text-4xl"> |
| | Enterprise Cybersecurity Framework |
| | </p> |
| | <p class="mt-4 max-w-2xl text-xl text-gray-300 lg:mx-auto"> |
| | Comprehensive governance models for institutional security operations |
| | </p> |
| | </div> |
| |
|
| | <div class="grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3"> |
| | |
| | <div class="ai-card bg-secondary rounded-lg p-8"> |
| | <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary text-highlight"> |
| | <i class="fas fa-brain text-xl"></i> |
| | </div> |
| | <div class="mt-5"> |
| | <h3 class="text-lg font-medium">AegisAI Threat Modeling</h3> |
| | <p class="mt-2 text-base text-gray-300"> |
| | Proprietary machine learning models that analyze enterprise architecture to predict vulnerability chains and attack vectors. |
| | </p> |
| | </div> |
| | <div class="mt-6"> |
| | <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-primary text-highlight"> |
| | <i class="fas fa-lock mr-1"></i> Proprietary |
| | </span> |
| | </div> |
| | </div> |
| |
|
| | |
| | <div class="ai-card bg-secondary rounded-lg p-8"> |
| | <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary text-highlight"> |
| | <i class="fas fa-chess-board text-xl"></i> |
| | </div> |
| | <div class="mt-5"> |
| | <h3 class="text-lg font-medium">Strategic Risk Governance</h3> |
| | <p class="mt-2 text-base text-gray-300"> |
| | Board-level cybersecurity governance frameworks aligned with business objectives and regulatory requirements. |
| | </p> |
| | </div> |
| | <div class="mt-6"> |
| | <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-primary text-highlight"> |
| | <i class="fas fa-certificate mr-1"></i> NIST Aligned |
| | </span> |
| | </div> |
| | </div> |
| |
|
| | |
| | <div class="ai-card bg-secondary rounded-lg p-8"> |
| | <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary text-highlight"> |
| | <i class="fas fa-project-diagram text-xl"></i> |
| | </div> |
| | <div class="mt-5"> |
| | <h3 class="text-lg font-medium">Third-Party Ecosystem Security</h3> |
| | <p class="mt-2 text-base text-gray-300"> |
| | Comprehensive vendor risk management powered by dynamic scoring algorithms that adapt to threat landscapes. |
| | </p> |
| | </div> |
| | <div class="mt-6"> |
| | <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-primary text-highlight"> |
| | <i class="fas fa-network-wired mr-1"></i> Ecosystem |
| | </span> |
| | </div> |
| | </div> |
| |
|
| | |
| | <div class="ai-card bg-secondary rounded-lg p-8"> |
| | <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary text-highlight"> |
| | <i class="fas fa-shield-virus text-xl"></i> |
| | </div> |
| | <div class="mt-5"> |
| | <h3 class="text-lg font-medium">Resilience Architecture</h3> |
| | <p class="mt-2 text-base text-gray-300"> |
| | Next-generation security architecture designed for adaptive resilience against evolving threats. |
| | </p> |
| | </div> |
| | <div class="mt-6"> |
| | <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-primary text-highlight"> |
| | <i class="fas fa-arrows-alt mr-1"></i> Adaptive |
| | </span> |
| | </div> |
| | </div> |
| |
|
| | |
| | <div class="ai-card bg-secondary rounded-lg p-8"> |
| | <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary text-highlight"> |
| | <i class="fas fa-user-secret text-xl"></i> |
| | </div> |
| | <div class="mt-5"> |
| | <h3 class="text-lg font-medium">Insider Threat Intelligence</h3> |
| | <p class="mt-2 text-base text-gray-300"> |
| | Behavioral analytics platform that identifies potential insider threats while preserving employee privacy. |
| | </p> |
| | </div> |
| | <div class="mt-6"> |
| | <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-primary text-highlight"> |
| | <i class="fas fa-low-vision mr-1"></i> Privacy-First |
| | </span> |
| | </div> |
| | </div> |
| |
|
| | |
| | <div class="ai-card bg-secondary rounded-lg p-8"> |
| | <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary text-highlight"> |
| | <i class="fas fa-balance-scale-right text-xl"></i> |
| | </div> |
| | <div class="mt-5"> |
| | <h3 class="text-lg font-medium">Regulatory Compliance Engine</h3> |
| | <p class="mt-2 text-base text-gray-300"> |
| | Automated compliance mapping across multiple jurisdictions with real-time regulatory change detection. |
| | </p> |
| | </div> |
| | <div class="mt-6"> |
| | <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-primary text-highlight"> |
| | <i class="fas fa-gavel mr-1"></i> Compliance |
| | </span> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="platform" class="py-20 bg-secondary border-y border-tertiary"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="lg:text-center mb-16"> |
| | <h2 class="text-base text-highlight font-semibold tracking-wide uppercase">Technology</h2> |
| | <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight sm:text-4xl"> |
| | The AegisSec Platform |
| | </p> |
| | <p class="mt-4 max-w-2xl text-xl text-gray-300 lg:mx-auto"> |
| | Proprietary AI models for enterprise security governance |
| | </p> |
| | </div> |
| |
|
| | <div class="grid grid-cols-1 gap-12 lg:grid-cols-2"> |
| | <div> |
| | <div class="mb-12"> |
| | <h3 class="text-2xl font-bold mb-4">AegisAI Threat Matrix</h3> |
| | <p class="text-gray-300 mb-6"> |
| | Our flagship machine learning system analyzes over 2,000 operational parameters to model potential attack surfaces and predict threat vectors before they materialize. |
| | </p> |
| | <ul class="space-y-4"> |
| | <li class="flex items-start"> |
| | <div class="flex-shrink-0 mt-1"> |
| | <div class="h-5 w-5 rounded-full bg-highlight flex items-center justify-center"> |
| | <i class="fas fa-check text-xs text-white"></i> |
| | </div> |
| | </div> |
| | <p class="ml-3 text-gray-300"> |
| | <span class="font-medium">Dynamic Attack Simulation</span> - Continuously tests security postures against emerging threat patterns |
| | </p> |
| | </li> |
| | <li class="flex items-start"> |
| | <div class="flex-shrink-0 mt-1"> |
| | <div class="h-5 w-5 rounded-full bg-highlight flex items-center justify-center"> |
| | <i class="fas fa-check text-xs text-white"></i> |
| | </div> |
| | </div> |
| | <p class="ml-3 text-gray-300"> |
| | <span class="font-medium">Business Impact Analysis</span> - Quantifies potential operational and financial exposure |
| | </p> |
| | </li> |
| | <li class="flex items-start"> |
| | <div class="flex-shrink-0 mt-1"> |
| | <div class="h-5 w-5 rounded-full bg-highlight flex items-center justify-center"> |
| | <i class="fas fa-check text-xs text-white"></i> |
| | </div> |
| | </div> |
| | <p class="ml-3 text-gray-300"> |
| | <span class="font-medium">Adaptive Countermeasures</span> - Recommends security controls based on predicted effectiveness |
| | </p> |
| | </li> |
| | </ul> |
| | </div> |
| | <div> |
| | <h3 class="text-2xl font-bold mb-4">Enterprise Security Graph</h3> |
| | <p class="text-gray-300 mb-6"> |
| | A knowledge graph that maps your entire digital ecosystem - people, systems, data flows, and dependencies - to visualize risk concentrations and security relationships. |
| | </p> |
| | <div class="code-block p-4 text-sm"> |
| | <span class="text-highlight"># Security Graph Query</span><br> |
| | MATCH (asset)-[r:CONNECTS_TO|HAS_ACCESS_TO]->()<br> |
| | WHERE r.risk_score > 7.5<br> |
| | RETURN asset, r<br> |
| | <span class="text-highlight">ORDER BY</span> r.criticality DESC<br> |
| | <span class="text-highlight">LIMIT</span> 50; |
| | </div> |
| | </div> |
| | </div> |
| | <div> |
| | <div class="bg-primary border border-tertiary rounded-xl p-6 h-full"> |
| | <div class="flex items-center mb-6"> |
| | <div class="h-3 w-3 rounded-full bg-red-500 mr-2"></div> |
| | <div class="h-3 w-3 rounded-full bg-yellow-500 mr-2"></div> |
| | <div class="h-3 w-3 rounded-full bg-green-500"></div> |
| | </div> |
| | <div class="mb-8"> |
| | <div class="flex justify-between items-center mb-2"> |
| | <span class="text-sm text-gray-400">Threat Surface Analysis</span> |
| | <span class="text-xs font-mono text-highlight">87% complete</span> |
| | </div> |
| | <div class="w-full bg-tertiary rounded-full h-2"> |
| | <div class="bg-highlight h-2 rounded-full" style="width: 87%"></div> |
| | </div> |
| | </div> |
| | <div class="grid grid-cols-3 gap-4 mb-8"> |
| | <div class="bg-tertiary p-3 rounded"> |
| | <div class="text-xs text-gray-400 mb-1">Critical Nodes</div> |
| | <div class="text-xl font-mono">42</div> |
| | </div> |
| | <div class="bg-tertiary p-3 rounded"> |
| | <div class="text-xs text-gray-400 mb-1">Attack Paths</div> |
| | <div class="text-xl font-mono text-highlight">128</div> |
| | </div> |
| | <div class="bg-tertiary p-3 rounded"> |
| | <div class="text-xs text-gray-400 mb-1">Risk Density</div> |
| | <div class="text-xl font-mono">6.8/10</div> |
| | </div> |
| | </div> |
| | <div class="mb-8"> |
| | <div class="text-sm text-gray-400 mb-3">Threat Heatmap</div> |
| | <div class="grid grid-cols-5 gap-1"> |
| | <div class="h-8 bg-green-900 rounded-sm"></div> |
| | <div class="h-8 bg-green-800 rounded-sm"></div> |
| | <div class="h-8 bg-yellow-600 rounded-sm"></div> |
| | <div class="h-8 bg-orange-600 rounded-sm"></div> |
| | <div class="h-8 bg-red-600 rounded-sm"></div> |
| | <div class="h-8 bg-green-800 rounded-sm"></div> |
| | <div class="h-8 bg-yellow-600 rounded-sm"></div> |
| | <div class="h-8 bg-orange-600 rounded-sm"></div> |
| | <div class="h-8 bg-red-600 rounded-sm"></div> |
| | <div class="h-8 bg-red-700 rounded-sm"></div> |
| | <div class="h-8 bg-yellow-600 rounded-sm"></div> |
| | <div class="h-8 bg-orange-600 rounded-sm"></div> |
| | <div class="h-8 bg-red-600 rounded-sm"></div> |
| | <div class="h-8 bg-red-700 rounded-sm"></div> |
| | <div class="h-8 bg-red-800 rounded-sm"></div> |
| | <div class="h-8 bg-orange-600 rounded-sm"></div> |
| | <div class="h-8 bg-red-600 rounded-sm"></div> |
| | <div class="h-8 bg-red-700 rounded-sm"></div> |
| | <div class="h-8 bg-red-800 rounded-sm"></div> |
| | <div class="h-8 bg-red-900 rounded-sm"></div> |
| | <div class="h-8 bg-red-600 rounded-sm"></div> |
| | <div class="h-8 bg-red-700 rounded-sm"></div> |
| | <div class="h-8 bg-red-800 rounded-sm"></div> |
| | <div class="h-8 bg-red-900 rounded-sm"></div> |
| | <div class="h-8 bg-red-900 rounded-sm"></div> |
| | </div> |
| | </div> |
| | <div> |
| | <div class="text-sm text-gray-400 mb-2">Recommended Actions</div> |
| | <div class="space-y-2"> |
| | <div class="flex items-start"> |
| | <div class="flex-shrink-0 mt-1"> |
| | <i class="fas fa-shield-alt text-xs text-highlight"></i> |
| | </div> |
| | <p class="ml-2 text-sm text-gray-300">Isolate high-risk endpoints in finance systems</p> |
| | </div> |
| | <div class="flex items-start"> |
| | <div class="flex-shrink-0 mt-1"> |
| | <i class="fas fa-user-lock text-xs text-highlight"></i> |
| | </div> |
| | <p class="ml-2 text-sm text-gray-300">Enforce MFA for all vendor access points</p> |
| | </div> |
| | <div class="flex items-start"> |
| | <div class="flex-shrink-0 mt-1"> |
| | <i class="fas fa-exchange-alt text-xs text-highlight"></i> |
| | </div> |
| | <p class="ml-2 text-sm text-gray-300">Review data flows between HR and external partners</p> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="py-20 bg-primary"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="grid grid-cols-1 gap-8 md:grid-cols-3"> |
| | <div class="text-center border-r border-tertiary md:border-l"> |
| | <div class="text-5xl font-extrabold text-highlight">94%</div> |
| | <div class="mt-2 text-lg font-medium">Reduction in critical vulnerabilities</div> |
| | <div class="mt-4 text-sm text-gray-400">Across enterprise clients</div> |
| | </div> |
| | <div class="text-center border-r border-tertiary"> |
| | <div class="text-5xl font-extrabold text-highlight">360°</div> |
| | <div class="mt-2 text-lg font-medium">Operational visibility</div> |
| | <div class="mt-4 text-sm text-gray-400">Across people, processes and technology</div> |
| | </div> |
| | <div class="text-center border-r border-tertiary md:border-r-0"> |
| | <div class="text-5xl font-extrabold text-highlight">0</div> |
| | <div class="mt-2 text-lg font-medium">Material breaches</div> |
| | <div class="mt-4 text-sm text-gray-400">For clients using full platform</div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="about" class="py-20 bg-secondary border-y border-tertiary"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="lg:grid lg:grid-cols-12 lg:gap-8"> |
| | <div class="lg:col-span-5"> |
| | <div class="relative"> |
| | <div class="relative w-full rounded-lg overflow-hidden shadow-lg border border-tertiary"> |
| | <img class="w-full h-auto" src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Data analysis"> |
| | <div class="absolute inset-0 bg-accent opacity-20"></div> |
| | </div> |
| | <div class="mt-6 flex items-center"> |
| | <div class="flex-shrink-0"> |
| | <div class="h-12 w-12 rounded-full bg-highlight flex items-center justify-center"> |
| | <i class="fas fa-microchip text-white"></i> |
| | </div> |
| | </div> |
| | <div class="ml-4"> |
| | <h4 class="text-lg font-medium">AI-Driven Security Intelligence</h4> |
| | <p class="text-gray-300">Proprietary models trained on petabytes of threat data</p> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | <div class="mt-12 lg:mt-0 lg:col-span-7"> |
| | <h2 class="text-3xl font-extrabold tracking-tight"> |
| | Security Insights Engine |
| | </h2> |
| | <p class="mt-4 text-lg text-gray-300"> |
| | AegisSec's research division develops cutting-edge security models that power our consulting practice and inform enterprise security strategies worldwide. |
| | </p> |
| | <div class="mt-8"> |
| | <div class="space-y-6"> |
| | <div class="flex"> |
| | <div class="flex-shrink-0"> |
| | <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary text-highlight"> |
| | <i class="fas fa-chart-network"></i> |
| | </div> |
| | </div> |
| | <div class="ml-4"> |
| | <h3 class="text-lg font-medium">Threat Intelligence</h3> |
| | <p class="mt-2 text-gray-300"> |
| | Real-time analysis of emerging attack patterns across our global client network, anonymized and enriched with external data sources. |
| | </p> |
| | </div> |
| | </div> |
| | <div class="flex"> |
| | <div class="flex-shrink-0"> |
| | <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary text-highlight"> |
| | <i class="fas fa-robot"></i> |
| | </div> |
| | </div> |
| | <div class="ml-4"> |
| | <h3 class="text-lg font-medium">Predictive Modeling</h3> |
| | <p class="mt-2 text-gray-300"> |
| | Machine learning models that anticipate security gaps before they're exploited, based on patterns observed across similar organizations. |
| | </p> |
| | </div> |
| | </div> |
| | <div class="flex"> |
| | <div class="flex-shrink-0"> |
| | <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary text-highlight"> |
| | <i class="fas fa-balance-scale"></i> |
| | </div> |
| | </div> |
| | <div class="ml-4"> |
| | <h3 class="text-lg font-medium">Governance Frameworks</h3> |
| | <p class="mt-2 text-gray-300"> |
| | Adaptive policy templates that evolve with regulatory changes and industry standards, reducing compliance overhead. |
| | </p> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="py-20 bg-primary"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="lg:text-center mb-16"> |
| | <h2 class="text-base text-highlight font-semibold tracking-wide uppercase">Enterprise Trust</h2> |
| | <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight sm:text-4xl"> |
| | Security Leadership Testimonials |
| | </p> |
| | </div> |
| |
|
| | <div class="grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3"> |
| | |
| | <div class="bg-secondary rounded-lg p-8 border border-tertiary"> |
| | <div class="flex items-center"> |
| | <div class="flex-shrink-0"> |
| | <div class="h-10 w-10 rounded-full bg-highlight flex items-center justify-center"> |
| | <span class="text-white font-bold">CT</span> |
| | </div> |
| | </div> |
| | <div class="ml-4"> |
| | <h4 class="text-lg font-medium">Chief Technology Officer</h4> |
| | <p class="text-gray-400">Global Financial Services</p> |
| | </div> |
| | </div> |
| | <div class="mt-6"> |
| | <p class="text-gray-300 italic"> |
| | "AegisSec's AI models identified critical architectural flaws that traditional assessments missed. Their strategic approach transformed our security governance." |
| | </p> |
| | </div> |
| | <div class="mt-4"> |
| | <div class="flex space-x-1"> |
| | <i class="fas fa-star text-yellow-400"></i> |
| | <i class="fas fa-star text-yellow-400"></i> |
| | <i class="fas fa-star text-yellow-400"></i> |
| | <i class="fas fa-star text-yellow-400"></i> |
| | <i class="fas fa-star text-yellow-400"></i> |
| | </div> |
| | </div> |
| | </div> |
| |
|
| | |
| | <div class="bg-secondary rounded-lg p-8 border border-tertiary"> |
| | <div class="flex items-center"> |
| | <div class="flex-shrink-0"> |
| | <div class="h-10 w-10 rounded-full bg-highlight flex items-center justify-center"> |
| | <span class="text-white font-bold">CR</span> |
| | </div> |
| | </div> |
| | <div class="ml-4"> |
| | <h4 class="text-lg font-medium">Chief Risk Officer</h4> |
| | <p class="text-gray-400">Fortune 100 Healthcare</p> |
| | </div> |
| | </div> |
| | <div class="mt-6"> |
| | <p class="text-gray-300 italic"> |
| | "The predictive threat modeling allowed us to reallocate security investments where they mattered most, reducing risk exposure by 68% in one fiscal year." |
| | </p> |
| | </div> |
| | <div class="mt-4"> |
| | <div class="flex space-x-1"> |
| | <i class="fas fa-star text-yellow-400"></i> |
| | <i class="fas fa-star text-yellow-400"></i> |
| | <i class="fas fa-star text-yellow-400"></i> |
| | <i class="fas fa-star text-yellow-400"></i> |
| | <i class="fas fa-star text-yellow-400"></i> |
| | </div> |
| | </div> |
| | </div> |
| |
|
| | |
| | <div class="bg-secondary rounded-lg p-8 border border-tertiary"> |
| | <div class="flex items-center"> |
| | <div class="flex-shrink-0"> |
| | <div class="h-10 w-10 rounded-full bg-highlight flex items-center justify-center"> |
| | <span class="text-white font-bold">CD</span> |
| | </div> |
| | </div> |
| | <div class="ml-4"> |
| | <h4 class="text-lg font-medium">Chief Digital Officer</h4> |
| | <p class="text-gray-400">S&P 500 Retail</p> |
| | </div> |
| | </div> |
| | <div class="mt-6"> |
| | <p class="text-gray-300 italic"> |
| | "AegisSec's ecosystem mapping revealed third-party risks we didn't know existed. Their platform now informs every vendor onboarding decision." |
| | </p> |
| | </div> |
| | <div class="mt-4"> |
| | <div class="flex space-x-1"> |
| | <i class="fas fa-star text-yellow-400"></i> |
| | <i class="fas fa-star text-yellow-400"></i> |
| | <i class="fas fa-star text-yellow-400"></i> |
| | <i class="fas fa-star text-yellow-400"></i> |
| | <i class="fas fa-star text-yellow-400"></i> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="bg-secondary border-y border-tertiary py-20"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center"> |
| | <div> |
| | <h2 class="text-3xl font-extrabold"> |
| | Ready to transform your enterprise security? |
| | </h2> |
| | <p class="mt-4 text-lg text-gray-300"> |
| | Schedule a confidential briefing on our AI-driven security governance platform. |
| | </p> |
| | <div class="mt-8 flex"> |
| | <a href="#contact" class="px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-accent hover:bg-blue-700 md:py-4 md:text-lg md:px-10 transition duration-300"> |
| | Request Demo |
| | </a> |
| | </div> |
| | </div> |
| | <div class="mt-12 lg:mt-0"> |
| | <div class="bg-primary border border-tertiary rounded-lg p-8"> |
| | <div class="flex items-center"> |
| | <div class="flex-shrink-0"> |
| | <div class="h-12 w-12 rounded-full bg-highlight flex items-center justify-center"> |
| | <i class="fas fa-user-secret text-white"></i> |
| | </div> |
| | </div> |
| | <div class="ml-4"> |
| | <h3 class="text-lg font-medium">Executive Briefing</h3> |
| | <p class="text-gray-300">Discreet, high-level security consultation</p> |
| | </div> |
| | </div> |
| | <div class="mt-6"> |
| | <p class="text-gray-300"> |
| | Our executive sessions provide C-level insights without technical jargon, focusing on business risk and strategic security investments. |
| | </p> |
| | </div> |
| | <div class="mt-6"> |
| | <div class="flex items-center text-sm text-gray-400"> |
| | <i class="fas fa-lock mr-2"></i> |
| | <span>All discussions protected by attorney-client privilege</span> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section id="contact" class="py-20 bg-primary"> |
| | <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| | <div class="lg:text-center mb-16"> |
| | <h2 class="text-base text-highlight font-semibold tracking-wide uppercase">Contact</h2> |
| | <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight sm:text-4xl"> |
| | Secure Your Enterprise |
| | </p> |
| | <p class="mt-4 max-w-2xl text-xl text-gray-300 lg:mx-auto"> |
| | Complete the form below for a confidential consultation. |
| | </p> |
| | </div> |
| |
|
| | <div class="mt-10 sm:mt-12"> |
| | <form class="max-w-3xl mx-auto"> |
| | <div class="grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8"> |
| | <div> |
| | <label for="first-name" class="block text-sm font-medium">First name</label> |
| | <div class="mt-1"> |
| | <input type="text" name="first-name" id="first-name" autocomplete="given-name" class="py-3 px-4 block w-full bg-secondary border border-tertiary rounded-md focus:ring-highlight focus:border-highlight"> |
| | </div> |
| | </div> |
| | <div> |
| | <label for="last-name" class="block text-sm font-medium">Last name</label> |
| | <div class="mt-1"> |
| | <input type="text" name="last-name" id="last-name" autocomplete="family-name" class="py-3 px-4 block w-full bg-secondary border border-tertiary rounded-md focus:ring-highlight focus:border-highlight"> |
| | </div> |
| | </div> |
| | <div class="sm:col-span-2"> |
| | <label for="email" class="block text-sm font-medium">Email</label> |
| | <div class="mt-1"> |
| | <input id="email" name="email" type="email" autocomplete="email" class="py-3 px-4 block w-full bg-secondary border border-tertiary rounded-md focus:ring-highlight focus:border-highlight"> |
| | </div> |
| | </div> |
| | <div class="sm:col-span-2"> |
| | <label for="company" class="block text-sm font-medium">Company</label> |
| | <div class="mt-1"> |
| | <input type="text" name="company" id="company" autocomplete="organization" class="py-3 px-4 block w-full bg-secondary border border-tertiary rounded-md focus:ring-highlight focus:border-highlight"> |
| | </div> |
| | </div> |
| | <div class="sm:col-span-2"> |
| | <label for="title" class="block text-sm font-medium">Title</label> |
| | <div class="mt-1"> |
| | <input type="text" name="title" id="title" class="py-3 px-4 block w-full bg-secondary border border-tertiary rounded-md focus:ring-highlight focus:border-highlight"> |
| | </div> |
| | </div> |
| | <div class="sm:col-span-2"> |
| | <label for="interest" class="block text-sm font-medium">Primary Interest</label> |
| | <div class="mt-1"> |
| | <select id="interest" name="interest" class="py-3 px-4 block w-full bg-secondary border border-tertiary rounded-md focus:ring-highlight focus:border-highlight"> |
| | <option>Strategic Security Governance</option> |
| | <option>AegisAI Threat Modeling</option> |
| | <option>Enterprise Risk Assessment</option> |
| | <option>Third-Party Ecosystem Security</option> |
| | <option>Executive Briefing</option> |
| | <option>Other</option> |
| | </select> |
| | </div> |
| | </div> |
| | <div class="sm:col-span-2"> |
| | <label for="message" class="block text-sm font-medium">How can we help?</label> |
| | <div class="mt-1"> |
| | <textarea id="message" name="message" rows="4" class="py-3 px-4 block w-full bg-secondary border border-tertiary rounded-md focus:ring-highlight focus:border-highlight"></textarea> |
| | </div> |
| | </div> |
| | <div class="sm:col-span-2"> |
| | <div class="flex items-start"> |
| | <div class="flex-shrink-0"> |
| | <input id="nda" name="nda" type="checkbox" class="focus:ring-highlight h-4 w-4 text-highlight border-tertiary rounded bg-secondary"> |
| | </div> |
| | <div class="ml-3"> |
| | <label for="nda" class="text-sm text-gray-300"> |
| | I require an NDA before discussing sensitive security matters. |
| | </label> |
| | </div> |
| | </div> |
| | </div> |
| | <div class="sm:col-span-2"> |
| | <button type="submit" class="w-full inline-flex items-center justify-center px-6 py-3 border border-transparent rounded-md shadow-sm text-base font-medium text-white bg-accent hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-highlight transition duration-300"> |
| | Submit Request |
| | </button> |
| | </div> |
| | </div> |
| | </form> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <footer class="bg-secondary border-t border-tertiary"> |
| | <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8"> |
| | <div class="xl:grid xl:grid-cols-3 xl:gap-8"> |
| | <div class="space-y-8 xl:col-span-1"> |
| | <span class="text-2xl font-bold gradient-text">AegisSec</span> |
| | <p class="text-gray-300 text-sm"> |
| | Enterprise cybersecurity governance powered by proprietary AI models. |
| | </p> |
| | <div class="flex space-x-6"> |
| | <a href="#" class="text-gray-400 hover:text-white"> |
| | <i class="fab fa-linkedin-in"></i> |
| | </a> |
| | <a href="#" class="text-gray-400 hover:text-white"> |
| | <i class="fab fa-twitter"></i> |
| | </a> |
| | <a href="#" class="text-gray-400 hover:text-white"> |
| | <i class="fab fa-github"></i> |
| | </a> |
| | </div> |
| | </div> |
| | <div class="mt-12 grid grid-cols-2 gap-8 xl:mt-0 xl:col-span-2"> |
| | <div class="md:grid md:grid-cols-2 md:gap-8"> |
| | <div> |
| | <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase"> |
| | Solutions |
| | </h3> |
| | <div class="mt-4 space-y-4"> |
| | <a href="#" class="text-base text-gray-400 hover:text-white block"> |
| | AegisAI Platform |
| | </a> |
| | <a href="#" class="text-base text-gray-400 hover:text-white block"> |
| | Enterprise Governance |
| | </a> |
| | <a href="#" class="text-base text-gray-400 hover:text-white block"> |
| | Threat Intelligence |
| | </a> |
| | <a href="#" class="text-base text-gray-400 hover:text-white block"> |
| | Risk Quantification |
| | </a> |
| | </div> |
| | </div> |
| | <div class="mt-12 md:mt-0"> |
| | <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase"> |
| | Company |
| | </h3> |
| | <div class="mt-4 space-y-4"> |
| | <a href="#" class="text-base text-gray-400 hover:text-white block"> |
| | About |
| | </a> |
| | <a href="#" class="text-base text-gray-400 hover:text-white block"> |
| | Insights |
| | </a> |
| | <a href="#" class="text-base text-gray-400 hover:text-white block"> |
| | Careers |
| | </a> |
| | <a href="#" class="text-base text-gray-400 hover:text-white block"> |
| | Contact |
| | </a> |
| | </div> |
| | </div> |
| | </div> |
| | <div class="md:grid md:grid-cols-2 md:gap-8"> |
| | <div> |
| | <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase"> |
| | Legal |
| | </h3> |
| | <div class="mt-4 space-y-4"> |
| | <a href="#" class="text-base text-gray-400 hover:text-white block"> |
| | Privacy |
| | </a> |
| | <a href="#" class="text-base text-gray-400 hover:text-white block"> |
| | Terms |
| | </a> |
| | <a href="#" class="text-base text-gray-400 hover:text-white block"> |
| | Compliance |
| | </a> |
| | </div> |
| | </div> |
| | <div class="mt-12 md:mt-0"> |
| | <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase"> |
| | Contact |
| | </h3> |
| | <div class="mt-4 space-y-4"> |
| | <a href="#" class="text-base text-gray-400 hover:text-white block"> |
| | <i class="fas fa-envelope mr-2"></i> secure@aegissecurity.com |
| | </a> |
| | <a href="#" class="text-base text-gray-400 hover:text-white block"> |
| | <i class="fas fa-phone-alt mr-2"></i> +1 (555) 236-9111 |
| | </a> |
| | <a href="#" class="text-base text-gray-400 hover:text-white block"> |
| | <i class="fas fa-map-marker-alt mr-2"></i> Global Headquarters |
| | </a> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | <div class="mt-12 border-t border-tertiary pt-8"> |
| | <p class="text-base text-gray-400 text-center"> |
| | © 2023 Aegis Security Consulting LLC. All rights reserved. |
| | </p> |
| | </div> |
| | </div> |
| | </footer> |
| |
|
| | <script> |
| | |
| | const mobileMenuButton = document.querySelector('.mobile-menu-button'); |
| | const mobileMenu = document.querySelector('.mobile-menu'); |
| | |
| | mobileMenuButton.addEventListener('click', () => { |
| | mobileMenu.classList.toggle('hidden'); |
| | }); |
| | |
| | |
| | document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
| | anchor.addEventListener('click', function (e) { |
| | e.preventDefault(); |
| | |
| | |
| | if (!mobileMenu.classList.contains('hidden')) { |
| | mobileMenu.classList.add('hidden'); |
| | } |
| | |
| | document.querySelector(this.getAttribute('href')).scrollIntoView({ |
| | behavior: 'smooth' |
| | }); |
| | }); |
| | }); |
| | |
| | |
| | const form = document.querySelector('form'); |
| | if (form) { |
| | form.addEventListener('submit', (e) => { |
| | e.preventDefault(); |
| | |
| | alert('Thank you for your request. Our security team will contact you via secure channels.'); |
| | form.reset(); |
| | }); |
| | } |
| | |
| | |
| | const animateOnScroll = new IntersectionObserver((entries) => { |
| | entries.forEach(entry => { |
| | if (entry.isIntersecting) { |
| | entry.target.classList.add('animate-fadeIn'); |
| | animateOnScroll.unobserve(entry.target); |
| | } |
| | }); |
| | }, { |
| | threshold: 0.1 |
| | }); |
| | |
| | document.querySelectorAll('.ai-card').forEach(card => { |
| | animateOnScroll.observe(card); |
| | }); |
| | </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=aegisceo/deepsite" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| | </html> |
