<!DOCTYPE html>
<!--

  ________.___ ____  __.         __________                    
 /  _____/|   |    |/ _|         \__    __/ ___ _____    _____  
/   \  ___|   |      <    ______   |    |_/ __ \\__  \  /     \ 
\    \_\  \   |    |  \  /_____/   |    |\  ___/ / __ \|  Y Y  \
 \______  /___|____|__ \           |____| \___  >____  /__|_|  /
        \/            \/                      \/     \/      \/ 

-->
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="fb:admins" content="1524527248" />
<title>GIK-Team's web studio | GIK-Team.com</title>

<link href='//fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300' rel='stylesheet' type='text/css'>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/icons.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/media.css" rel="stylesheet">
<link rel="shortcut icon" href="/favicon.ico" />

</head>
<body>
	<div id="preloader"><div id="status">&nbsp;</div></div>

	<div id="mainWrapper">
		<div id="overlay" class="pattern1"></div>

		<!--<div id="logo">
			<img class="svg" src="img/logo-t.svg" alt="GIK-Team">
		</div>-->

		<section id="mainIndex">
			<div class="center_vertical">
				
				<div id="scroller">
					<p>GIK-Team</p>
					<p>GIK-Team</p>
				</div>		
				<!--<div id="Countdown"></div>--><div id="Countdown" class="is-countdown"><span class="countdown-row"><span class="countdown-section"><span class="countdown-amount">WE MAKE LIFE EASIER</span><span class="countdown-period">since 2003</span></span></span></div>
			
			</div>

			<div class="btn_container">
				<div id="index_btn"><a class="btn btn-primary btn-lg toggleinfo" role="button">more</a></div>
			</div>

		</section>

		<section id="mainContents">
			<div class="container">
				
				<h1>About Us</h1>
				<p>GIK-Team's web studio is a leading professional website design and software development team offering varied services. We offer comprehensive full-fledged web services. We use our own developments in line with first-class worldwide experience. Tracking the newest trends, we create our own trends on the local market. All our knowledge, technologies and experience is open to our clients.</p>
				
				<h1>Some of our works & projects</h1>
				
				<h2><a href="http://s.gik-team.com?kittriathlon" target="_blank">kittriathlon.com</a></h2>
				<h2><a href="http://s.gik-team.com?dgclinic" target="_blank">dgclinic.com.ua</a></h2>
				<h2><a href="http://s.gik-team.com/?gikradio" target="_blank">GIKRadio.com</a></h2>
				<h2><a href="http://s.gik-team.com?pulseautomatics" target="_blank">pulseautomatics.com</a></h2>
				<h2><a href="http://s.gik-team.com?blokhin" target="_blank">blokhin-anton.com</a></h2>
			
				<!--<h1>Customer Reviews</h1>
				<div id="disqus_thread"></div>
                        <script type="text/javascript">
                                var disqus_shortname = 'gikteamcom'; 
                                var disqus_url = 'http://www.gik-team.com/mention';
                                (function() {
                                    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                                    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
                                    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
                                })();
                        </script>-->
						
				<h1>Subscribe to Newsletters</h1>
				<div class="form_newsletter">
					<form method="post" name="form_newsletter" action="">
						<input id="txtEmail" type="text" name="email" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck='false' placeholder="Type your Email" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Type your Email'">
						<input id="submitEmail" type="submit" value="SEND">
						<div class="email_alert"></div>
					</form>
				</div>
				
				<script>function sendEmailC() {window.location = "mailto:admin@gik-team.com?subject=Feedback%20from%20GIK-Team.com";}</script>
				<p>&nbsp;</p>
				<p onclick="sendEmailC();" style="text-align:center; cursor: pointer;">Please feel free to contact us with any questions.</p>
				
				<div id="socialIcons">
					<a href="http://facebook.com/GIKRadio" target="_blank"><span class="icon-facebook2"></span></a>
					<a href="http://twitter.com/GIKFeed" target="_blank"><span class="icon-twitter2"></span></a>
					<a href="http://www.pinterest.com/gikteam/" target="_blank"><span class="icon-pinterest2"></span></a>
					<a href="mailto:admin@gik-team.com?subject=Feedback%20from%20GIK-Team.com" target="_blank"><span class="icon-mail3"></span></a>
					<a href="#" onClick="alert('Sorry! Not yet available!')"><span class="icon-feed3"></span></a>
					<a href="https://foursquare.com/gikradio" target="_blank"><span class="icon-foursquare"></span></a>
				</div>
			
			<div id="btns">
				<div id="index_btns"><a class="btnss btn btn-primary btn-lg toggleinfo" role="button">Back</a></div>
			</div>
			
			</div>
		</section>

		<!-- START BACKGROUNDS --> 
		<div id="backgrounds">			
			<ul id="main_slideshow">
				<li>
					<img src="img/sky1.jpg" alt="">
				</li>
				<li>
					<img src="img/sky2.jpg" alt="">
				</li>
			</ul>
		</div>
		<!-- END BACKGROUNDS -->
	</div>
	<!-- END MAIN WRAPPER -->

