|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Capabilities | The Code Company</title> |
|
|
<meta name="description" content="Our core service offerings in AI, cloud, strategy, and government advisory."> |
|
|
<link rel="stylesheet" href="style.css"> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
|
|
</head> |
|
|
<body class="bg-navy-900 text-ivory-100 font-sans"> |
|
|
<custom-navbar></custom-navbar> |
|
|
|
|
|
<main class="pt-20"> |
|
|
|
|
|
<section class="relative py-32 bg-gradient-to-b from-navy-800 to-navy-900"> |
|
|
<div class="container mx-auto px-6 text-center"> |
|
|
<h1 class="text-4xl md:text-6xl font-serif font-bold mb-6 text-gold-500">Our Capabilities</h1> |
|
|
<p class="text-xl md:text-2xl mb-10 max-w-3xl mx-auto leading-relaxed"> |
|
|
We design and implement intelligent systems from silicon to strategy, combining technical depth with governance expertise. |
|
|
</p> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-navy-900" id="ai"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="grid md:grid-cols-2 gap-12 items-center mb-20"> |
|
|
<div> |
|
|
<h2 class="text-3xl md:text-4xl font-serif font-bold mb-4 text-gold-500">AI & Data Systems</h2> |
|
|
<div class="w-24 h-1 bg-gold-500 mb-6"></div> |
|
|
<p class="text-platinum-400 mb-6"> |
|
|
We architect production-grade AI systems with built-in observability, security, and governance controls. Our evaluation frameworks go beyond accuracy metrics to assess real-world robustness. |
|
|
</p> |
|
|
<ul class="space-y-3 text-platinum-400"> |
|
|
<li class="flex items-start"><i data-feather="check" class="text-gold-500 mr-2 w-5 h-5"></i> <span>Explainability and interpretability engineering</span></li> |
|
|
<li class="flex items-start"><i data-feather="check" class="text-gold-500 mr-2 w-5 h-5"></i> <span>Custom evaluation frameworks and red teaming</span></li> |
|
|
<li class="flex items-start"><i data-feather="check" class="text-gold-500 mr-2 w-5 h-5"></i> <span>Data pipeline and feature store architecture</span></li> |
|
|
<li class="flex items-start"><i data-feather="check" class="text-gold-500 mr-2 w-5 h-5"></i> <span>Model monitoring and drift detection</span></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="bg-navy-800 p-8 rounded-sm"> |
|
|
<img src="http://static.photos/technology/640x360/1" alt="AI Systems" class="w-full h-auto rounded-sm"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-2 gap-12 items-center mb-20" id="cloud"> |
|
|
<div class="order-2 md:order-1"> |
|
|
<img src="http://static.photos/technology/640x360/2" alt="Cloud Infrastructure" class="w-full h-auto rounded-sm"> |
|
|
</div> |
|
|
<div class="order-1 md:order-2"> |
|
|
<h2 class="text-3xl md:text-4xl font-serif font-bold mb-4 text-gold-500">Cloud Infrastructure</h2> |
|
|
<div class="w-24 h-1 bg-gold-500 mb-6"></div> |
|
|
<p class="text-platinum-400 mb-6"> |
|
|
We design and optimize GPU cloud architectures for AI workloads, balancing performance, cost, and security requirements. |
|
|
</p> |
|
|
<ul class="space-y-3 text-platinum-400"> |
|
|
<li class="flex items-start"><i data-feather="check" class="text-gold-500 mr-2 w-5 h-5"></i> <span>Kubernetes-based GPU cluster design</span></li> |
|
|
<li class="flex items-start"><i data-feather="check" class="text-gold-500 mr-2 w-5 h-5"></i> <span>Multi-cloud and hybrid architectures</span></li> |
|
|
<li class="flex items-start"><i data-feather="check" class="text-gold-500 mr-2 w-5 h-5"></i> <span>High-performance storage solutions</span></li> |
|
|
<li class="flex items-start"><i data-feather="check" class="text-gold-500 mr-2 w-5 h-5"></i> <span>Cost optimization and capacity planning</span></li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-2 gap-12 items-center mb-20" id="strategy"> |
|
|
<div> |
|
|
<h2 class="text-3xl md:text-4xl font-serif font-bold mb-4 text-gold-500">Technical Strategy</h2> |
|
|
<div class="w-24 h-1 bg-gold-500 mb-6"></div> |
|
|
<p class="text-platinum-400 mb-6"> |
|
|
We help organizations translate AI ambitions into executable roadmaps with clear technical milestones and resourcing requirements. |
|
|
</p> |
|
|
<ul class="space-y-3 text-platinum-400"> |
|
|
<li class="flex items-start"><i data-feather="check" class="text-gold-500 mr-2 w-5 h-5"></i> <span>Technology due diligence and vendor evaluation</span></li> |
|
|
<li class="flex items-start"><i data-feather="check" class="text-gold-500 mr-2 w-5 h-5"></i> <span>Technical roadmap development</span></li> |
|
|
<li class="flex items-start"><i data-feather="check" class="text-gold-500 mr-2 w-5 h-5"></i> <span>Team structure and hiring strategy</span></li> |
|
|
<li class="flex items-start"><i data-feather="check" class="text-gold-500 mr-2 w-5 h-5"></i> <span>Technical risk assessment</span></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="bg-navy-800 p-8 rounded-sm"> |
|
|
<img src="http://static.photos/office/640x360/1" alt="Technical Strategy" class="w-full h-auto rounded-sm"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-2 gap-12 items-center" id="gov"> |
|
|
<div class="order-2 md:order-1"> |
|
|
<img src="http://static.photos/office/640x360/2" alt="Government Advisory" class="w-full h-auto rounded-sm"> |
|
|
</div> |
|
|
<div class="order-1 md:order-2"> |
|
|
<h2 class="text-3xl md:text-4xl font-serif font-bold mb-4 text-gold-500">Government Advisory</h2> |
|
|
<div class="w-24 h-1 bg-gold-500 mb-6"></div> |
|
|
<p class="text-platinum-400 mb-6"> |
|
|
We help public sector organizations navigate AI procurement, implementation, and governance challenges. |
|
|
</p> |
|
|
<ul class="space-y-3 text-platinum-400"> |
|
|
<li class="flex items-start"><i data-feather="check" class="text-gold-500 mr-2 w-5 h-5"></i> <span>AI procurement strategy and RFPs</span></li> |
|
|
<li class="flex items-start"><i data-feather="check" class="text-gold-500 mr-2 w-5 h-5"></i> <span>Compliance and certification guidance</span></li> |
|
|
<li class="flex items-start"><i data-feather="check" class="text-gold-500 mr-2 w-5 h-5"></i> <span>Technical policy development</span></li> |
|
|
<li class="flex items-start"><i data-feather="check" class="text-gold-500 mr-2 w-5 h-5"></i> <span>Vendor technical evaluations</span></li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-gradient-to-r from-emerald-900/30 to-navy-900"> |
|
|
<div class="container mx-auto px-6 text-center"> |
|
|
<h2 class="text-3xl md:text-4xl font-serif font-bold mb-6 text-gold-500">Need specialized expertise?</h2> |
|
|
<a href="/contact.html" class="inline-block bg-gold-500 hover:bg-gold-600 text-navy-900 font-bold py-3 px-8 rounded-sm transition-all duration-300 transform hover:scale-105 mt-8"> |
|
|
Discuss Your Project |
|
|
</a> |
|
|
</div> |
|
|
</section> |
|
|
</main> |
|
|
|
|
|
<custom-footer></custom-footer> |
|
|
|
|
|
<script src="components/navbar.js"></script> |
|
|
<script src="components/footer.js"></script> |
|
|
<script src="script.js"></script> |
|
|
<script>feather.replace();</script> |
|
|
</body> |
|
|
</html> |
