<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Begin Jekyll SEO tag v2.8.0 -->
<title>NavLabs | Enterprise Low-Code Consulting</title>
<meta name="generator" content="Jekyll v4.4.1" />
<meta property="og:title" content="NavLabs" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="Enterprise Low-Code Consulting" />
<meta property="og:description" content="Enterprise Low-Code Consulting" />
<link rel="canonical" href="https://www.nav-labs.com//assets/css/fonts/scandia/scandia.css" />
<meta property="og:url" content="https://www.nav-labs.com//assets/css/fonts/scandia/scandia.css" />
<meta property="og:site_name" content="NavLabs" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="NavLabs" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebPage","description":"Enterprise Low-Code Consulting","headline":"NavLabs","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"https://www.nav-labs.com//siteicon.png"}},"url":"https://www.nav-labs.com//assets/css/fonts/scandia/scandia.css"}</script>
<!-- End Jekyll SEO tag -->

	<link type="application/atom+xml" rel="alternate" href="https://www.nav-labs.com//feed.xml" title="NavLabs" />
	<link rel="stylesheet" href="/assets/css/styles.css">
	<link rel="icon" type="image/png" href="/favicon.ico">
	<link href="/assets/css/fonts/scandia/scandia.css" rel="stylesheet" type="text/css">
	<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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
	
</head>
<body>
	
		<header class="header">
  <div class="header__logo">
    <a aria-label="home page" href="/">
      <img class="header__image" alt="Navlabs logo" src="/assets/images/logo.png">
    </a>
  </div>
  <div class="header__nav-container">
    <nav class="header__nav">
      
        <a class="nav-option header__nav-item" href="/appian-solutions">
  Appian Solutions
</a>

      
        <a class="nav-option header__nav-item" href="/how-we-work">
  How We Work
</a>

      
        <a class="nav-option header__nav-item" href="/case-studies">
  Case Studies
</a>

      
    </nav>
    <div class="header__more-menu">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="header__icon-button header__more-button" fill="currentColor">
  <circle cx="5" cy="12" r="2"/>
  <circle cx="12" cy="12" r="2"/>
  <circle cx="19" cy="12" r="2"/>
</svg>

    </div>
  </div>
  <a 
  class="button header__button" 
   href="/schedule-consultation" >
  Get a Project Plan
</a>

  <svg class="header__menu-icon" width="39" height="18" viewBox="0 0 39 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  <rect x="4.5" width="30" height="2" fill="white" />
  <rect y="8" width="39" height="2" fill="white" />
  <rect x="4.5" y="16" width="30" height="2" fill="white" />
</svg>
  <div class="header__popup">
    
      <a class="header__popup-item" href="/appian-solutions">Appian Solutions</a>
    
      <a class="header__popup-item" href="/how-we-work">How We Work</a>
    
      <a class="header__popup-item" href="/case-studies">Case Studies</a>
    
  </div>
  <div class="header__mobile-menu">
    <div class="header__mobile-menu-header">
      <a aria-label="home page" href="/">
        <img class="header__image" alt="Navlabs logo" src="/assets/images/logo.png">
      </a>
      <svg class="header__mobile-menu-close-button" width="39" height="24" viewBox="0 0 39 24" fill="none"
  xmlns="http://www.w3.org/2000/svg">
  <rect x="9.60059" width="30" height="2" transform="rotate(45 9.60059 0)" fill="white" />
  <rect x="8.18628" y="21.8406" width="30" height="2" transform="rotate(-45 8.18628 21.8406)" fill="white" />
</svg>
    </div>
    <div class="header__mobile-menu-content">
      
        <a class="header__mobile-menu-item" href="/appian-solutions">Appian Solutions</a>
      
        <a class="header__mobile-menu-item" href="/how-we-work">How We Work</a>
      
        <a class="header__mobile-menu-item" href="/case-studies">Case Studies</a>
      
    </div>
    <a 
  class="button header__mobile-menu-button" 
   href="/schedule-consultation" >
  Get a Project Plan
</a>

  </div>
</header>
<script>
  {
    const container = document.querySelector('.header');
    const nav = container.querySelector('.header__nav-container');
    const navItems = nav.querySelectorAll('.header__nav-item');
    const moreButton = container.querySelector('.header__more-button');
    const popup = container.querySelector('.header__popup');
    const popupItems = popup.querySelectorAll('.header__popup-item');
    const menuButton = container.querySelector('.header__menu-icon');
    const mobileMenu = container.querySelector('.header__mobile-menu');
    const closeButton = container.querySelector('.header__mobile-menu-close-button');
    
    let openPopup = false;
    let disableButton = false;

    hide();

    window.onresize = () => {
      hide();
    }

    menuButton.onclick = () => {
      mobileMenu.dataset.open = true;
    };

    closeButton.onclick = () => {
      mobileMenu.dataset.open = false;
    };

    moreButton.onclick = () => {

      openPopup = true;

      if (openPopup) {
        popup.style.display = 'block';
        updatePopupPosition();
      }
    };

    window.addEventListener('click', (event) => {
      closePopup(event);
    }, { capture: true });

    window.addEventListener('scroll', (event) => {
      updatePopupPosition();
    });

    function hide() {

      const navRect = nav.getBoundingClientRect();

      let width = navRect.left + moreButton.getBoundingClientRect().width + 20;

      navItems.forEach((item, index) => {
        const itemRect = item.getBoundingClientRect();
        width += itemRect.width
        item.dataset.hide = width > navRect.right;
        popupItems[index].style.display = width > navRect.right ? 'block' : 'none';
      });

      moreButton.style.display = navItems[navItems.length - 1].dataset.hide === 'true'
        ? 'block'
        : 'none';

      openPopup = false;
      popup.style.display = 'none';
    }

    function updatePopupPosition() {
      if (openPopup) {
        requestAnimationFrame(() => {
          const rect = moreButton.getBoundingClientRect();
          popup.style.top = `${rect.bottom + 12}px`;
          popup.style.left = `${rect.left}px`;
        });
      }
    }

    function closePopup(event) {

      if (openPopup && !popup.contains(event.target)) {
        
        popup.style.display = 'none';

        openPopup = false;
              
        if (moreButton.contains(event.target)) {
          event.stopPropagation();
        }
      }
    }
  }
