<!DOCTYPE html>
<html>
	<head>
		
<!-- 		<script type="text/javascript" src="js/snow.js"></script> -->

	
			<title>Digital Communications Agency</title>
		<meta name="description" content="">

		<meta name="viewport" content="width=device-width">
		<meta name="theme-color" content="#83C131">
		<!-- CSS -->
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<link rel="stylesheet" type="text/css" href="css/responsive.css">
		<link rel="icon" type="image/png" href="img/favicon-old-a.png">

		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
		<link href='https://fonts.googleapis.com/css?family=Catamaran:100,400,700,900' rel='stylesheet' type='text/css'>
	</head>
	<body id="no-scroll" style='background: transparent url("//argyleinteractive.com/img/landing.jpg") repeat scroll center center / cover ;'>
		
		<!-- Google Tag Manager -->
		<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-KT7XJF"
		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-KT7XJF');</script>
		<!-- End Google Tag Manager -->
		
		<nav>
	<div class="wrapper">
		<a href="//argyleinteractive.com"><img src="//argyleinteractive.com/img/logo-new-old-a.svg" alt="Argyle Interactive" id="nav-logo"></a>
		<div id="nav-clicker">
			<i class="fa fa-bars"></i>
			<p>
				Menu
			</p>
		</div>
		<div id="nav-slidein">
			<ul>
				<li><a href="//argyleinteractive.com/">Home</a></li>
				<li><a href="//argyleinteractive.com/the-team">Our Team</a></li>
				<li><a href="//argyleinteractive.com/our-work">Our Work</a></li>
				<li><a href="//argyleinteractive.com/blog">Blog</a></li>
				<li><a href="//argyleinteractive.com/contact-us">Contact Us</a></li>
			</ul>

			<div id="nav-social">
				<a href="https://www.facebook.com/ArgyleInteractive/"><i class="fa fa-facebook-official"></i></a>
				<a href="https://instagram.com/argyleinteract/"><i class="fa fa-instagram"></i></a>
				<a href="https://flipboard.com/@dean1016/argyle-interactive-1leoeglpz"><img src="../img/flipboard-icon.png" class="flipboard"></a>
				<a href="https://twitter.com/argyleinteract"><i class="fa fa-twitter-square"></i></a>
				<p id='nav-love'>
					<span>made with</span> <img src='//argyleinteractive.com/img/love.png'>
					<!-- &copy; Argyle Interactive 2015 -->
				</p>
			</div>

		</div>
		<div class="clearfix"></div>
	</div>
</nav>

		<div id='email-sent-banner'><span>Thank you for contacting Argyle Interactive! We'll be in touch soon.</span><button>&#10006</button></div>

		<div id="home-fixed">
			<video autoplay  poster="img/video-stock.jpg" id="bgvid" loop>
				<source src="https://s3.amazonaws.com/argyleassets/home-bg.mp4" type="video/mp4">
			</video>

			<div id="bg-overlay"></div>

			<div id="centered-home-home-content">
				<h1 id="home-title">
					<!-- Digital <span style="color:rgba(131, 193, 49, 1)">+</span> Creative<br>Communications -->
					Digital + Creative<br>
					Communications
				</h1>
				<div class="center-link-wrap">
					<a href="/contact-us" id="home-cta-left">Start Your Project</a>
					<a href="/our-work" id="home-cta-right">View Our Work</a>
				</div>
			</div>
		</div>


		<!-- JS -->
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
		<script src="js/script.js"></script>
	</body>

	<script>
		$('#nav-love').children('img').prop('src', 'img/love.png')
		$('#nav-logo').prop('src', 'img/logo-new-old-a.svg')
		$('#nav-social').children('a').eq(2).children('.flipboard').prop('src', 'img/flipboard-icon.png')
	</script>

	<script>
		if (window.location.search == '?email-sent')
			$('#email-sent-banner').show().css('top', 80)
			.children('button').click(function() { $('#email-sent-banner').hide() })
	</script>
</html>
