<!DOCTYPE html>

<html lang="en">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="format-detection" content="telephone=no">

	
	
	<meta name="robots" content="index, follow">

	<title>Innovative Technology Solutions - MKN Web Solutions</title>
	<meta name='title' content="Innovative Technology Solutions">
	<meta name='description' content="MKN provides extensive experience in designing, coding, testing and supporting next-generation solutions.">
	<link rel="shortcut icon" href="https://rmgcore2.s3.amazonaws.com/uploads/g26i00b/favicon.png">

			<link rel='dns-prefetch' href='https://rmgcore2.s3.amazonaws.com'><link rel='preconnect' href='https://rmgcore2.s3.amazonaws.com' crossorigin>
			<link rel='dns-prefetch' href='https://dwptxtcjzzofa.cloudfront.net'><link rel='preconnect' href='https://dwptxtcjzzofa.cloudfront.net' crossorigin>
			<link rel='dns-prefetch' href='https://fonts.gstatic.com'><link rel='preconnect' href='https://fonts.gstatic.com' crossorigin>
		

	


					<link rel="preload" as="style" href="/cdn/devcss/d-1780992371">
		<link rel="stylesheet" href="/cdn/devcss/d-1780992371">
	
			<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Material+Icons&family=Lato:wght@300;400;700;900&display=swap">
		<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Icons&family=Lato:wght@300;400;700;900&display=swap">
	
				<link rel="canonical" href="https://mkn.us">
	
		
	<meta property='og:title' content="Innovative Technology Solutions">
	<meta property='og:description' content="MKN provides extensive experience in designing, coding, testing and supporting next-generation solutions.">
	<meta property='og:url' content='https://mkn.us'>
	<meta property='og:type' content='website'>
	<meta property='og:site_name' content='MKN Web Solutions'>
	
	<meta name="viewport" content="width=device-width, initial-scale=1">

	
	<script>
		var uare = "human";
	</script>
</head>


<body class="page-home site-mkn web solutions">
		<header>
		<div class="inner">
			<div>
				<a class="logo" href="/" title="MKN Web Solutions">MKN Web Solutions</a>
			</div>
			<div class="mobile-menu-button">
				<span onclick="toggleMobileMenu()"><i class="material-icons open">menu</i><i class="material-icons close">close</i></span>
			</div>
			<ul class="navigationv3">
  <li><a href="/infrastructure">Infrastructure</a></li>
  <li><a href="/software-development">Software</a></li>
  <li><a href="/software-security">Security</a></li>
  <li><a href="/software-performance">Performance</a></li>
  <li><a href="/technologies">Technologies</a></li>
  <li><a href="/artificial-intelligence">AI</a></li>
  <li><a href="/execution">Execution</a></li>
  <li><a href="/products">Products</a></li>
  <li><a href="/contact">Contact</a></li>
  <li class="mobile-menu">
    <a href="#" onclick="document.querySelector('html').classList.toggle('mobile-menu-active'); return false;"><i class="material-icons open">menu</i><i class="material-icons close">close</i></a>
  </li>
