-
Notifications
You must be signed in to change notification settings - Fork 0
/
DESK.html
84 lines (63 loc) · 3.52 KB
/
DESK.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<html>
<head>
<link rel="stylesheet" href="DESK.css">
<title>DESKTOP</title>
<script>
function clock() {
var clockDiv = document.querySelector("#clock");
return setInterval(() => {
let date = new Date();
let tick = date.toLocaleTimeString();
clockDiv.textContent = tick;
}, 1000);
}
</script>
</head>
<body onload="clock()">
<!-- TOP NAV -->
<div class="top_nav">
<div class="app">
<li> <img src="applelogo.png" height="36px" width="30px" style="padding-left:5px;"> </li>
<div class="app_menu">
<li> <img id="left" src="galarry.png" height="32px" width="32px" style="margin-top:5px;">
<p id="right"> Gallary</p> </li>
<br>
<li> <img id="left" src="safari.png" height="32px" width="32px" style="padding-top:5px;">
<p id="right">Safari</p> </li>
<br>
<li><img id="left" src="music.png" height="32px" width="32px" style="padding-top:5px;">
<p id="right"> Apple Play</p> </li>
<br>
<li> <img id="left" src="settings.webp" height="32px" width="32px" style="padding-top:5px;">
<p id="right"> Settings</p> </li>
</div>
</div>
<div class="finder">
<li id="a" ><a href="#">Finder</a></li>
<div class="dropdown-content">
<li id="b"><a href="#">Home</a></li><br>
<li id="b"><a href="MAIN.html">Switch User</a></li><br>
<li id="b"><a href="#">Reboot</a></li><br>
</div>
</div>
<li id="a"><a href="#">File</a></li>
<li id="a"><a href="#">Edit</a></li>
<li id="a"><a href="#">Finder</a></li>
<li id="a"><a href="#">Window</a></li>
<li id="a"><a href="#">Help</a></li>
<li id="c"><div id="clock"></div></li>
</div>
<div class="dock">
<img id="dock-img" src="i-finder.png" style="height:45px; width: 45px;padding-top: 10px;padding-left: 15px;">
<img id="dock-img" src="message.png" style="height:50px; width: 50px;padding-top: 10px;padding-left: 10px;">
<img id="dock-img" src="safari.png" style="height:52px; width: 52px;padding-top: 10px;padding-left: 10px;">
<img id="dock-img" src="map.png" style="height:55px; width: 55px;padding-top: 8px;padding-left: 10px;">
<img id="dock-img" src="music.png" style="height:55px; width: 55px;padding-top: 7px;padding-left: 10px;">
<img id="dock-img" src="galarry.png" style="height:55px; width: 55px; padding-top: 8px;padding-left: 10px;;">
<img id="dock-img" src="todo.png" style="height:48px; width: 48px ;padding-top: 12px;padding-left: 10px;">
<img id="dock-img" src="appstore.png" style="height:48px; width: 48px;padding-top: 12px;padding-left: 10px;">
<img id="dock-img" src="mail.webp" style="height:55px; width: 55px;padding-top: 7px;padding-left: 10px;">
<img id="dock-img" src="settings.webp" style="height:50px; width: 50px;padding-top: 10px;padding-left: 10px;padding-right:15px">
</div>
</body>
</html>