| 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>Contact | Kahom</title> <meta name="description" content="Tell Kahom what you're building. Get a response within one business day."/> <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-on-surface-variant hover:text-primary pb-1 border-b-2 border-transparent">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-primary border-b-2 border-primary font-semibold pb-1" aria-current="page">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 text-on-surface-variant hover:bg-surface-container-low">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 bg-primary-fixed text-primary font-semibold" aria-current="page">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="py-stack-xl bg-surface-bright relative overflow-hidden"> <div class="absolute right-0 top-0 w-1/2 h-full opacity-[0.12] pointer-events-none" aria-hidden="true"> <img src="assets/img/infra-blueprint.svg" alt="" class="w-full h-full object-contain object-right-top"/> </div> <div class="max-w-7xl mx-auto px-margin-edge relative z-10 reveal"> <span class="font-label-caps text-label-caps text-primary uppercase tracking-widest">Let’s talk</span> <h1 class="font-headline-xl-mobile text-headline-xl-mobile md:font-headline-xl md:text-headline-xl text-on-background mt-2 mb-6 max-w-3xl">Tell us what you’re building</h1> <p class="font-body-lg text-body-lg text-on-surface-variant max-w-2xl">Whether it’s a new product, a cloud migration, or ongoing support — we’d love to help. Get a response within one business day.</p> </div> </section> <!-- Form + Details --> <section class="py-stack-lg bg-surface"> <div class="max-w-7xl mx-auto px-margin-edge grid grid-cols-1 lg:grid-cols-12 gap-gutter"> <div class="lg:col-span-7 reveal"> <div class="bg-white border border-outline-variant rounded-xl p-8 ambient-shadow"> <form data-form class="space-y-6"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-6"> <div> <label for="name" class="block font-body-sm text-body-sm text-on-surface mb-2">Name</label> <input id="name" name="name" type="text" required class="w-full bg-white border border-outline-variant rounded-lg px-4 py-3 font-body-md focus:outline-none focus:ring-2 focus:ring-primary"/> </div> <div> <label for="email" class="block font-body-sm text-body-sm text-on-surface mb-2">Email</label> <input id="email" name="email" type="email" required class="w-full bg-white border border-outline-variant rounded-lg px-4 py-3 font-body-md focus:outline-none focus:ring-2 focus:ring-primary"/> </div> </div> <div> <label for="service" class="block font-body-sm text-body-sm text-on-surface mb-2">Service needed</label> <select id="service" name="service" class="w-full bg-white border border-outline-variant rounded-lg px-4 py-3 font-body-md focus:outline-none focus:ring-2 focus:ring-primary"> <option>Custom Software Development</option> <option>Cloud & DevOps</option> <option>Managed IT Support</option> <option>Cybersecurity</option> <option>Data & Analytics</option> <option>AI & Automation</option> </select> </div> <div> <label for="details" class="block font-body-sm text-body-sm text-on-surface mb-2">Project details</label> <textarea id="details" name="details" rows="5" required class="w-full bg-white border border-outline-variant rounded-lg px-4 py-3 font-body-md focus:outline-none focus:ring-2 focus:ring-primary"></textarea> </div> <button type="submit" class="w-full sm:w-auto bg-primary text-on-primary px-8 py-4 rounded-lg font-headline-sm text-[18px] hover:bg-primary-container transition-all">Send Message</button> </form> <div data-form-success class="form-success items-center gap-3 text-on-surface font-body-md mt-2 p-4 bg-primary-fixed/40 rounded-lg"> <span class="material-symbols-outlined text-primary" aria-hidden="true">check_circle</span> Thanks — we've got your message and will reply within one business day. </div> </div> </div> <div class="lg:col-span-5 reveal"> <div class="bg-surface-dark text-white rounded-xl p-8 h-full flex flex-col justify-between"> <div class="space-y-8"> <div class="flex items-start gap-4"> <span class="material-symbols-outlined text-data-metric text-2xl" aria-hidden="true">mail</span> <div> <div class="font-label-caps text-label-caps text-surface-variant/60 mb-1">EMAIL</div> <a href="mailto:support@kahom.tech" class="font-body-md hover:text-data-metric transition-colors">support@kahom.tech</a> </div> </div> <div class="flex items-start gap-4"> <span class="material-symbols-outlined text-data-metric text-2xl" aria-hidden="true">call</span> <div> <div class="font-label-caps text-label-caps text-surface-variant/60 mb-1">PHONE</div> <a href="tel:+918791082945" class="font-body-md hover:text-data-metric transition-colors">+91 87910 82945</a> </div> </div> <div class="flex items-start gap-4"> <span class="material-symbols-outlined text-data-metric text-2xl" aria-hidden="true">location_on</span> <div> <div class="font-label-caps text-label-caps text-surface-variant/60 mb-1">OFFICE</div> <div class="font-body-md">Noida, 201301, IN</div> </div> </div> </div> <div class="mt-10 pt-8 border-t border-white/10"> <div class="font-label-caps text-label-caps text-surface-variant/60 mb-3">RESPONSE TIME</div> <div class="font-metric-display text-headline-lg text-data-metric mb-1">< 1 business day</div> <p class="font-body-sm text-surface-variant">For active incidents, existing managed-support clients get a guaranteed 15-minute response.</p> </div> </div> </div> </div> </section> <!-- CTA --> <section class="py-stack-lg 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">Prefer to see what we do first?</h2> <div class="flex flex-col sm:flex-row justify-center gap-4"> <a href="services.html" class="bg-white text-primary px-8 py-4 rounded-lg font-bold hover:bg-surface-bright transition-all">View Services</a> <a href="about.html" class="border-2 border-white text-white px-8 py-4 rounded-lg font-bold hover:bg-white/10 transition-all">About Kahom</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>