</ul>		</div>
	</header>

	<div id="body">

	<div class="page-body">

   <!-- ===================== HERO ===================== -->
   <div style="width:100%; height:100vh; margin-top:-75px; display:flex; justify-content:center; align-items:center; background:#000; position:relative; overflow:hidden">
     <video style="object-fit:cover; height:100%; position:absolute; left:0; right:0; top:0; bottom:0; width:100%" autoplay playsinline muted defaultmuted>
       <source src="https://rmgcore2.s3.amazonaws.com/uploads/g23ckbr/earth.mp4" type="video/mp4">
     </video>
     <div style="text-align:center; width:100%; position:relative; z-index:2">
       <h1 class="hero-title">Innovative Technology Solutions</h1>
       <div class="b3">
         <a href="#clients" class="stat-card">
           <b class="counter" data-target="400">0+</b>
           <span class="stat-label">Clients served</span>
         </a>
         <a href="https://www.linkedin.com/in/michaelmikhjian" target="_blank" class="stat-card">
           <b class="counter" data-target="500">0+</b>
           <span class="stat-label">Endorsements</span>
         </a>
         <a href="https://stackoverflow.com/users/605960/mkn-web-solutions" target="_blank" class="stat-card">
           <b>1+ Million</b>
           <span class="stat-label">Developers impacted</span>
         </a>
         <a href="#clients" class="stat-card">
           <b>50+ Million</b>
           <span class="stat-label">Monthly users served</span>
         </a>
       </div>
     </div>
     <div class="scroll-hint">
       <span></span>
     </div>
   </div>

   <!-- ===================== POWERED BY MKN ===================== -->
   <a name="clients"></a>
   <div style="width:100%; text-align:center; padding:60px 0; color:#fff; background:#000000; overflow:hidden">
     <h2 class="section-heading fade-in" style="font-weight:200">Powered by <b>MKN</b></h2>
     <br>
     <div class="marquee-wrap">
       <div class="marquee-track">
         <img data-wh width="3109" height="643" data-alt-addon alt='savvy-logo.png' loading="lazy" src="https://gosavvyio.s3.amazonaws.com/resources/savvy-logo.png">
         <img data-alt-addon alt='Asset+2%402x.png' loading="lazy" src="https://images.squarespace-cdn.com/content/v1/614426adbc16db3248e15f7a/2949f9f5-ac28-4c0f-ac30-3ad7a7325512/Asset+2%402x.png?format=1500w">
         <img data-wh width="258" height="27" data-alt-addon alt='forexbrokers.svg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/f6rt53r/forexbrokers.svg">
         <img data-alt-addon alt='investor-white.svg' loading="lazy" src="https://cdn.investor.com/resources/investor-white.svg">
         <img data-wh width="300" height="300" data-alt-addon alt='LTBB.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fvh1s7c/LTBB.png">
         <img data-wh width="247" height="28" data-alt-addon alt='stockbrokers.svg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/f7j06on/stockbrokers.svg">
         <img data-wh width="223" height="27" data-alt-addon alt='StockTrader.svg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/ffjl9md/StockTrader.svg">
         <img data-wh width="306" height="56" data-alt-addon alt='brokernotes-white.svg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fbgqva2/brokernotes-white.svg">
         <img data-alt-addon alt='logo.png' loading="lazy" src="https://app.pairaphrase.com/images/logo.png">
         <img data-wh width="300" height="126" data-alt-addon alt='mkn-properties.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/g10ps87/mkn-properties.png" style="filter:invert(0) saturate(0)">
         <img data-wh width="1890" height="228" data-alt-addon alt='leadszoom.svg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fvh1qn6/leadszoom.svg">
         <img data-wh width="498" height="80" data-alt-addon alt='investingteacher.jpg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/g24uhd2/investingteacher.jpg">
         <img data-wh width="280" height="59" data-alt-addon alt='dhs.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihiaml/dhs.png">
         <img data-wh width="1788" height="447" data-alt-addon alt='mkn-solar.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/g10potc/mkn-solar.png">
         <img data-wh width="400" height="400" data-alt-addon alt='GTB.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fvh1s8e/GTB.png" style="filter:invert(1) saturate(0)">
         <img data-wh width="164" height="84" data-alt-addon alt='sjac.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/g10pngm/sjac.png" style="filter:invert(0) saturate(0)">
         <img data-wh width="1312" height="218" data-alt-addon alt='scrg.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fvh1un1/scrg.png">
         <img data-wh width="171" height="77" data-alt-addon alt='am.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihin60/am.png">
         <!-- duplicate set for seamless loop -->
         <img data-wh width="3109" height="643" data-alt-addon alt='savvy-logo.png' loading="lazy" src="https://gosavvyio.s3.amazonaws.com/resources/savvy-logo.png">
         <img data-alt-addon alt='Asset+2%402x.png' loading="lazy" src="https://images.squarespace-cdn.com/content/v1/614426adbc16db3248e15f7a/2949f9f5-ac28-4c0f-ac30-3ad7a7325512/Asset+2%402x.png?format=1500w">
         <img data-wh width="258" height="27" data-alt-addon alt='forexbrokers.svg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/f6rt53r/forexbrokers.svg">
         <img data-alt-addon alt='investor-white.svg' loading="lazy" src="https://cdn.investor.com/resources/investor-white.svg">
         <img data-wh width="300" height="300" data-alt-addon alt='LTBB.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fvh1s7c/LTBB.png">
         <img data-wh width="247" height="28" data-alt-addon alt='stockbrokers.svg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/f7j06on/stockbrokers.svg">
         <img data-wh width="223" height="27" data-alt-addon alt='StockTrader.svg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/ffjl9md/StockTrader.svg">
         <img data-wh width="306" height="56" data-alt-addon alt='brokernotes-white.svg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fbgqva2/brokernotes-white.svg">
         <img data-alt-addon alt='logo.png' loading="lazy" src="https://app.pairaphrase.com/images/logo.png">
         <img data-wh width="300" height="126" data-alt-addon alt='mkn-properties.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/g10ps87/mkn-properties.png" style="filter:invert(0) saturate(0)">
         <img data-wh width="1890" height="228" data-alt-addon alt='leadszoom.svg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fvh1qn6/leadszoom.svg">
         <img data-wh width="498" height="80" data-alt-addon alt='investingteacher.jpg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/g24uhd2/investingteacher.jpg">
         <img data-wh width="280" height="59" data-alt-addon alt='dhs.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihiaml/dhs.png">
         <img data-wh width="1788" height="447" data-alt-addon alt='mkn-solar.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/g10potc/mkn-solar.png">
         <img data-wh width="400" height="400" data-alt-addon alt='GTB.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fvh1s8e/GTB.png" style="filter:invert(1) saturate(0)">
         <img data-wh width="164" height="84" data-alt-addon alt='sjac.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/g10pngm/sjac.png" style="filter:invert(0) saturate(0)">
         <img data-wh width="1312" height="218" data-alt-addon alt='scrg.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fvh1un1/scrg.png">
         <img data-wh width="171" height="77" data-alt-addon alt='am.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihin60/am.png">
       </div>
     </div>
   </div>

   <!-- ===================== SOFTWARE IN AMERICA ===================== -->
   <div style="width:100%; text-align:center; padding:80px 0; color:#fff; background:#fff">
     <h2 class="section-heading fade-in" style="font-weight:200; color:#333">Software created in America</h2>
     <p class="fade-in" style="max-width:520px; margin:10px auto 0; color:#555; line-height:1.6">MKN provides extensive experience in designing, coding, testing and supporting next-generation solutions</p>
     <br>
     <div class="additional fade-in" style="display: flex; justify-content: center; gap: 40px; align-items: center; flex-flow: row wrap;">
       <img data-wh width="242" height="67" data-alt-addon alt='madeinamerica.svg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/ftgm4mt/madeinamerica.svg">
       <img data-wh width="250" height="52" data-alt-addon alt='sam.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/ftgm6cq/sam.png">
       <img data-wh width="250" height="69" data-alt-addon alt='sba.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/ftgm6bb/sba.png">
     </div>
   </div>

   <!-- ===================== CLIENTS SERVED ===================== -->
   <div style="width:100%; text-align:center; padding:80px 0; color:#fff; background:linear-gradient(0deg, var(--color-array-nav), #222)">
     <h2 class="section-heading fade-in" style="font-weight:200">Clients served</h2>
     <br>
     <div class="logosos additional fade-in">
       <img data-wh width="91" height="40" data-alt-addon alt='qubemoney.svg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihik7m/qubemoney.svg">
       <img data-wh width="153" height="36" data-alt-addon alt='afg.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihie26/afg.png">
       <img data-wh width="75" height="42" data-alt-addon alt='mg.webp' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihijd0/mg.webp">
       <img data-wh width="152" height="65" data-alt-addon alt='mhs.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihie1e/mhs.png">
       <img data-wh width="132" height="79" data-alt-addon alt='mte.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihie0j/mte.png">
       <img data-wh width="159" height="50" data-alt-addon alt='mlc.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihidvr/mlc.png">
       <img data-wh width="224" height="136" data-alt-addon alt='hartland.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihnkd5/hartland.png" style="filter:invert(1) saturate(0)">
       <img data-wh width="200" height="200" data-alt-addon alt='debmed.jpg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihnkep/debmed.jpg" style="filter:invert(1) saturate(0)">
       <img data-wh width="109" height="45" data-alt-addon alt='visualon.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihnkfm/visualon.png">
       <img data-wh width="206" height="46" data-alt-addon alt='generationone.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihnkgp/generationone.png">
       <img data-wh width="86" height="33" data-alt-addon alt='abb.svg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihnkhl/abb.svg">
       <img data-wh width="1500" height="414" data-alt-addon alt='wcc.jpg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihnkin/wcc.jpg" style="filter:invert(1) saturate(0)">
       <img data-wh width="272" height="24" data-alt-addon alt='twisthink.svg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihnkjs/twisthink.svg">
       <img data-wh width="225" height="225" data-alt-addon alt='mccafe.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/g52uqbn/mccafe.png" style="filter:invert(1) saturate(0)">
       <img data-wh width="281" height="94" data-alt-addon alt='goodwill-detroit.svg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fvh1s96/goodwill-detroit.svg">
       <img data-wh width="400" height="137" data-alt-addon alt='glen-eden.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fvh1tp7/glen-eden.png">
       <img data-wh width="256" height="256" data-alt-addon alt='estoreify.webp' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/g52umpt/estoreify.webp">
       <img data-wh width="269" height="203" data-alt-addon alt='las.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/g52unhv/las.png" style="filter:invert(1) saturate(0)">
     </div>
     <br>
     <p style="color:#fff">
      Read more about our <a href="/history" style="color:#fff; font-weight:normal">client history</a>
     </p>
   </div>

   <!-- ===================== FULL STACK ===================== -->
   <div style="display:grid; grid-auto-flow:column dense; background:#3e5072; justify-content:center">
     <div style="background:#3e4f71; padding:40px 30px; max-width:1200px">
       <div style="text-align:center" class="fade-in">
         <h2 class="section-heading" style="font-weight:200; color:#fff; margin:0"><b>Full stack development</b></h2>
         <p style="margin:8px 0 0; color:rgba(255,255,255,0.7); line-height:1.6">We provide and contribute to many of the technology stacks used by millions of developers globally</p>
       </div>
       <div class="leboxes" style="display:flex; gap:16px; justify-content:center; padding:30px 0; color:#fff; background:#3e4f71; flex-flow:wrap;">
         <div class="fade-in">
           <h4 style="color:#fff">Server Side Languages</h4>
           <ul class="flist">
             <li>PHP</li>
             <li>NodeJS</li>
             <li>Python</li>
             <li>Bash</li>
           </ul>
         </div>
         <div class="fade-in">
           <h4 style="color:#fff">Client Side Languages</h4>
           <ul class="flist">
             <li>HTML5</li>
             <li>JavaScript</li>
             <li>CSS3</li>
             <li>Canvas</li>
           </ul>
         </div>
         <div class="fade-in">
           <h4 style="color:#fff">Database</h4>
           <ul class="flist">
             <li>MongoDB</li>
             <li>MySQL</li>
             <li>DynamoDB</li>
             <li>Memcache</li>
           </ul>
         </div>
         <div class="fade-in">
           <h4 style="color:#fff">Server Technologies</h4>
           <ul class="flist">
             <li>Apache</li>
             <li>NGINX</li>
             <li>NodeJS</li>
             <li>PHP-FPM</li>
             <li>EC2</li>
             <li>Memcache</li>
           </ul>
         </div>
         <div class="fade-in">
           <h4 style="color:#fff">Server Architecture</h4>
           <ul class="flist">
             <li>Amazon EC2</li>
             <li>Linux</li>
             <li>CentOS</li>
             <li>Amazon Linux</li>
             <li>Ubuntu</li>
           </ul>
         </div>
         <div class="fade-in">
           <h4 style="color:#fff">Load Balancing / Cache / CDN</h4>
           <ul class="flist">
             <li>Varnish</li>
             <li>HAProxy</li>
             <li>Squid</li>
             <li>Elastic Load Balancer</li>
             <li>AWS S3</li>
             <li>AWS CloudFront</li>
           </ul>
         </div>
         <div class="fade-in">
           <h4 style="color:#fff">Quality Assurance</h4>
           <ul class="flist">
             <li>GIT</li>
             <li>Puppeteer</li>
             <li>Webkit</li>
           </ul>
         </div>
         <div class="fade-in">
           <h4 style="color:#fff">Extensions</h4>
           <ul class="flist">
             <li>RegEx</li>
             <li>cURL / Libcurl</li>
             <li>HLS</li>
             <li>FFMPEG</li>
             <li>RTMP</li>
             <li>Web Socket</li>
           </ul>
         </div>
         <div class="fade-in">
           <h4 style="color:#fff">Core Abilities</h4>
           <ul class="flist">
             <li>Machine Learning</li>
             <li>Data Mining</li>
             <li>Scale</li>
             <li>Bot / AI</li>
             <li>Max Efficiency</li>
           </ul>
         </div>
       </div>
       <br>
       <p style="text-align:center; color:#fff">Read more about our <a style="color:#fff" href="/technologies">key technologies</a></p>
       <p style="text-align:center; color:rgba(255,255,255,0.4); font-size:12px">NAICS: 541511, 518210, 541512, 511210, 519130, 541519</p>
       <br>
     </div>
   </div>

   <!-- ===================== MKN VENTURES ===================== -->
   <div style="width:100%; text-align:center; padding:80px 0; color:#fff; background:#fff">
     <h2 class="section-heading fade-in" style="font-weight:200; color:#333">MKN Ventures</h2>
     <p class="fade-in" style="max-width:520px; margin:10px auto 0; color:#555; line-height:1.6">Check out some of our other MKN brands:<br><a style="color:#2563eb; text-decoration:underline" href="https://www.mknsolar.com/">MKN Solar</a>, <a style="color:#2563eb; text-decoration:underline" href="https://www.mknproperties.com/">MKN Property Development</a></p>
   </div>

   <!-- ===================== TECH LOGOS ===================== -->
   <div style="padding:30px 0; color:#fff; background:#1a273e; overflow:hidden">
     <div class="marquee-wrap">
       <div class="marquee-track marquee-slow">
         <img data-wh width="2200" height="1237" data-alt-addon alt='aws.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihk3se/aws.png">
         <img data-wh width="60" height="25" data-alt-addon alt='stripe.svg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihk3t8/stripe.svg">
         <img data-wh width="3000" height="2000" data-alt-addon alt='google.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihk4da/google.png">
         <img data-wh width="100" height="30" data-alt-addon alt='twilio.svg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihk7tp/twilio.svg">
         <img data-wh width="300" height="300" data-alt-addon alt='ups.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihkat5/ups.png">
         <img data-wh width="3840" height="2160" data-alt-addon alt='fedex.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihkbjg/fedex.png">
         <img data-wh width="300" height="300" data-alt-addon alt='microsoft.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihk55i/microsoft.png">
         <!-- duplicate for seamless loop -->
         <img data-wh width="2200" height="1237" data-alt-addon alt='aws.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihk3se/aws.png">
         <img data-wh width="60" height="25" data-alt-addon alt='stripe.svg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihk3t8/stripe.svg">
         <img data-wh width="3000" height="2000" data-alt-addon alt='google.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihk4da/google.png">
         <img data-wh width="100" height="30" data-alt-addon alt='twilio.svg' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihk7tp/twilio.svg">
         <img data-wh width="300" height="300" data-alt-addon alt='ups.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihkat5/ups.png">
         <img data-wh width="3840" height="2160" data-alt-addon alt='fedex.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihkbjg/fedex.png">
         <img data-wh width="300" height="300" data-alt-addon alt='microsoft.png' loading="lazy" src="https://rmgcore2.s3.amazonaws.com/uploads/fihk55i/microsoft.png">
       </div>
     </div>
   </div>

   <!-- ===================== STYLES ===================== -->
   <style>
     html { scroll-behavior: smooth; }

     /* ---- Hero ---- */
     .hero-title {
       text-align:center; margin:0 auto; color:#fff;
       font-size:clamp(32px, 5vw, 56px);
       font-weight:900; padding:20px;
       letter-spacing:-0.5px;
       text-shadow: 0 2px 40px rgba(0,0,0,0.4);
     }

     .stat-card {
       padding:10px;
       backdrop-filter: blur(12px);
       -webkit-backdrop-filter: blur(12px);
       color:#fff;
       text-decoration:none;
       transition: all 0.3s ease;
       display:flex; flex-direction:column; align-items:center;
     }
     .stat-card:hover {
       background: rgba(255,255,255,0.14);
       transform: translateY(-3px);
       box-shadow: 0 8px 32px rgba(0,0,0,0.3);
     }
     .stat-card b {
       display:block; font-size:36px; line-height:1.1;
     }
     .stat-label {
       font-size:14px; opacity:0.7; margin-top:4px; font-weight:400;
     }

     /* scroll hint */
     .scroll-hint {
       position:absolute; bottom:30px; left:50%;
       transform:translateX(-50%); z-index:3;
     }
     .scroll-hint span {
       display:block; width:24px; height:40px;
       border:2px solid rgba(255,255,255,0.4);
       border-radius:20px; position:relative;
     }
     .scroll-hint span::after {
       content:''; width:4px; height:8px;
       background:rgba(255,255,255,0.7);
       border-radius:4px; position:absolute;
       top:6px; left:50%; transform:translateX(-50%);
       animation: scrollDot 2s ease-in-out infinite;
     }
     @keyframes scrollDot {
       0%,100% { opacity:1; transform:translateX(-50%) translateY(0); }
       50% { opacity:0.3; transform:translateX(-50%) translateY(14px); }
     }

     /* ---- Section headings ---- */
     .section-heading { font-size:clamp(28px, 4vw, 42px); }

     /* ---- Infinite marquee ---- */
     .marquee-wrap {
       overflow:hidden; width:100%;
       -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
       mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
     }
     .marquee-track {
       display:flex; align-items:center; gap:50px;
       width:max-content;
       animation: marquee 45s linear infinite;
     }
     .marquee-slow { animation-duration: 25s; }
     .marquee-track img {
       height:55px; width:auto; max-width:140px;
       object-fit:contain;
       filter: brightness(0) invert(1);
       opacity:0.65;
       flex-shrink:0;
       transition: opacity 0.3s;
     }
     .marquee-track img:hover { opacity:1; }
     @keyframes marquee {
       0% { transform: translateX(0); }
       100% { transform: translateX(-50%); }
     }

     /* ---- Logo circles (Clients Served) ---- */
     .logosos {
       display:flex; flex-flow:wrap; gap:12px;
       justify-content:center;
       max-width:900px; margin:0 auto;
     }
     .logosos > img {
       display:block; padding:12px;
       object-fit:contain;
       border-radius:50%;
       filter: brightness(0) invert(1);
       background: rgba(255,255,255,0.06);
       border: 1px solid rgba(255,255,255,0.08);
       width:100px; height:100px;
       transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
     }
     .logosos > img:hover {
       background: rgba(255,255,255,0.12);
       transform: scale(1.08);
       box-shadow: 0 0 30px rgba(255,255,255,0.08);
     }
     .logosos.additional > img {
       max-width:100px; max-height:100px;
     }

     /* ---- Glassmorphism tech boxes ---- */
     .leboxes > div {
       background: rgba(255,255,255,0.05);
       border: 1px solid rgba(255,255,255,0.08);
       border-radius:16px;
       padding:20px;
       flex:auto;
       backdrop-filter: blur(4px);
       -webkit-backdrop-filter: blur(4px);
       transition: all 0.3s ease;
     }
     .leboxes > div:hover {
       background: rgba(255,255,255,0.08);
       transform: translateY(-2px);
       box-shadow: 0 8px 30px rgba(0,0,0,0.15);
     }
     .leboxes h4 {
       padding:0; margin-bottom:10px; font-weight:bold;
     }

     .page-body li { margin:0; }

     header {
       background: rgba(0,0,0,.5);
       backdrop-filter: blur(10px);
     }

     /* ---- Stats grid ---- */
     .b3 {
       display:grid; grid-gap:12px;
       grid-template-columns: repeat(auto-fit, 200px);
       justify-content:center; margin:0 auto;
     }
     .b3 b { display:block; font-size:36px; }
     .b3 > a {
       color:#fff; font-size:20px; white-space:nowrap;
     }

     /* ---- Tech tags ---- */
     .flist {
       display:flex !important; flex-flow:row wrap;
       gap:8px; margin:0; padding:0;
     }
     .flist li {
       list-style:none;
       padding:4px 10px;
       border-radius:8px;
       background: rgba(255,255,255,0.08);
       color:#fff; font-size:14px;
       transition: background 0.2s;
     }
     .flist li:hover {
       background: rgba(255,255,255,0.15);
     }

     #body, .page-body { padding-bottom:0; }
     .page-body h2 { font-size:clamp(28px, 4vw, 42px); }

     /* ---- Scroll fade-in animation ---- */
     .fade-in {
       opacity:0; transform:translateY(24px);
       transition: opacity 0.7s ease, transform 0.7s ease;
     }
     .fade-in.visible {
       opacity:1; transform:translateY(0);
     }

     /* ---- Logo-invert fallback ---- */
     .logo-invert > img { filter:saturate(0); }
   </style>
