index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Full Screen Video BackGround, Experiment 1</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href='css/core.css' rel='stylesheet' type='text/css'>
    <link href='css/julius.css' rel='stylesheet' type='text/css'>
	


    <!--[if lt IE 9]>
    <script>
        document.createElement('video');
    </script>
    <![endif]-->

</head>
<body>
    <div id="bg_pattern"></div>

    <video autoplay loop poster="poster.jpg" id="bgvid">
        <source src="vids/grain/wild_grass.webm" type="video/webm">
        <source src="vids/grain/wild_grass.mp4" type="video/mp4">
        <source src="vids/grain/wild_grass.ogg" type="video/ogg">
    </video>

    <div class="container">
        <h1 class="dark">Texx Smith Presents</h1>
        <h2 class="dark">The Coming Soon Responsive Landing Page Project</h2>
        <p class="dark">Use my simple "Choose and Combine" system to make your own custom landing page.  View the examples page to see several landing pages you could build with our easy to use, well documented (and supported) system.</p>
	  <p><a href="demo.html" class="dark-ghost-button">EXAMPLES</a></p>
	</div>
  
<!--  Google Analytics code  -->  
<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-74783923-2', 'auto');
  ga('send', 'pageview');
</script>
<!--  End Google Analytics Code -->
  
</body>
</html>