<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link rel="shortcut icon" href="assets/ico/favicon.png">

    <title>eightahead GmbH</title>

    <!-- Bootstrap core CSS -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">

    <!-- Custom styles for this template -->
    <link href="assets/css/main.min.css" rel="stylesheet">
    <link href="assets/css/eightahead.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
      <script src="assets/js/respond.min.js"></script>
    <![endif]-->

  </head>

  <body>

    <!-- Fixed navbar -->
    <div class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <img class="img-responsive" src="assets/img/logo_header.svg" alt="" id="logo_header">
        </div>

        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            
            <li  ><a href="index.html" >Home</a></li>
            <li  ><a href="index.html#sec_about" >About</a></li>
            <li  ><a href="index.html#sec_service" >Services</a></li>
            <li  ><a href="index.html#sec_tech" >Technology</a></li>
            <li  ><a href="index.html#sec_portfolio" >Portfolio</a></li>
            <li  ><a href="index.html#sec_contact" >Contact</a></li>

          </ul>
        </div><!--/.nav-collapse -->

      </div>
    </div>

<div id="w1">
	<div class="container">
		<br>
		<div class="col-lg-10 col-lg-offset-1 centered">
			<br>
			<br>
			<br>
			<br>
			<br>
			<h1 style="font-size: 100px;"><b>404</b></h1>
			<h2>OOOPS!<br/> 
			You are not in the right place.
			</h2>
			<br>
			<hr>
			<br>
			<h4>TRY OUT THE MENU TO FIND WHAT YOU ARE LOOKING FOR.</h4>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
		</div>
	</div><!-- /container -->
</div> <!-- /White Wrap 1 / Error -->

	<div id="f">
		<div class="container">
			<div class="row">
				<div class="col-sm-4">
					<img src="assets/img/logo_secondary_neg.svg" width="180px">
					<p>Launched in 2011 to create apps for web and mobile, we today enjoy working with a lot of great people from small and mid-sized clients up to some high-profile companies.</p>
				</div>
				<div class="col-sm-2 col-sm-offset-2">
				<h3>We do</h3>
					<p>
						Development<br>
						Concepts<br>
						Consulting<br>
						Technical Planing<br>
					</p>
				</div>
				<div class="col-sm-2">
				<h3>We create</h3>
					<p>
						Web Frontends<br>
						Mobile Apps<br>
						Backends<br>
						Web API's<br>
					</p>
				</div>
				<div class="col-sm-2">
				<h3>We use</h3>
					<p>
						HTML5<br>
						Javascript<br>
						Java for Android<br>
						node.js<br>
					</p>
				</div>
			</div><!-- /row -->
		</div><!-- /container -->
	</div><!-- /Footer wrap -->
	
	<div id="c">
		<div class="container">
			<div class="pull-left">
			<p>Made with <i class="fa fa-heart-o"></i> in 2014. eightahead GmbH.</p>
			</div>
			<div class="pull-right">
			<p><a href="privacy.html" class="white_link imprint_link">Datenschutz</a>&nbsp;&nbsp;&nbsp;<a href="imprint.html" class="white_link imprint_link">Impressum</a></p>
			</div>
		</div>
	</div>

    <script src="assets/js/jquery.min.js"></script>
	<!-- <script type="text/javascript" src="assets/js/modernizr.custom.js"></script> -->
    <script src="assets/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="assets/js/jquery.easypiechart.min.js"></script>
    <script type="text/javascript" src="assets/js/jquery.easing-1.3.js"></script>
    <script type="text/javascript" src="assets/js/jquery.scrollTo.min.js"></script>
    <script type="text/javascript" src="assets/js/waypoints.min.js"></script>
    <script type="text/javascript" src="assets/js/eightahead.js"></script>
    <script>
    	$(function () { $("[data-toggle='tooltip']").tooltip(); });
    </script>
	
	<script type="text/javascript">

	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-47557402-1']);
	  _gaq.push(['_setDomainName', 'eightahead.de']);
	  _gaq.push(['_gat._anonymizeIp']);
	  _gaq.push(['_setAllowLinker', true]);
	  _gaq.push(['_trackPageview']);

	  (function() {
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();

	</script>
    
  </body>
</html>