</div>

<script>
// Video slow playback
document.querySelector("video").playbackRate = .7;

// Intersection Observer for fade-in
const faders = document.querySelectorAll('.fade-in');
const fadeObs = new IntersectionObserver((entries) => {
  entries.forEach(e => {
    if (e.isIntersecting) {
      e.target.classList.add('visible');
      fadeObs.unobserve(e.target);
    }
  });
}, { threshold: 0.15 });
faders.forEach(el => fadeObs.observe(el));

// Animated counters
const counters = document.querySelectorAll('.counter');
const counterObs = new IntersectionObserver((entries) => {
  entries.forEach(e => {
    if (e.isIntersecting) {
      const el = e.target;
      const target = +el.dataset.target;
      let current = 0;
      const step = Math.ceil(target / 60);
      const timer = setInterval(() => {
        current += step;
        if (current >= target) { current = target; clearInterval(timer); }
        el.textContent = current + '+';
      }, 25);
      counterObs.unobserve(el);
    }
  });
}, { threshold: 0.5 });
counters.forEach(el => counterObs.observe(el));
</script>

<script type="application/ld+json">{"@context":"https:\/\/schema.org\/","@type":"Article","headline":"Home Page","description":"MKN provides extensive experience in designing, coding, testing and supporting next-generation solutions.","MainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/mkn.us\/home"},"dateModified":"2026-02-12","author":null}</script>
 