</script>

	
	/* Light */
@font-face {
	font-family: 'Scandia';
	src: url('light/light.woff2') format('woff2'), url('light/light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

/* Light Italic */
@font-face {
	font-family: 'Scandia';
	src: url('light-italic/light-italic.woff2') format('woff2'), url('light-italic/light-italic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}

/* Regular */
@font-face {
	font-family: 'Scandia';
	src: url('regular/regular.woff2') format('woff2'), url('regular/regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

/* Regular Italic */
@font-face {
	font-family: 'Scandia';
	src: url('regular-italic/regular-italic.woff2') format('woff2'), url('regular-italic/regular-italic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}

/* Medium */
@font-face {
	font-family: 'Scandia';
	src: url('medium/medium.woff2') format('woff2'), url('medium/medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

/* Medium Italic */
@font-face {
	font-family: 'Scandia';
	src: url('medium-italic/medium-italic.woff2') format('woff2'), url('medium-italic/medium-italic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
}

/* Bold */
@font-face {
	font-family: 'Scandia';
	src: url('bold/bold.woff2') format('woff2'), url('bold/bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

/* Bold Italic */
@font-face {
	font-family: 'Scandia';
	src: url('bold-italic/bold-italic.woff2') format('woff2'), url('bold-italic/bold-italic.woff') format('woff');
	font-weight: 700;
	font-style: italic;
}

/* Stencil */
@font-face {
	font-family: 'ScandiaStencil';
	src: url('stencil/stencil.woff2') format('woff2'), url('stencil/stencil.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

	
		<footer class="footer ">
  <div class="footer__nav">
    <div class="footer__image-container">
      <a href="/" aria-label="Home page">
        <img alt="Navlabs logo" src="/assets/images/footer-logo.png">
      </a>
    </div>
    <div class="footer__columns">
      <div class="footer__column">
        <a class="footer__link" href="/appian-solutions">Appian Solutions</a>
        <!-- <a class="footer__link" href="/blueblade">Blueblade</a>-->
        <!-- <a class="footer__link" href="/poppy">AI-Powered Project Planning</a> -->
      </div>
      <div class="footer__column">
        <a class="footer__link" href="/how-we-work">How we work</a>
        <a class="footer__link" href="/about">About us</a>
        <a class="footer__link" href="/case-studies">Case Studies</a>
      </div>
      <div class="footer__column">
        <a class="footer__link" href="/careers">Careers</a>
        <a class="footer__link" href="/faqs">FAQs</a>
        <a class="footer__link" href="/contact">Contact</a>
      </div>
    </div>
  </div>
  <div class="footer__legal">
    <span class="footer__legal-copyright">© 2025 Navigator Labs LLC. All rights reserved.</span>
    <div class="footer__legal-links">
      <div class="footer__social-media">
        <a 
          aria-label="Linkedin" 
          href="https://www.linkedin.com/company/navlabs">
          <svg class="" style="display: block;" width="36" height="36" viewBox="0 0 36 36" fill="none"
  xmlns="http://www.w3.org/2000/svg">
  <rect width="36" height="36" rx="18" fill="#A5B4F7" fill-opacity="0.2" />
  <rect x="0.5" y="0.5" width="35" height="35" rx="17.5" stroke="white" stroke-opacity="0.1" />
  <path
    d="M21.2578 15.6094C23.9787 15.6094 24.4805 17.4015 24.4805 19.7334V24.4805H21.7959V20.2695C21.7959 19.2662 21.7782 17.9756 20.3994 17.9756C19.0015 17.9756 18.7891 19.0688 18.7891 20.1982V24.4795H16.1064V15.8232H18.6816V17.0068H18.7178C19.0758 16.3273 19.9516 15.6094 21.2578 15.6094ZM14.4209 24.4795H11.7334V15.8232H14.4209V24.4795ZM13.0781 11.5195C13.9382 11.5198 14.6357 12.2185 14.6357 13.0801C14.6357 13.9416 13.9381 14.6404 13.0781 14.6406C12.2179 14.6406 11.5206 13.9417 11.5205 13.0801C11.5205 12.2184 12.2179 11.5195 13.0781 11.5195Z"
    fill="#A5B4F7" />
</svg>
        </a>
      </div>
    </div>
  </div>
</footer>

	
	<script src="/assets/js/apollo.js"></script>
</body>
</html>
