<!DOCTYPE html>
<html>

<head>
	<title>Face IT</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css">
	<link rel="stylesheet" type="text/css" href="../css/style.css" />
</head>

<body>

	<div class="fixed_menu">
		<div class="container">
			<div class="row">
				<div class="logo_wrap col-xs-12 col-sm-12 col-md-3 col-lg-3">
					<div class="row">
						<a href="/">
							<span class="logo_text">Face IT</span>
							<span class="small_ball"></span>
							<span class="logotype"></span>
						</a>
					</div>
				</div>
				<div class="col-xs-12 col-sm-12 col-md-9 col-lg-9">
					<div class="row">
						<nav class="main_menu navbar navbar-default">
							<div class="container-fluid">
								<!-- Brand and toggle get grouped for better mobile display -->
								<div class="navbar-header">
									<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
										<span class="sr-only">Toggle navigation</span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
									</button>
								</div>

								<!-- Collect the nav links, forms, and other content for toggling -->
								<div class="collapse navbar-collapse navbar-ex1-collapse">
									<ul class="nav navbar-nav">
										<li><a href="/">Home <span></span></a></li>
										<li><a href="about">About Us <span></span></a></li>
										<li><a href="services">Services <span></span></a></li>
										<li><a href="projects">Projects <span></span></a></li>
										<li><a href="how-we-work">How We Work <span></span></a></li>
										<li><a href="testimonials">Testimonials <span></span></a></li>
										<li><a href="vacancies">Vacancies <span></span></a></li>
										<li><a href="contacts">Contacts <span></span></a></li>
									</ul>

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

	<a href="#header" class="up"></a>

	<header id="header">
		<div class="container-fluid header_wrap">
			<div class="row">
				<div class="col-md-12">
					<div class="logo_wrap">
						<a href="#">
							<span class="logo_text">Face IT</span>
							<span class="small_ball"></span>
							<span class="logotype"></span>
						</a>
						<div class="clearfix"></div>
						<span class="text_block text_left">Planning.</span>
						<span class="text_block text_center">Programming.</span>
						<span class="text_block text_right">Result.</span>
					</div>
				</div>
				<div class="clearfix"></div>
				<div class="container hw_container">
					<div class="row">
						<nav class="main_menu navbar navbar-default">
							<div class="container-fluid">
								<!-- Brand and toggle get grouped for better mobile display -->
								<div class="navbar-header">
									<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex2-collapse">
										<span class="sr-only">Toggle navigation</span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
									</button>
								</div>

								<!-- Collect the nav links, forms, and other content for toggling -->
								<div class="collapse navbar-collapse navbar-ex2-collapse">
									<ul class="nav navbar-nav">
										<li><a href="/">Home <span></span></a></li>
										<li><a href="about">About Us <span></span></a></li>
										<li><a href="services">Services <span></span></a></li>
										<li><a href="projects">Projects <span></span></a></li>
										<li><a href="how-we-work">How We Work <span></span></a></li>
										<li><a href="testimonials">Testimonials <span></span></a></li>
										<li><a href="vacancies">Vacancies <span></span></a></li>
										<li><a href="contacts">Contacts <span></span></a></li>
									</ul>
								</div><!-- /.navbar-collapse -->
							</div>
						</nav>

					</div>
				</div>
			</div>
		</div>
		<a href="#page_not_found" class="down glyphicon glyphicon-chevron-down"></a>
	</header>

	<section id="page_not_found">
		<div class="container">
			<div class="row">
				<a href="/">
					<img src="../img/404.png" alt="">
				</a>
			</div>
		</div>
	</section>

	<footer>
		<div class="container">
			<div class="row">
				<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
					<div class="logo_wrap">
						<a href="#">
							<span class="logo_text">Face IT</span>
							<span class="small_ball"></span>
							<span class="logotype"></span>
						</a>
						<p class="visible-md visible-lg">Professional programming
							for your business</p>
						<p class="visible-md visible-lg">&copy; Copyright FaceIT, 2009-2016</p>
					</div>
				</div>
				<div class="footer_menu col-xs-12 col-sm-6 col-md-5 col-lg-5">
					<ul>
						<li><span class="hidden-xs">Company</span></li>
						<li class="hidden-xs"><a href="/">Home<span class="glyphicon glyphicon-circle-arrow-right"></span></a></li>
						<li><a href="about">About us<span class="glyphicon glyphicon-circle-arrow-right"></span></a></li>
						<li class="hidden-xs"><a href="vacancies">Vacancies<span class="glyphicon glyphicon-circle-arrow-right"></span></a></li>
						<li class="hidden-xs"><a href="testimonials">Testimonials<span class="glyphicon glyphicon-circle-arrow-right"></span></a></li>
						<li><a href="contacts">Contacts<span class="glyphicon glyphicon-circle-arrow-right"></span></a></li>
					</ul>
					<ul>
						<li><span class="hidden-xs">activity</span></li>
						<li><a href="services">Services<span class="glyphicon glyphicon-circle-arrow-right"></span></a></li>
						<li><a href="projects">Projects<span class="glyphicon glyphicon-circle-arrow-right"></span></a></li>
						<li><a href="how-we-work">How We Work<span class="glyphicon glyphicon-circle-arrow-right"></span></a></li>
						<li><a href="#technologies">Technologies<span class="glyphicon glyphicon-circle-arrow-right"></span></a></li>
						<li><a href="#we-do">What we do<span class="glyphicon glyphicon-circle-arrow-right"></span></a></li>
					</ul>
				</div>
				<div class="socicons_wrap col-xs-12 col-sm-12 col-md-3 col-lg-3">
					<div class="row">
						<div class="clearfix">
							<a href="#" class="socicon"></a>
							<a href="#" class="socicon"></a>
							<a href="#" class="socicon"></a>
						</div>
						<div class="email hidden-xs">
							<div>Write Us</div>
							<a href="#"><span></span>info@faceit.com.ua</a>
						</div>
						<p class="visible-sm visible-xs">&copy; Copyright FaceIT, 2009-2016</p>
					</div>
				</div>

			</div>
		</div>
	</footer>

	<script src="./js/jquery.js"></script>
	<script src="./js/bootstrap.min.js"></script>
	<script src="./js/scrollreveal.min.js"></script>
	<script src="./js/jquery.mixitup.js"></script>
    <script src="./vendor/masonry/dist/masonry.pkgd.min.js"></script>
    <script src="./vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
	<script src="./js/jquery.validate.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
	<script src="./js/scripts.js"></script>
	<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');

  ga('create', 'UA-67987868-1', 'auto');
  ga('send', 'pageview');

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