1.    
  2.  
  3.     <html>
  4.      
  5.             <head>
  6.      
  7.                     <style type="text/css">
  8.      
  9.                     @font-face {
  10.                     font-family: "font";
  11.                     src: url("HelveticaLTStd-Bold.otf");
  12.      
  13.                     }
  14.      
  15.                     body{
  16.                     background-color: #ffffff;
  17.                     background-size: 100%;
  18.                     -webkit-transition-duration: 1s;
  19.                     }
  20.      
  21.                     h1.time {
  22.                     font-size: 150%;
  23.                     font-family: "font";
  24.                     background: -webkit-linear-gradient(left top, #bcbcbc, #000000);
  25.                     -webkit-background-clip: text;
  26.                     -webkit-text-fill-color: transparent;
  27.                     -moz-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  28.                     -webkit-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  29.                     -o-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  30.                     -ms-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  31.                     transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  32.                     position:relative;
  33.                     top:186px;
  34.                     left: 70px;
  35.                     }
  36.      
  37.                     h1.date {
  38.                     font-size: 150%;
  39.                     font-family: "font";
  40.                     background: -webkit-linear-gradient(left top, #A36E0A, #805608);
  41.                     -webkit-background-clip: text;
  42.                     -webkit-text-fill-color: transparent;
  43.                     -moz-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  44.                     -webkit-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  45.                     -o-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  46.                     -ms-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  47.                     transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
  48.                     position:relative;
  49.                     top:140px;
  50.                     left: 138px;
  51.                     }
  52.            
  53.      
  54.             </style>
  55.      
  56.             </head>
  57.      
  58.             <body>
  59.      
  60.                     <script type="text/javascript">
  61.                    
  62.                             var currentTime = new Date()
  63.                             var hours = currentTime.getHours()
  64.                             var minutes = currentTime.getMinutes()
  65.      
  66.                                     if (minutes < 10)
  67.                                    minutes = "0" + minutes
  68.    
  69.                            var suffix = "AM";
  70.    
  71.                                    if (hours >= 12) {
  72.                                     suffix = "PM";
  73.                                     hours = hours - 12;
  74.                                     }
  75.      
  76.                                     if (hours == 0) {
  77.                                     hours = 12;
  78.                                     }
  79.      
  80.                             document.write("<h1 class=time>" + hours + "." + minutes + " " , "</h1>")
  81.      
  82.                             var currentDate = new Date()
  83.                             var day = currentDate.getDate()
  84.                             var month = currentDate.getMonth() + 1
  85.                             var year = currentDate.getFullYear()
  86.      
  87.                             document.write("<h1 class=date>" + month + "." + day + "." + year + "</h1>")
  88.      
  89.                    
  90.     </script>
  91.      
  92.     </body>
  93.      
  94.     </html>