<!doctype html>
<html ng-app="snopp" ng-controller="MainCtrl" xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="utf-8">
	<meta name="fragment" content="!">
	<meta name="referrer" content="always">
	<base href="/">
	<title>{{ Page.title() }}</title>    
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="geo.position" content="64.0146;11.489284">
	<meta name="geo.placename" content="Steinkjer, Norway">
	<link rel="stylesheet" type="text/css" href="http://snopp.no/style.css">
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<link rel="apple-touch-icon" sizes="57x57" href="apple-touch-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60" href="apple-touch-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="apple-touch-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="apple-touch-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="apple-touch-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon-180x180.png">
	<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16">
	<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32">
	<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
	<link rel="icon" type="image/png" href="android-chrome-192x192.png" sizes="192x192">
	<meta name="msapplication-square70x70logo" content="smalltile.png" />
	<meta name="msapplication-square150x150logo" content="mediumtile.png" />
	<meta name="msapplication-wide310x150logo" content="widetile.png" />
	<meta name="msapplication-square310x310logo" content="largetile.png" />
	<script src="http://snopp.no/js/jquery-2.0.3.min.js"></script>
    <script src="http://snopp.no/js/angular.min.js"></script>
    <script src="http://snopp.no/js/app.js"></script>
    <script src="http://snopp.no/js/controllers.js"></script>
    <script src="http://snopp.no/js/lazysizes.min.js"></script>
    <script>
	// Hide Header on on scroll down
		var didScroll;
		var lastScrollTop = 0;
		var delta = 5;
		var navbarHeight = $('header').outerHeight();
		
		$(window).scroll(function(event){
		    didScroll = true;
		});
		
		setInterval(function() {
		    if (didScroll) {
		        hasScrolled();
		        didScroll = false;
		    }
		}, 250);
		
		function hasScrolled() {
		    var st = $(this).scrollTop();
		    
		    // Make sure they scroll more than delta
		    if(Math.abs(lastScrollTop - st) <= delta)
		        return;
		    
		    // If they scrolled down and are past the navbar, add class .nav-up.
		    // This is necessary so you never see what is "behind" the navbar.
		    if (st > lastScrollTop && st > navbarHeight){
		        // Scroll Down
		        $('header').removeClass('nav-down').addClass('nav-up');
		    } else {
		        // Scroll Up
		        if(st + $(window).height() < $(document).height()) {
		            $('header').removeClass('nav-up').addClass('nav-down');
		        }
		    }
		    
		    lastScrollTop = st;
		}
	</script>
	<!-- 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','//connect.facebook.net/en_US/fbevents.js');
	
	fbq('init', '1166700030026228');
	fbq('track', "PageView");</script>
	<noscript><img height="1" width="1" style="display:none"
	src="https://www.facebook.com/tr?id=1166700030026228&ev=PageView&noscript=1"
	/></noscript>
	<!-- End Facebook Pixel Code -->
</head>
<body>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-6NPB"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-6NPB');</script>
<!-- End Google Tag Manager -->
<!--[if lt IE 7]>
<p class="browsehappy">Du bruker en utdatert nettleser. Vennligst <a href="http://browsehappy.com/" target="_blank" rel="nofollow">oppgrader nettleseren din</a> for å forbedre opplevelsen din.</p>
<![endif]-->
<header>
<div mhtn="container flex">
	<div mhtn="row">
    	<div mhtn="col xs-50 sm-33 md-33 lg-33" class="holder">
	    	<a id="workBtn" href="#!/" ng-class="{activeSmall:part == 'jobber'}" class="logo">Snopp Designbyrå</a>
    	</div>
		<nav mhtn="col xs-50 sm-66 md-40 lg-33" class="holder">
			<ul>				
				<li class="hidden"><a id="workBtn" href="/" ng-class="{activeSmall:part == 'jobber'}" >Jobber</a></li>
                <li><a id="omBtn" href="/om" ng-class="{activeSmall:part == 'om'}">Byrået</a></li>
                <li><a id="kontaktBtn" href="/kontakt" ng-class="{activeSmall:part == 'kontakt'}">Kontakt</a></li>
			</ul>
		</nav>
		<div mhtn="col xs-50 sm-33 md-25 lg-33" class="holder hidden">
			<div class="alignright"><a href="mailto:hei@snopp.no">hei@snopp.no</a><span class="md-hide"> – <a href="tel:+4793235696">932 35 696</a></span></div>
		</div>
	</div>
</div>	
</header>
    <div style="position:relative">
        <div style="width:100%" ng-view ng-animate="{enter: 'view-enter', leave: 'view-leave'}"></div>
    </div>
</body>
</html>