<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.plugin.min.js"></script>
<script src="js/jquery.countdown.js"></script>
<!--<script src="js/countdown_languages/jquery.countdown-fr.js"></script>-->
<script src="js/three.min.js"></script>
<script src="js/Detector.js"></script>

<script id="vs" type="x-shader/x-vertex">
	varying vec2 vUv;
	void main() {
		vUv = uv;
		gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
	}
</script>

<script id="fs" type="x-shader/x-fragment">
	uniform sampler2D map;
	uniform vec3 fogColor;
	uniform float fogNear;
	uniform float fogFar;
	varying vec2 vUv;
	void main() {
		float depth = gl_FragCoord.z / gl_FragCoord.w;
		float fogFactor = smoothstep( fogNear, fogFar, depth );
		gl_FragColor = texture2D( map, vUv );
		gl_FragColor.w *= pow( gl_FragCoord.z, 20.0 );
		gl_FragColor = mix( gl_FragColor, vec4( fogColor, gl_FragColor.w ), fogFactor );
	}
</script>

<script type="text/javascript">
	var cloudImg = 'img/cloud.png';
	if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
	var container;
	var camera, scene, renderer;
	var mesh, geometry, material;
	var mouseX = 0, mouseY = 0;
	var start_time = Date.now();
	var windowHalfX = window.innerWidth / 2;
	var windowHalfY = window.innerHeight / 2;
	init();
	function init() {
		container = document.createElement( 'div' );
		document.body.appendChild( container );
		// Bg gradient
		var canvas = document.createElement( 'canvas' );
		canvas.width = 32;
		canvas.height = window.innerHeight;
		var context = canvas.getContext( '2d' );
		var gradient = context.createLinearGradient( 0, 0, 0, canvas.height );
		gradient.addColorStop(0, "#7d7f81");
		gradient.addColorStop(0.5, "#7d7f81");
		context.fillStyle = gradient;
		context.fillRect(0, 0, canvas.width, canvas.height);
		/*
		container.style.background = 'url(' + canvas.toDataURL('image/png') + ')';
		container.style.backgroundSize = '32px 100%';
		*/
		//
		camera = new THREE.PerspectiveCamera( 30, window.innerWidth / window.innerHeight, 1, 3000 );
		camera.position.z = 6000;
		scene = new THREE.Scene();
		geometry = new THREE.Geometry();
		var texture = THREE.ImageUtils.loadTexture( cloudImg, null, animate );
		texture.magFilter = THREE.LinearMipMapLinearFilter;
		texture.minFilter = THREE.LinearMipMapLinearFilter;
		var fog = new THREE.Fog( 0xd9cfc6, - 100, 3000 );
		material = new THREE.ShaderMaterial( {
			uniforms: {
				"map": { type: "t", value: texture },
				"fogColor" : { type: "c", value: fog.color },
				"fogNear" : { type: "f", value: fog.near },
				"fogFar" : { type: "f", value: fog.far },
			},
			vertexShader: document.getElementById( 'vs' ).textContent,
			fragmentShader: document.getElementById( 'fs' ).textContent,
			depthWrite: false,
			depthTest: false,
			transparent: true
		} );
		var plane = new THREE.Mesh( new THREE.PlaneGeometry( 64, 64 ) );
		for ( var i = 0; i < 8000; i++ ) {
			plane.position.x = Math.random() * 1000 - 500;
			plane.position.y = - Math.random() * Math.random() * 200 - 10;
			plane.position.z = i;
			plane.rotation.z = Math.random() * Math.PI;
			plane.scale.x = plane.scale.y = Math.random() * Math.random() * 1.5 + 0.5;
			THREE.GeometryUtils.merge( geometry, plane );
		}
		mesh = new THREE.Mesh( geometry, material );
		scene.add( mesh );
		mesh = new THREE.Mesh( geometry, material );
		mesh.position.z = - 8000;
		scene.add( mesh );
		renderer = new THREE.WebGLRenderer( { antialias: true } );
		renderer.setSize( window.innerWidth, window.innerHeight );
		container.appendChild( renderer.domElement );
		document.addEventListener( 'mousemove', onDocumentMouseMove, false );
		window.addEventListener( 'resize', onWindowResize, false );
	}
	function onDocumentMouseMove( event ) {
		mouseX = ( event.clientX - windowHalfX ) * 0.075;
		mouseY = ( event.clientY - windowHalfY ) * 0.05;
	}
	function onWindowResize( event ) {
		camera.aspect = window.innerWidth / window.innerHeight;
		camera.updateProjectionMatrix();
		renderer.setSize( window.innerWidth, window.innerHeight );
	}
	function animate() {
		requestAnimationFrame( animate );
		position = ( ( Date.now() - start_time ) * 0.03 ) % 8000;
		camera.position.x += ( mouseX - camera.position.x ) * 0.01;
		camera.position.y += ( - mouseY - camera.position.y ) * 0.01;
		camera.position.z = - position + 8000;
		renderer.render( scene, camera );
	}
