<html>
<head>
<style type="text/css">
@font-face {
font-family: "font";
src: url("HelveticaLTStd-Bold.otf");
}
body{
background-color: #ffffff;
background-size: 100%;
-webkit-transition-duration: 1s;
}
h1.time {
font-size: 150%;
font-family: "font";
background: -webkit-linear-gradient(left top, #bcbcbc, #000000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
-webkit-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
-o-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
-ms-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
position:relative;
top:186px;
left: 70px;
}
h1.date {
font-size: 150%;
font-family: "font";
background: -webkit-linear-gradient(left top, #A36E0A, #805608);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
-webkit-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
-o-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
-ms-transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
transform: rotate(360deg) translate(0px, 0px) skew(6deg, 0deg);
position:relative;
top:140px;
left: 138px;
}
</style>
</head>
<body>
<script type="text/javascript">
var currentTime = new Date()
var hours = currentTime.getHours()
var minutes = currentTime.getMinutes()
if (minutes < 10)
minutes = "0" + minutes
var suffix = "AM";
if (hours >= 12) {
suffix = "PM";
hours = hours - 12;
}
if (hours == 0) {
hours = 12;
}
document.write("<h1 class=time>" + hours + "." + minutes + " " , "</h1>")
var currentDate = new Date()
var day = currentDate.getDate()
var month = currentDate.getMonth() + 1
var year = currentDate.getFullYear()
document.write("<h1 class=date>" + month + "." + day + "." + year + "</h1>")
</script>
</body>
</html>