<!doctype html>
<html class="no-js" ng-app="netristApp" ng-controller="MainCtrl">
<head>
  <base href="/">
  <meta charset="utf-8">
  <title ng-bind="title"></title>
  <meta name="description" content="Personalized, easy to use software solutions.">
  <meta name="google-site-verification" content="tkHzAJcVUhxJ5JmV0VCYTrC1ROG2m4jSchdgsCB-ULE" />
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" href="styles/main.css">
  <!-- endbuild -->
  <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <!-- Facebook Pixel Code -->
  <script>
    !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
            n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
      n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
      t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
            document,'script','https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '125483187952234'); // Insert your pixel ID here.
    fbq('track', 'PageView');
  </script>
  <noscript><img height="1" width="1" style="display:none"
                 src="https://www.facebook.com/tr?id=125483187952234&ev=PageView&noscript=1"
          /></noscript>
  <!-- DO NOT MODIFY -->
  <!-- End Facebook Pixel Code -->

</head>
<body class="tk-lato" ng-cloak>
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top" ng-class="{'navbar-background': !pageIs('/home')}">

  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand page-scroll" ng-click="navIconAction()"><img class="title-logo animate-all" src="images/netrist-logo-reverse_highres.png"></a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="navbar-collapse">
      <ul class="nav navbar-nav navbar-right">
        <li ng-mouseenter="homeHover = true" ng-mouseleave="homeHover = false">
          <a class="page-scroll animate-all nav-under change" ng-click="navigate('/home')" ng-class="{'selected': pageIs('/home'), 'navhover': homeHover}"><span>HOME</span><div class="nav-underline"></div></a>
        </li>
        <li ng-mouseenter="serviceHover = true" ng-mouseleave="serviceHover = false" uib-dropdown>
          <a href id="services-dropdown" uib-dropdown-toggle class="page-scroll animate-all nav-under" ng-class="{'selected': pageIs('/services'), 'navhover': serviceHover}"><span>What We Do</span><div class="nav-underline"></div></a>
          <ul class="dropdown-menu service-dropdown-menu-positioning" uib-dropdown-menu aria-labelledby="services-dropdown">
            <li>
              <a ng-class="{'selected': pageIs('/services/cto')}" ng-href="/services/cto">Fractional CTO</a>
              <a ng-class="{'selected': pageIs('/services/scaling')}" ng-href="/services/scaling">Scale Your Business</a>
              <a ng-class="{'selected': pageIs('/services/app')}" ng-href="/services/app">Launch a Product</a>
              <a ng-class="{'selected': pageIs('/services/it')}" ng-href="/services/it">Enterprise System Development</a>
              <!-- <a ng-class="{'selected': pageIs('/services/scaling')}" ng-href="/services/scaling">Cloud Transformation</a> -->
        </li>
      </ul>

      <li ng-mouseenter="clientHover = true" ng-mouseleave="clientHover = false">
        <a class="page-scroll animate-all nav-under change" ng-click="navigate('/clients')" ng-class="{'selected': pageIs('/clients'), 'navhover': clientHover}"><span>CLIENTS</span><div class="nav-underline"></div></a>
      </li>

      <li ng-mouseenter="careerHover = true" ng-mouseleave="careerHover = false">
        <a class="page-link animate-all nav-under change" href="https://netrist.zohorecruit.com/jobs/Careers" ng-class="{'selected': pageIs('/careers'), 'navhover': careerHover}"><span>CAREERS</span><div class="nav-underline"></div></a>
      </li>

      <li ng-mouseenter="aboutHover = true" ng-mouseleave="aboutHover = false" uib-dropdown>
        <a href id="about-dropdown" uib-dropdown-toggle class="page-scroll animate-all nav-under" ng-class="{'selected': pageIs('/about'), 'navhover': aboutHover}"><span>About Us</span><div class="nav-underline"></div></a>
        <ul class="dropdown-menu service-dropdown-menu-positioning" uib-dropdown-menu aria-labelledby="about-dropdown">
          <li>
            <a ng-class="{'selected': pageIs('/about')}" ng-href="/about">Our Values</a>
            <a ng-class="{'selected': pageIs('/blog')}" ng-href="/blog">Blog</a>
          </li>
        </ul>
      </li>

      <li ng-mouseenter="contactHover = true" ng-mouseleave="contactHover = false">
        <a class="page-scroll animate-all nav-under change" ng-click="navigate('/contact')" ng-class="{'selected': pageIs('/contact'), 'navhover': contactHover}"><span>CONTACT</span><div class="nav-underline"></div></a>
      </li>

      <li class="hidden-xs sm-group">
        <a class="sm-link facebook-link" target="_blank" href="https://www.facebook.com/NetristSocial/"><i class="fa fa-facebook-square"></i></a>
        <a class="sm-link twitter-link" target="_blank" href="https://twitter.com/NetristSocial"><i class="fa fa-twitter-square"></i></a>
        <a class="sm-link linkedin-link" target="_blank" href="https://www.linkedin.com/company/netrist-solutions-llc"><i class="fa fa-linkedin-square"></i></a>
      </li>
      <li class="visible-xs">
        <a ng-mouseenter="faceHover = true" ng-mouseleave="faceHover = false" class="sm-link facebook-link" target="_blank" href="https://www.facebook.com/NetristSocial/" ng-class="{'navhover': faceHover}"><i class="fa fa-facebook-square"></i></a>
        <a ng-mouseenter="twitHover = true" ng-mouseleave="twitHover = false" class="sm-link twitter-link" target="_blank" href="https://twitter.com/NetristSocial" ng-class="{'navhover': twitHover}"><i class="fa fa-twitter-square"></i></a>
        <a ng-mouseenter="linkedHover = true" ng-mouseleave="linkedHover = false" class="sm-link linkedin-link" target="_blank" href="https://www.linkedin.com/company/netrist-solutions-llc" ng-class="{'navhover': linkedHover}"><i class="fa fa-linkedin-square"></i></a>
      </li>
    </div>
    <!-- /.navbar-collapse -->
  </div>
  <!-- /.container-fluid -->
