<html>
	<head>
		<link rel="stylesheet" href="FlipClock/compiled/flipclock.css">

		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

		<script src="FlipClock/compiled/flipclock.js"></script>	
    <style>
     .flip-clock-wrapper ul {width: 40px;height: 62px;margin: 0 2px;}
     .flip-clock-wrapper ul li {line-height: 62px;}
     .flip-clock-wrapper ul li a div div.inn {border-radius: 3px;font-size: 38px;}
     .flip-clock-wrapper ul li a div.down {border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
     .flip-clock-wrapper ul li a div.up:after {top: 38px;height: 2px;}
     .flip-clock-divider .flip-clock-label {color: black;}
    </style>
	</head>
	<body style="padding:0px; margin:0px;">
		<div style="width:100%; z-index:9999; padding-top:5px; padding-bottom:5px; background-color:#cc0000; background-image:url('textures/texture1.png');">
     
     <div style="width:1000px; margin-left:auto; margin-right:auto;">
      <div style="width:250px; float:left; height:105px;">
       <table>
        <tr>
         <td width="250" height="105">
          <font style="font-size:24px; font-weight:900; font-family:sans-serif;"> 
            This bonus offer expires in:
          </font>
         </td>
        </tr> 
       </table>
      </div>
      <div style="width:280px; float:right; height:105px;">
      <table>
        <tr>
         <td width="280" height="105">
          <button style="width:250px; font-size:22px; height:65px; float:right; font-weight:800; border-radius: 10px;">CLICK HERE NOW !!</button>
         </td>
        </tr>
       </table>  
      </div>
      <div style="width:440px; float:right;">
       <div class="clock" style="margin:2em;"></div>
      </div>
      
      
      
      <div style="clear:both;"></div>
    
     </div>
    
    </div>
		
		<script type="text/javascript">
			var clock;

			$(document).ready(function() {

				// Grab the current date
				var currentDate = new Date();

				// Set some date in the future. In this case, it's always Jan 1
				var futureDate  = new Date(currentDate.getFullYear() + 1, 0, 1);

				// Calculate the difference in seconds between the future and current date
				var diff = <?php echo 500000 ?>

				// Instantiate a coutdown FlipClock
				clock = $('.clock').FlipClock(diff, {
					clockFace: 'DailyCounter',
					countdown: true
				});
			});
		</script>
		
	</body>
</html>