| Server IP : 103.243.232.44 / Your IP : 216.73.216.237 Web Server : LiteSpeed System : Linux server17213-10344.hostycare.online 5.14.0-687.38.1.el9_8.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Aug 12 17:19:12 EDT 2026 x86_64 User : iamakash ( 1400) PHP Version : 8.1.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/iamakash/kahom.tech/ |
Upload File : |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>Kahom | Enterprise IT Solutions</title> <meta name="description" content="Kahom is a full-service IT company delivering custom software, cloud infrastructure, and reliable round-the-clock support."/> <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32.png"/> <link rel="icon" type="image/png" sizes="64x64" href="assets/img/favicon-64.png"/> <link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png"/> <link rel="preconnect" href="https://fonts.googleapis.com"/> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Inter:wght@400;500;600&display=swap" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet"/> <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script> <script src="assets/js/tailwind-config.js"></script> <link rel="stylesheet" href="assets/css/styles.css"/> </head> <body class="bg-background text-on-surface font-body-md selection:bg-primary-fixed selection:text-on-primary-fixed"> <header data-header class="w-full top-0 sticky z-50 bg-surface/95 backdrop-blur-md border-b border-outline-variant transition-shadow duration-300"> <div class="max-w-7xl mx-auto px-margin-edge flex justify-between items-center h-20"> <a href="index.html" class="flex items-center gap-2.5"> <img src="assets/img/kahom-icon.png" alt="" width="36" height="36" class="w-9 h-9"/> <span class="font-headline-md text-headline-md font-bold text-primary">Kahom</span> </a> <nav class="hidden lg:flex gap-8 items-center" aria-label="Primary"> <a href="index.html" class="font-body-md transition-colors text-primary border-b-2 border-primary font-semibold pb-1" aria-current="page">Home</a> <a href="services.html" class="font-body-md transition-colors text-on-surface-variant hover:text-primary pb-1 border-b-2 border-transparent">Services</a> <a href="portfolio.html" class="font-body-md transition-colors text-on-surface-variant hover:text-primary pb-1 border-b-2 border-transparent">Portfolio</a> <a href="about.html" class="font-body-md transition-colors text-on-surface-variant hover:text-primary pb-1 border-b-2 border-transparent">About</a> <a href="leadership.html" class="font-body-md transition-colors text-on-surface-variant hover:text-primary pb-1 border-b-2 border-transparent">Leadership</a> <a href="careers.html" class="font-body-md transition-colors text-on-surface-variant hover:text-primary pb-1 border-b-2 border-transparent">Careers</a> <a href="contact.html" class="font-body-md transition-colors text-on-surface-variant hover:text-primary pb-1 border-b-2 border-transparent">Contact</a> </nav> <div class="flex items-center gap-3"> <a href="contact.html" class="hidden sm:inline-flex bg-primary text-on-primary px-6 py-3 rounded-lg font-body-md font-semibold hover:bg-primary-container transition-all active:scale-95">Start a Project</a> <button data-nav-toggle aria-expanded="false" aria-controls="mobile-nav" aria-label="Toggle menu" class="nav-toggle lg:hidden p-2 rounded-lg border border-outline-variant text-on-surface"> <span class="material-symbols-outlined nav-toggle-icon" data-nav-icon aria-hidden="true">menu</span> </button> </div> </div> <div data-mobile-nav id="mobile-nav" class="mobile-nav lg:hidden border-t border-outline-variant bg-surface"> <nav class="flex flex-col px-margin-edge py-4 gap-1" aria-label="Mobile"> <a href="index.html" class="block px-3 py-3 rounded-lg font-body-md transition-colors bg-primary-fixed text-primary font-semibold" aria-current="page">Home</a> <a href="services.html" class="block px-3 py-3 rounded-lg font-body-md transition-colors text-on-surface-variant hover:bg-surface-container-low">Services</a> <a href="portfolio.html" class="block px-3 py-3 rounded-lg font-body-md transition-colors text-on-surface-variant hover:bg-surface-container-low">Portfolio</a> <a href="about.html" class="block px-3 py-3 rounded-lg font-body-md transition-colors text-on-surface-variant hover:bg-surface-container-low">About</a> <a href="leadership.html" class="block px-3 py-3 rounded-lg font-body-md transition-colors text-on-surface-variant hover:bg-surface-container-low">Leadership</a> <a href="careers.html" class="block px-3 py-3 rounded-lg font-body-md transition-colors text-on-surface-variant hover:bg-surface-container-low">Careers</a> <a href="contact.html" class="block px-3 py-3 rounded-lg font-body-md transition-colors text-on-surface-variant hover:bg-surface-container-low">Contact</a> <a href="contact.html" class="bg-primary text-on-primary text-center rounded-lg py-3 mt-3 font-body-md font-semibold">Start a Project</a> </nav> </div> </header> <main> <!-- Hero --> <section class="relative overflow-hidden bg-surface-bright pt-stack-xl pb-stack-lg"> <div class="max-w-7xl mx-auto px-margin-edge grid grid-cols-1 lg:grid-cols-12 gap-gutter items-center"> <div class="lg:col-span-7 z-10 reveal"> <div class="inline-flex items-center gap-2 px-3 py-1 bg-secondary-container text-on-secondary-container rounded-full mb-6"> <span class="material-symbols-outlined text-[18px]" aria-hidden="true">verified</span> <span class="text-label-caps font-label-caps">ENTERPRISE READY</span> </div> <h1 class="font-headline-xl-mobile text-headline-xl-mobile md:font-headline-xl md:text-headline-xl mb-8 text-on-surface"> We build the technology that moves your business forward </h1> <p class="font-body-lg text-body-lg text-on-surface-variant mb-10 max-w-2xl"> Kahom is a full-service IT company delivering custom software, cloud infrastructure, and reliable round-the-clock support. From idea to deployment — and every day after — we keep you running. </p> <div class="flex flex-wrap gap-4"> <a href="contact.html" class="bg-primary text-on-primary px-8 py-4 rounded-lg font-headline-sm text-[18px] hover:bg-primary-container transition-all ambient-shadow">Start a Project</a> <a href="services.html" class="border-2 border-primary text-primary px-8 py-4 rounded-lg font-headline-sm text-[18px] hover:bg-primary-fixed transition-all">Explore Services</a> </div> </div> <div class="lg:col-span-5 relative mt-12 lg:mt-0 reveal"> <div class="relative z-10 bg-white p-6 rounded-xl ambient-shadow"> <img alt="Diagram of Kahom's technology hub connecting cloud, security, data, support, AI and development" class="w-full h-auto object-contain" src="assets/img/hero-schematic.svg" width="560" height="480"/> </div> <div class="absolute -top-12 -right-12 w-64 h-64 bg-primary-fixed opacity-20 blur-3xl rounded-full" aria-hidden="true"></div> <div class="absolute -bottom-8 -left-8 w-48 h-48 bg-secondary-fixed opacity-20 blur-3xl rounded-full" aria-hidden="true"></div> </div> </div> </section> <!-- Stats --> <section class="bg-surface-dark py-stack-md"> <div class="max-w-7xl mx-auto px-margin-edge"> <div class="grid grid-cols-1 md:grid-cols-3 gap-gutter"> <div class="text-center p-8 md:border-r border-white/10 last:border-r-0"> <div class="font-metric-display text-metric-display text-data-metric mb-2">120+</div> <div class="font-label-caps text-label-caps text-white/60 tracking-widest">PROJECTS DELIVERED</div> </div> <div class="text-center p-8 md:border-r border-white/10 last:border-r-0"> <div class="font-metric-display text-metric-display text-data-metric mb-2">99.9%</div> <div class="font-label-caps text-label-caps text-white/60 tracking-widest">SYSTEM UPTIME</div> </div> <div class="text-center p-8"> <div class="font-metric-display text-metric-display text-data-metric mb-2">24/7</div> <div class="font-label-caps text-label-caps text-white/60 tracking-widest">GLOBAL SUPPORT</div> </div> </div> </div> </section> <!-- Core Capabilities --> <section class="py-stack-xl bg-surface-muted"> <div class="max-w-7xl mx-auto px-margin-edge"> <div class="mb-stack-md max-w-3xl reveal"> <span class="font-label-caps text-label-caps text-primary">WHAT WE DO</span> <h2 class="font-headline-lg text-headline-lg text-on-surface mt-2 mb-6">Services built to scale with you</h2> <p class="font-body-md text-body-md text-on-surface-variant"> One partner across the whole technology lifecycle — strategy, build, and support. Precision engineering meets business strategy. </p> </div> <div class="grid grid-cols-1 md:grid-cols-3 gap-gutter"> <div class="bg-white p-8 rounded-lg border border-outline-variant hover:border-primary transition-all ambient-shadow group reveal"> <div class="w-12 h-12 bg-primary-container/10 flex items-center justify-center rounded-lg mb-6 group-hover:bg-primary transition-colors"> <span class="material-symbols-outlined text-primary group-hover:text-white" aria-hidden="true">code</span> </div> <h3 class="font-headline-sm text-headline-sm text-on-surface mb-4">Custom Development</h3> <p class="font-body-md text-body-md text-on-surface-variant mb-6">Web and mobile apps, APIs, and internal tools engineered for performance, security and long-term maintainability.</p> <ul class="space-y-3 mb-8"> <li class="flex items-center gap-2 font-body-sm text-on-surface-variant"><span class="material-symbols-outlined text-[16px] text-primary" aria-hidden="true">check_circle</span>Web Apps</li> <li class="flex items-center gap-2 font-body-sm text-on-surface-variant"><span class="material-symbols-outlined text-[16px] text-primary" aria-hidden="true">check_circle</span>Mobile & APIs</li> </ul> <a class="text-primary font-bold flex items-center gap-2 group-hover:underline" href="services.html#development">Learn More <span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span></a> </div> <div class="bg-white p-8 rounded-lg border border-outline-variant hover:border-primary transition-all ambient-shadow group reveal"> <div class="w-12 h-12 bg-primary-container/10 flex items-center justify-center rounded-lg mb-6 group-hover:bg-primary transition-colors"> <span class="material-symbols-outlined text-primary group-hover:text-white" aria-hidden="true">cloud</span> </div> <h3 class="font-headline-sm text-headline-sm text-on-surface mb-4">Cloud & DevOps</h3> <p class="font-body-md text-body-md text-on-surface-variant mb-6">Cloud migration, CI/CD pipelines, containers and infrastructure-as-code on AWS, Azure and Google Cloud.</p> <ul class="space-y-3 mb-8"> <li class="flex items-center gap-2 font-body-sm text-on-surface-variant"><span class="material-symbols-outlined text-[16px] text-primary" aria-hidden="true">check_circle</span>AWS / Azure Managed</li> <li class="flex items-center gap-2 font-body-sm text-on-surface-variant"><span class="material-symbols-outlined text-[16px] text-primary" aria-hidden="true">check_circle</span>DevOps Automation</li> </ul> <a class="text-primary font-bold flex items-center gap-2 group-hover:underline" href="services.html#cloud">Learn More <span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span></a> </div> <div class="bg-white p-8 rounded-lg border border-outline-variant hover:border-primary transition-all ambient-shadow group reveal"> <div class="w-12 h-12 bg-primary-container/10 flex items-center justify-center rounded-lg mb-6 group-hover:bg-primary transition-colors"> <span class="material-symbols-outlined text-primary group-hover:text-white" aria-hidden="true">support_agent</span> </div> <h3 class="font-headline-sm text-headline-sm text-on-surface mb-4">Managed IT Support</h3> <p class="font-body-md text-body-md text-on-surface-variant mb-6">24/7 dedicated monitoring and technical support to ensure your mission-critical systems never skip a beat.</p> <ul class="space-y-3 mb-8"> <li class="flex items-center gap-2 font-body-sm text-on-surface-variant"><span class="material-symbols-outlined text-[16px] text-primary" aria-hidden="true">check_circle</span>Incident Response</li> <li class="flex items-center gap-2 font-body-sm text-on-surface-variant"><span class="material-symbols-outlined text-[16px] text-primary" aria-hidden="true">check_circle</span>Performance Tuning</li> </ul> <a class="text-primary font-bold flex items-center gap-2 group-hover:underline" href="services.html#support">Learn More <span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span></a> </div> </div> </div> </section> <!-- Ticker --> <section class="bg-surface-dark overflow-hidden py-8 border-y border-white/5" aria-hidden="true"> <div class="ticker-track gap-12 whitespace-nowrap items-center"> <span class="text-white/40 font-label-caps flex items-center gap-3"><span class="material-symbols-outlined text-data-metric">security</span>SECURE INFRASTRUCTURE</span> <span class="text-white/40 font-label-caps flex items-center gap-3"><span class="material-symbols-outlined text-data-metric">bolt</span>HIGH PERFORMANCE</span> <span class="text-white/40 font-label-caps flex items-center gap-3"><span class="material-symbols-outlined text-data-metric">hub</span>GLOBAL CONNECTIVITY</span> <span class="text-white/40 font-label-caps flex items-center gap-3"><span class="material-symbols-outlined text-data-metric">memory</span>AI INTEGRATION</span> <span class="text-white/40 font-label-caps flex items-center gap-3"><span class="material-symbols-outlined text-data-metric">database</span>DATA GOVERNANCE</span> <span class="text-white/40 font-label-caps flex items-center gap-3"><span class="material-symbols-outlined text-data-metric">security</span>SECURE INFRASTRUCTURE</span> <span class="text-white/40 font-label-caps flex items-center gap-3"><span class="material-symbols-outlined text-data-metric">bolt</span>HIGH PERFORMANCE</span> <span class="text-white/40 font-label-caps flex items-center gap-3"><span class="material-symbols-outlined text-data-metric">hub</span>GLOBAL CONNECTIVITY</span> <span class="text-white/40 font-label-caps flex items-center gap-3"><span class="material-symbols-outlined text-data-metric">memory</span>AI INTEGRATION</span> <span class="text-white/40 font-label-caps flex items-center gap-3"><span class="material-symbols-outlined text-data-metric">database</span>DATA GOVERNANCE</span> </div> </section> <!-- Who we are --> <section class="py-stack-xl bg-surface"> <div class="max-w-7xl mx-auto px-margin-edge grid grid-cols-1 lg:grid-cols-12 gap-gutter items-center"> <div class="lg:col-span-6 reveal"> <span class="font-label-caps text-label-caps text-primary">WHO WE ARE</span> <h2 class="font-headline-lg text-headline-lg text-on-surface mt-2 mb-6">A dependable technology partner, not just a vendor</h2> <p class="font-body-md text-body-md text-on-surface-variant mb-8">Kahom brings together developers, cloud engineers and support specialists under one roof. We embed with your team, learn your business, and take real ownership of the outcomes — shipping software that works and standing behind it long after launch.</p> <a href="about.html" class="inline-flex items-center gap-2 border-b-2 border-primary text-primary font-bold pb-1 hover:text-primary-container transition-all">Work With Us <span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span></a> </div> <div class="lg:col-span-6 reveal"> <ul class="space-y-4"> <li class="flex items-start gap-4 p-5 bg-surface-container-low rounded-lg border border-outline-variant"> <span class="material-symbols-outlined text-primary" aria-hidden="true">engineering</span> <span class="font-body-md text-on-surface">Senior engineers on every engagement</span> </li> <li class="flex items-start gap-4 p-5 bg-surface-container-low rounded-lg border border-outline-variant"> <span class="material-symbols-outlined text-primary" aria-hidden="true">visibility</span> <span class="font-body-md text-on-surface">Transparent pricing and clear communication</span> </li> <li class="flex items-start gap-4 p-5 bg-surface-container-low rounded-lg border border-outline-variant"> <span class="material-symbols-outlined text-primary" aria-hidden="true">shield_lock</span> <span class="font-body-md text-on-surface">Security and reliability baked in from day one</span> </li> <li class="flex items-start gap-4 p-5 bg-surface-container-low rounded-lg border border-outline-variant"> <span class="material-symbols-outlined text-primary" aria-hidden="true">bolt</span> <span class="font-body-md text-on-surface">Support that responds in minutes, not days</span> </li> </ul> </div> </div> </section> <!-- Process --> <section class="py-stack-xl bg-surface-muted"> <div class="max-w-7xl mx-auto px-margin-edge"> <div class="flex flex-col md:flex-row justify-between items-end mb-stack-lg gap-6 reveal"> <div class="max-w-2xl"> <span class="text-primary font-label-caps">OUR METHODOLOGY</span> <h2 class="font-headline-lg text-headline-lg text-on-surface mt-2">Zero Drama Delivery</h2> </div> </div> <div class="space-y-gutter"> <div class="flex flex-col md:flex-row gap-8 items-start p-8 bg-white border border-outline-variant rounded-lg ambient-shadow reveal"> <div class="font-metric-display text-headline-lg text-on-surface-variant/20">01</div> <div> <h3 class="font-headline-sm text-headline-sm text-on-surface mb-2">Discover</h3> <p class="font-body-md text-body-md text-on-surface-variant max-w-3xl">We map your goals, users and constraints to define a plan everyone believes in.</p> </div> </div> <div class="flex flex-col md:flex-row gap-8 items-start p-8 bg-white border border-outline-variant rounded-lg ambient-shadow reveal"> <div class="font-metric-display text-headline-lg text-on-surface-variant/20">02</div> <div> <h3 class="font-headline-sm text-headline-sm text-on-surface mb-2">Design & Build</h3> <p class="font-body-md text-body-md text-on-surface-variant max-w-3xl">Agile sprints with regular demos so you see progress every step of the way.</p> </div> </div> <div class="flex flex-col md:flex-row gap-8 items-start p-8 bg-white border border-outline-variant rounded-lg ambient-shadow reveal"> <div class="font-metric-display text-headline-lg text-on-surface-variant/20">03</div> <div> <h3 class="font-headline-sm text-headline-sm text-on-surface mb-2">Deploy</h3> <p class="font-body-md text-body-md text-on-surface-variant max-w-3xl">Automated, tested releases to secure cloud infrastructure — zero drama.</p> </div> </div> <div class="flex flex-col md:flex-row gap-8 items-start p-8 bg-white border border-outline-variant rounded-lg ambient-shadow reveal"> <div class="font-metric-display text-headline-lg text-on-surface-variant/20">04</div> <div> <h3 class="font-headline-sm text-headline-sm text-on-surface mb-2">Support & Grow</h3> <p class="font-body-md text-body-md text-on-surface-variant max-w-3xl">Ongoing monitoring, updates and enhancements as your needs evolve.</p> </div> </div> </div> </div> </section> <!-- Industries --> <section class="py-stack-xl bg-surface"> <div class="max-w-7xl mx-auto px-margin-edge"> <div class="max-w-2xl mb-stack-md reveal"> <span class="font-label-caps text-label-caps text-primary">WHERE WE WORK</span> <h2 class="font-headline-lg text-headline-lg text-on-surface mt-2 mb-4">Industries we power</h2> <p class="font-body-md text-body-md text-on-surface-variant">We adapt our expertise to the demands of every sector we serve.</p> </div> <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 reveal"> <div class="flex flex-col items-center gap-3 p-6 bg-surface-container-low rounded-lg border border-outline-variant text-center"> <span class="material-symbols-outlined text-primary text-3xl" aria-hidden="true">account_balance</span> <span class="font-body-sm text-on-surface-variant">Fintech & Banking</span> </div> <div class="flex flex-col items-center gap-3 p-6 bg-surface-container-low rounded-lg border border-outline-variant text-center"> <span class="material-symbols-outlined text-primary text-3xl" aria-hidden="true">health_and_safety</span> <span class="font-body-sm text-on-surface-variant">Healthcare</span> </div> <div class="flex flex-col items-center gap-3 p-6 bg-surface-container-low rounded-lg border border-outline-variant text-center"> <span class="material-symbols-outlined text-primary text-3xl" aria-hidden="true">shopping_bag</span> <span class="font-body-sm text-on-surface-variant">Retail & eCommerce</span> </div> <div class="flex flex-col items-center gap-3 p-6 bg-surface-container-low rounded-lg border border-outline-variant text-center"> <span class="material-symbols-outlined text-primary text-3xl" aria-hidden="true">school</span> <span class="font-body-sm text-on-surface-variant">Education</span> </div> <div class="flex flex-col items-center gap-3 p-6 bg-surface-container-low rounded-lg border border-outline-variant text-center"> <span class="material-symbols-outlined text-primary text-3xl" aria-hidden="true">local_shipping</span> <span class="font-body-sm text-on-surface-variant">Logistics</span> </div> <div class="flex flex-col items-center gap-3 p-6 bg-surface-container-low rounded-lg border border-outline-variant text-center"> <span class="material-symbols-outlined text-primary text-3xl" aria-hidden="true">rocket_launch</span> <span class="font-body-sm text-on-surface-variant">Startups</span> </div> </div> </div> </section> <!-- Testimonial --> <section class="py-stack-lg bg-surface-muted"> <div class="max-w-4xl mx-auto px-margin-edge text-center reveal"> <span class="material-symbols-outlined text-primary text-5xl mb-6 inline-block" aria-hidden="true">format_quote</span> <blockquote class="font-headline-sm text-headline-sm text-on-surface mb-8"> “Kahom rebuilt our platform and now manage it end to end. Releases are faster, downtime is basically gone, and their support team feels like an extension of ours.” </blockquote> <div class="flex items-center justify-center gap-4"> <div class="avatar-mark w-12 h-12 rounded-full"><span class="avatar-initials text-sm" aria-hidden="true">AR</span></div> <div class="text-left"> <div class="font-body-md font-semibold text-on-surface">Ananya Rao</div> <div class="font-body-sm text-on-surface-variant">CTO, Meridian Logistics</div> </div> </div> </div> </section> <!-- Final CTA --> <section class="py-stack-xl bg-primary text-on-primary"> <div class="max-w-7xl mx-auto px-margin-edge text-center reveal"> <h2 class="font-headline-lg text-headline-lg mb-6">Ready to scale your technical operation?</h2> <p class="font-body-lg text-body-lg mb-10 opacity-90 max-w-2xl mx-auto">Join over 120 companies that trust Kahom for their most critical IT infrastructure and software development needs.</p> <div class="flex flex-col sm:flex-row justify-center gap-4"> <a href="contact.html" class="bg-white text-primary px-10 py-5 rounded-lg font-headline-sm text-[20px] hover:bg-surface-bright transition-all active:scale-95 shadow-lg">Start a Project</a> <a href="contact.html" class="bg-primary-container text-on-primary-container border border-on-primary-container/30 px-10 py-5 rounded-lg font-headline-sm text-[20px] hover:bg-primary-container/80 transition-all active:scale-95">Schedule a Call</a> </div> </div> </section> </main> <footer class="w-full pt-stack-lg pb-stack-md bg-surface-dark text-on-primary"> <div class="max-w-7xl mx-auto px-margin-edge grid grid-cols-1 md:grid-cols-4 gap-gutter"> <div class="col-span-1"> <a href="index.html" class="flex items-center gap-2.5 mb-6 w-fit"> <span class="bg-white rounded-md p-1 flex items-center justify-center"> <img src="assets/img/kahom-icon.png" alt="" width="24" height="24" class="w-6 h-6"/> </span> <span class="font-headline-sm text-headline-sm font-bold text-white">Kahom</span> </a> <p class="font-body-sm text-body-sm text-surface-variant/70 leading-relaxed mb-6 max-w-xs"> Building and supporting the technology behind ambitious businesses — custom software, cloud infrastructure, and round-the-clock support. </p> </div> <div> <h5 class="text-white font-label-caps mb-6 opacity-40">SERVICES</h5> <ul class="space-y-4"> <li><a class="font-body-sm text-body-sm text-surface-variant hover:text-white transition-colors" href="services.html">Custom Development</a></li> <li><a class="font-body-sm text-body-sm text-surface-variant hover:text-white transition-colors" href="services.html">Cloud & DevOps</a></li> <li><a class="font-body-sm text-body-sm text-surface-variant hover:text-white transition-colors" href="services.html">Managed IT Support</a></li> <li><a class="font-body-sm text-body-sm text-surface-variant hover:text-white transition-colors" href="services.html">Cybersecurity</a></li> </ul> </div> <div> <h5 class="text-white font-label-caps mb-6 opacity-40">COMPANY</h5> <ul class="space-y-4"> <li><a class="font-body-sm text-body-sm text-surface-variant hover:text-white transition-colors" href="portfolio.html">Portfolio</a></li> <li><a class="font-body-sm text-body-sm text-surface-variant hover:text-white transition-colors" href="about.html">About Us</a></li> <li><a class="font-body-sm text-body-sm text-surface-variant hover:text-white transition-colors" href="leadership.html">Leadership</a></li> <li><a class="font-body-sm text-body-sm text-surface-variant hover:text-white transition-colors" href="careers.html">Careers</a></li> <li><a class="font-body-sm text-body-sm text-surface-variant hover:text-white transition-colors" href="contact.html">Contact</a></li> </ul> </div> <div> <h5 class="text-white font-label-caps mb-6 opacity-40">GET IN TOUCH</h5> <ul class="space-y-4 font-body-sm text-body-sm text-surface-variant"> <li><a class="hover:text-white transition-colors" href="mailto:support@kahom.tech">support@kahom.tech</a></li> <li><a class="hover:text-white transition-colors" href="tel:+918791082945">+91 87910 82945</a></li> <li>Noida, 201301, IN</li> </ul> </div> </div> <div class="max-w-7xl mx-auto px-margin-edge mt-stack-lg pt-8 border-t border-white/10 flex flex-col md:flex-row justify-between items-center gap-4"> <span class="font-body-sm text-body-sm text-surface-variant/40">© 2026 Kahom. All rights reserved. Crafted with care.</span> <div class="flex gap-6"> <a class="text-surface-variant/40 hover:text-white transition-colors" href="mailto:support@kahom.tech" aria-label="Email Kahom"><span class="material-symbols-outlined" aria-hidden="true">mail</span></a> <a class="text-surface-variant/40 hover:text-white transition-colors" href="tel:+918791082945" aria-label="Call Kahom"><span class="material-symbols-outlined" aria-hidden="true">call</span></a> <a class="text-surface-variant/40 hover:text-white transition-colors" href="https://www.linkedin.com" aria-label="Kahom on LinkedIn" target="_blank" rel="noopener"><span class="material-symbols-outlined" aria-hidden="true">share</span></a> </div> </div> </footer> <script src="assets/js/main.js"></script> </body> </html>