</nav>

<div class="view" ng-class="[getViewClass(), {'nav-clear': !pageIs('/home')}]" ng-view></div>

<footer class="footer">
  <div class="footer-flex">
    <div class="copyright">
      <div>© {{year}} Netrist Solutions, LLC.  All rights reserved.</div>
    </div>
    <div class="connect" ng-click="navigate('/contact')">
      <div>LET'S CONNECT! <img src="../images/right-arrow-white.png"></div>
    </div>
    <div class="back-to-top" ng-click="pageScroll()">
      <div><img src="../images/footer-up-arrow.png"></div>
    </div>
  </div>
</footer>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  if(window.location.hostname.indexOf("test") > -1){
    ga('create', 'UA-91669030-1', 'auto');
  } else {
    ga('create', 'UA-80863611-1', 'auto');
    //ga('send', 'pageview');
  }

</script>

<!-- Begin INDEED conversion code -->
<script type=“text/javascript”>
/* <![CDATA[ */
var indeed_conversion_id = ‘7593208623190727’;
var indeed_conversion_label = ‘’;
/* ]]> */
</script>
<script type=“text/javascript” src=“//conv.indeed.com/applyconversion.js”>
</script>
<noscript>
  <img height=1 width=1 border=0 src=“//conv.indeed.com/pagead/conv/7593208623190727/?script=0">
</noscript>
<!-- End INDEED conversion code -->

<script src="scripts/app.js"></script>

<script src="//use.typekit.net/lvv6zrl.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>

<script src="//cdnjs.cloudflare.com/ajax/libs/postscribe/2.0.6/postscribe.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
</body>
</html>
