--- /dev/null
+* {
+ margin:0;padding:0
+}
+
+h1 {
+ font-size:1.4em;margin:10px 0 20px 10px;color:#6587ac;
+}
+
+h1 + .desc {
+ font-size:0.8em;border-bottom:2px solid #6587ac;margin:-10px 10px 20px;color:#6587ac;
+}
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+ <meta name="description" content="SIMPLE CLOCK AND IMAGE CHECK IN OFFLINE - ApplicationCaches Tutorial"/>
+
+ <title>SIMPLE CLOCK AND IMAGE CHECK IN OFFLINE - ApplicationCaches Tutorial</title>
+
+ <link rel="stylesheet" type="text/css" href="css/style.css"/>
+ <script src="js/clock.js"></script>
+</head>
+
+<body>
+ <h1>HTML5 APPLICATION CACHES</h1>
+ <p class="desc">SIMPLE CLOCK AND IMAGE CHECK IN OFFLINE</p>
+
+ <p><strong>WHILE OFFLINE PLEASE RELOAD THIS PAGE</strong></p>
+ <p><output id="clock"></output></p>
+ <img src="images/tizen.png" alt="" />
+</body>
+</html>
--- /dev/null
+setInterval(function () {\r
+ document.getElementById('clock').value = new Date();\r
+}, 1000);
\ No newline at end of file