| 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 | Portfolio</title> <meta name="description" content="Selected work from Kahom — co-living, food delivery, enterprise asset management, e-commerce and edtech platforms built and supported end to end."/> <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-primary border-b-2 border-primary font-semibold pb-1" aria-current="page">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 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 bg-primary-fixed text-primary font-semibold" aria-current="page">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 py-stack-xl overflow-hidden bg-surface-dark text-on-primary blueprint-dark"> <div class="relative max-w-7xl mx-auto px-margin-edge text-center reveal"> <span class="font-label-caps text-label-caps text-data-metric uppercase tracking-widest mb-4 block">Selected Work</span> <h1 class="font-headline-xl-mobile text-headline-xl-mobile md:font-headline-xl md:text-headline-xl mb-6 max-w-4xl mx-auto">Platforms in <span class="text-primary-fixed-dim">production</span></h1> <p class="font-body-lg text-body-lg text-surface-variant max-w-2xl mx-auto mb-10">Co-living, food delivery, enterprise asset management, retail and edtech — each one built, deployed and kept running.</p> <div class="flex justify-center gap-4"> <div class="h-1 w-12 bg-primary-container rounded-full"></div> <div class="h-1 w-12 bg-data-metric rounded-full"></div> <div class="h-1 w-12 bg-primary-container rounded-full"></div> </div> </div> </section> <!-- Portfolio Grid --> <section class="py-stack-xl bg-surface"> <div class="max-w-7xl mx-auto px-margin-edge"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-gutter"> <article class="flex flex-col bg-white border border-outline-variant rounded-xl overflow-hidden transition-all duration-300 hover:shadow-lg reveal"> <div class="blueprint-dark bg-surface-dark px-6 py-8 flex items-start justify-between gap-4"> <span class="font-headline-sm text-headline-sm text-white">Commune Apartment</span> <span class="material-symbols-outlined text-data-metric text-3xl shrink-0" aria-hidden="true">apartment</span> </div> <div class="p-6 flex flex-col flex-1"> <span class="font-label-caps text-label-caps text-primary uppercase tracking-widest mb-3">Real Estate & Co-living</span> <p class="font-body-sm text-body-sm text-on-surface-variant mb-6">Co-living platform listing furnished rooms, studios and 1 BHK units across nine Gurgaon locations. Location and price filtering, resident reviews, and enquiry and site-visit booking.</p> <a href="https://communeapartment.com" target="_blank" rel="noopener" class="mt-auto inline-flex items-center gap-1.5 font-label-caps text-label-caps uppercase text-outline hover:text-primary transition-colors">communeapartment.com<span class="material-symbols-outlined text-[16px]" aria-hidden="true">open_in_new</span></a> </div> </article> <article class="flex flex-col bg-white border border-outline-variant rounded-xl overflow-hidden transition-all duration-300 hover:shadow-lg reveal"> <div class="blueprint-dark bg-surface-dark px-6 py-8 flex items-start justify-between gap-4"> <span class="font-headline-sm text-headline-sm text-white">Meals28</span> <span class="material-symbols-outlined text-data-metric text-3xl shrink-0" aria-hidden="true">restaurant</span> </div> <div class="p-6 flex flex-col flex-1"> <span class="font-label-caps text-label-caps text-primary uppercase tracking-widest mb-3">Food Delivery</span> <p class="font-body-sm text-body-sm text-on-surface-variant mb-6">Home-style Indian meal ordering across thalis, curries and South Indian dishes. Cart and checkout, delivery tracking, and an installable progressive web app for low-end handsets.</p> <a href="https://meals28.com" target="_blank" rel="noopener" class="mt-auto inline-flex items-center gap-1.5 font-label-caps text-label-caps uppercase text-outline hover:text-primary transition-colors">meals28.com<span class="material-symbols-outlined text-[16px]" aria-hidden="true">open_in_new</span></a> </div> </article> <article class="flex flex-col bg-white border border-outline-variant rounded-xl overflow-hidden transition-all duration-300 hover:shadow-lg reveal"> <div class="blueprint-dark bg-surface-dark px-6 py-8 flex items-start justify-between gap-4"> <span class="font-headline-sm text-headline-sm text-white">ClaudeLight</span> <span class="material-symbols-outlined text-data-metric text-3xl shrink-0" aria-hidden="true">database</span> </div> <div class="p-6 flex flex-col flex-1"> <span class="font-label-caps text-label-caps text-primary uppercase tracking-widest mb-3">Enterprise Platform</span> <p class="font-body-sm text-body-sm text-on-surface-variant mb-6">Technical advisory platform pairing an asset management and monitoring database for property and facility data with a Price Index Factor calculator built on government wholesale price data. Audit trails and granular access control throughout.</p> <a href="https://claudelight.com" target="_blank" rel="noopener" class="mt-auto inline-flex items-center gap-1.5 font-label-caps text-label-caps uppercase text-outline hover:text-primary transition-colors">claudelight.com<span class="material-symbols-outlined text-[16px]" aria-hidden="true">open_in_new</span></a> </div> </article> <article class="flex flex-col bg-white border border-outline-variant rounded-xl overflow-hidden transition-all duration-300 hover:shadow-lg reveal"> <div class="blueprint-dark bg-surface-dark px-6 py-8 flex items-start justify-between gap-4"> <span class="font-headline-sm text-headline-sm text-white">Glint Fashions</span> <span class="material-symbols-outlined text-data-metric text-3xl shrink-0" aria-hidden="true">diamond</span> </div> <div class="p-6 flex flex-col flex-1"> <span class="font-label-caps text-label-caps text-primary uppercase tracking-widest mb-3">E-commerce</span> <p class="font-body-sm text-body-sm text-on-surface-variant mb-6">Jewellery storefront for BIS-hallmarked gold, silver and diamond pieces. Category browsing, customer accounts, and checkout supporting UPI, cards and cash on delivery.</p> <a href="https://glintfashions.com" target="_blank" rel="noopener" class="mt-auto inline-flex items-center gap-1.5 font-label-caps text-label-caps uppercase text-outline hover:text-primary transition-colors">glintfashions.com<span class="material-symbols-outlined text-[16px]" aria-hidden="true">open_in_new</span></a> </div> </article> <article class="flex flex-col bg-white border border-outline-variant rounded-xl overflow-hidden transition-all duration-300 hover:shadow-lg reveal"> <div class="blueprint-dark bg-surface-dark px-6 py-8 flex items-start justify-between gap-4"> <span class="font-headline-sm text-headline-sm text-white">Kautuki</span> <span class="material-symbols-outlined text-data-metric text-3xl shrink-0" aria-hidden="true">school</span> </div> <div class="p-6 flex flex-col flex-1"> <span class="font-label-caps text-label-caps text-primary uppercase tracking-widest mb-3">EdTech</span> <p class="font-body-sm text-body-sm text-on-surface-variant mb-6">Live one-to-one tutoring marketplace pairing verified teachers with students. Discovery by subject, board and language, Razorpay payments, and video classes tuned for low-bandwidth Android devices.</p> <a href="https://kautuki.co.in" target="_blank" rel="noopener" class="mt-auto inline-flex items-center gap-1.5 font-label-caps text-label-caps uppercase text-outline hover:text-primary transition-colors">kautuki.co.in<span class="material-symbols-outlined text-[16px]" aria-hidden="true">open_in_new</span></a> </div> </article> </div> </div> </section> <!-- Capability strip --> <section class="py-stack-lg bg-surface-dark"> <div class="max-w-7xl mx-auto px-margin-edge grid grid-cols-1 md:grid-cols-3 gap-gutter text-center border-y border-outline/20 py-stack-md reveal"> <div class="flex flex-col items-center"> <span class="font-metric-display text-metric-display text-data-metric mb-2">5</span> <span class="font-label-caps text-label-caps text-surface-variant uppercase">Platforms in Production</span> </div> <div class="flex flex-col items-center"> <span class="font-metric-display text-metric-display text-data-metric mb-2">5</span> <span class="font-label-caps text-label-caps text-surface-variant uppercase">Sectors Served</span> </div> <div class="flex flex-col items-center"> <span class="font-metric-display text-metric-display text-data-metric mb-2">100%</span> <span class="font-label-caps text-label-caps text-surface-variant uppercase">Built and Supported In-House</span> </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">Have something like this in mind?</h2> <p class="font-body-lg text-body-lg mb-10 opacity-90 max-w-2xl mx-auto">Tell us what you are building and we will tell you honestly whether we are the right team for it.</p> <a href="contact.html" class="inline-block 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> </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>