<div class="inner">
<div class="disclaimer disclaimer-footer">
   <small>
         </small>
</div>

</div>



</div>



<footer>
	<div class="inner">
		<div class="top-footer">
			<div class="logo-footer">
				<img loading='lazy' width="133" height="50" alt="MKN Web Solutions" src="https://rmgcore2.s3.amazonaws.com/uploads/fi0gi6e/mkn-white.svg">
			</div>
			<div class="menu-footer">
				<div class="menu-footer">
				<ul>
  <li><a href="/software-development">Development</a></li>
  <li><a href="/products">Products</a></li>
  <li><a href="/contact">Contact</a></li>
				</ul>
			</div>
<br>			</div>
		</div>

		<div class="middle-footer">
	<ul class="footer-social">

	</ul>
</div>

<style>
html,body{
background:var(--color-array-footer)
}

.page-body p, .page-body li{
font-weight:200;
line-height:1.7em
}

header a.logo{
width:100px
}

.page-body p a{
 text-decoration:underline !important
}

.screenshots{
display:grid;
width:100%;

    grid-auto-flow: column;
    scroll-snap-type: x mandatory;
    overflow: hidden;
    overflow-x: scroll;
    scrollbar-width: none;
    justify-content: flex-start;
}
.screenshots img{
    width: 50vw;
    border-radius: 7px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    margin:20px !important;
    display:block;
    scroll-snap-align: center;
}
footer{
text-align:center
}
footer p{
 font-size:14px
}
footer .logo-footer,
footer .top-footer > .menu-footer{
float:none;
margin:0 auto
}
footer .menu-footer ul{
justify-content:center;
margin:0; padding:0
}
footer .logo-footer img{
padding:0
}
.footer-social{
display:none
}
</style>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-8HMXSC83Q2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-8HMXSC83Q2');
</script>
	</div>
