oasis.html


<!DOCTYPE html>
<html lang="en">
    <head>
      <title>Oasis
</title>
        <meta name="description" content=""/>
        <meta name="keywords" content=""/>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />

       <link rel="stylesheet" type="text/css" href="oasis.css">
<link rel="stylesheet" href="jquery.countup.css" />

    </head>
    <body>

<div id="video">
 <h1>DEAL WITH DISTRACTION</h1>
  <video autoplay loop muted src="oasis.mp4"></video>
  <div id="countdown"></div>
<a href="javascript:;">
    <svg class="icon-arrow before">
        <use xlink:href="#arrow"></use>
    </svg>
    <span class="label">Let's Go</span>
    <svg class="icon-arrow after">
        <use xlink:href="#arrow"></use>
    </svg>
</a>

<svg style="display: none;">
  <defs>
    <symbol id="arrow" viewBox="0 0 35 15">
      <title>Arrow</title>
      <path d="M27.172 5L25 2.828 27.828 0 34.9 7.071l-7.07 7.071L25 11.314 27.314 9H0V5h27.172z "/>
    </symbol>
  </defs>
</svg>
</div>

<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
		<script src="jquery.countup.js"></script>
		<script src="oasis.js" type="text/javascript"></script>
    </body>
</html>