</script>
<script>
	var script = document.createElement('script');
	script.setAttribute('src', 'js/config.js');
	document.getElementsByTagName('head')[0].appendChild(script);
</script>
<script type="text/javascript">
	$(window).load(function() {
		$('#status').fadeOut(500);
		$('#preloader').delay(0).fadeOut(500);
	})
</script>

	<script type="text/javascript">
		$location = String(window.location);
		$pos = $location.indexOf('#');
		if ($pos != -1) {
			$subpath = $location.substring($pos, $location.length);
		} else {
			$subpath = '';
		}
		if ($pos != -1 && $subpath == '#trace=ZverDVD_Autorun') {
			setTimeout('alert("Спасибо за использование интерфейса автозапуска! (актуальная версия: 2.0.0.6 lite) Внимание! Все вопросы, касательно ZverDVD, можно решить на сайте автора данной сборки. Сайт: www.zverdvd.org")', 4000);
			setTimeout('location.replace("http://gikradio.com#gik-team.com")', 5000);
		}
	</script>
	
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (d, w, c) {
    (w[c] = w[c] || []).push(function() {
        try {
            w.yaCounter25081328 = new Ya.Metrika({id:25081328,
                    webvisor:true,
                    clickmap:true,
                    trackLinks:true,
                    accurateTrackBounce:true,
                    trackHash:true});
        } catch(e) { }
    });

    var n = d.getElementsByTagName("script")[0],
        s = d.createElement("script"),
        f = function () { n.parentNode.insertBefore(s, n); };
    s.type = "text/javascript";
    s.async = true;
    s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";

    if (w.opera == "[object Opera]") {
        d.addEventListener("DOMContentLoaded", f, false);
    } else { f(); }
})(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="//mc.yandex.ru/watch/25081328" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

<!-- hit.ua -->
<script language="javascript" type="text/javascript"><!--
Cd=document;Cr="&"+Math.random();Cp="&s=1";
Cd.cookie="b=b";if(Cd.cookie)Cp+="&c=1";
Cp+="&t="+(new Date()).getTimezoneOffset();
if(self!=top)Cp+="&f=1";
//--></script>
<script language="javascript1.1" type="text/javascript"><!--
if(navigator.javaEnabled())Cp+="&j=1";
//--></script>
<script language="javascript1.2" type="text/javascript"><!--
if(typeof(screen)!='undefined')Cp+="&w="+screen.width+"&h="+
screen.height+"&d="+(screen.colorDepth?screen.colorDepth:screen.pixelDepth);
//--></script>
<script language="javascript" type="text/javascript"><!--
Cd.write("<img src='//c.hit.ua/hit?i=61302&g=0&x=2"+Cp+Cr+
"&r="+escape(Cd.referrer)+"&u="+escape(window.location.href)+
"' border='0' wi"+"dth='1' he"+"ight='1'/>");
//--></script>
<!-- / hit.ua -->

<!-- google-analytics -->
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-10050209-4']);
  _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>
<!-- / google-analytics -->

</body>
</html>