</footer>





<div id="alert">
	<div id="alertText"></div>
</div>

	<script>
	(function(m,k,n,w,s){
		var a=k.createElement(n),m=k.getElementsByTagName(n)[0];a.async=1;a.src=w;m.parentNode.insertBefore(a,m)
	})(window, document, "script", "/functions.js?v=6a27c973dd165");
	</script>


 


<style>
.language_mode{
	display:inline-block !important
}
</style>
<script>
this.languageMode = function(e){
	if( e == "" ){
		var rr = location.href.replace(/\/\w\w$/m, "");
		rr = rr.replace("/home", "")
		rr = rr.replace("#", "")

		if( rr == location.href ){
			return;
		}

		location.href = rr;
	}else{
		
		var match = new RegExp("\/"+e+"$","mg");
		if( location.href.match(match) ){

		}else{
			if( location.href == "https://www.brokernotes.co/" ){
				return location.href = "/home/" + e;
			}
			rr = location.href + "/" + e;
			rr = rr.replace("#", "")
			
			location.href = rr;
		}

		
	}
}

</script>

 

	



<script>
var unq = Math.random().toString(36).slice(2, 25);
var counter = 1;

this.relayimp = function(){
	document.querySelectorAll("div[data-dynamic-impression]").forEach(function(e,z){	
		counter++;
		
		if( e.getAttribute("data-dynamic-impression").match(/cachebuster/i) ){
			e.setAttribute("data-dynamic-impression", e.getAttribute("data-dynamic-impression").replace(/cachebuster/i, (unq + "_" + counter) ) );
		}else if( e.getAttribute("data-dynamic-impression").match(/timestamp/i) ){
			e.setAttribute("data-dynamic-impression", e.getAttribute("data-dynamic-impression").replace(/timestamp/i, (new Date().getTime() + "" + counter) ) );
		}

		var cache = "";

		//lazy load all to match OMS
		//if( e.getAttribute("data-dynamic-impression").match("apiv1") ){
			cache = 'loading="lazy"';
		//}

		e.outerHTML = '<img width="1" height="1" '+cache+' src="'+e.getAttribute("data-dynamic-impression")+'">';
	});
}

relayimp();
setInterval(() => {
	relayimp();
}, 5000);

var listener = window.addEventListener('blur', function(e) {	
	if (document.activeElement == document.querySelector('iframe')) {
		console.log(document.activeElement, e)
	}
});
</script>

<script>
if (!/(^|;\s*)leadv3=/.test(document.cookie)) {
  var uide = (typeof generateUniqueId === 'function')
    ? generateUniqueId()
    : 'dt-' + Date.now().toString(36) + '-' + Math.random().toString(36).slice(2,9);

  var schedule = window.requestIdleCallback
    ? function (cb) { requestIdleCallback(cb, { timeout: 1000 }); }
    : function (cb) { setTimeout(cb, 0); };

  schedule(function () {
    var url = '/trk-cookie?id=' + encodeURIComponent(uide);

    if (navigator.sendBeacon) {
      navigator.sendBeacon(url, '');
    } else {
      new Image().src = url + '&t=img';
    }
  });
}
</script>





</body>
</html>
