Untitled
unknown
html
a year ago
2.7 kB
1
Indexable
Never
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta charset="UTF-8" />
<title>Clock App</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="box">
<div class="box__clock">
<div class="box__clock_timezone">
<label for="box__clock_timezone-label">Select Timezone</label>
<select class="box__clock_timezone-select">
<option value="Etc/GMT+1">(GMT-01:00) Azores</option>
<option value="Atlantic/Cape_Verde">(GMT-01:00) Cape Verde</option>
<option value="Africa/Casablanca">(GMT+00:00) Casablanca</option>
<option value="Europe/London">(GMT+00:00) London</option>
<option value="Europe/Berlin">(GMT+01:00) Berlin</option>
<option value="Europe/Paris">(GMT+01:00) Paris</option>
<option value="Africa/Lagos">(GMT+01:00) Lagos</option>
<option value="Europe/Warsaw">(GMT+01:00) Warsaw</option>
<option value="Europe/Istanbul">(GMT+03:00) Istanbul</option>
<option value="Asia/Riyadh">(GMT+03:00) Riyadh</option>
<option value="Europe/Moscow">(GMT+03:00) Moscow</option>
<option value="Asia/Dubai">(GMT+04:00) Dubai</option>
<option value="Asia/Yerevan">(GMT+04:00) Yerevan</option>
<option value="Asia/Baku">(GMT+04:00) Baku</option>
<option value="Indian/Maldives">(GMT+05:00) Maldives</option>
<option value="Asia/Tashkent">(GMT+05:00) Tashkent</option>
<option value="Asia/Kolkata">(GMT+05:30) Kolkata</option>
<option value="Asia/Dhaka">(GMT+06:00) Dhaka</option>
<option value="Asia/Almaty">(GMT+06:00) Almaty</option>
<option value="Asia/Yekaterinburg">(GMT+07:00) Yekaterinburg</option>
<option value="Asia/Bangkok">(GMT+07:00) Bangkok</option>
<option value="Asia/Shanghai">(GMT+08:00) Shanghai</option>
<option value="Asia/Singapore">(GMT+08:00) Singapore</option>
<option value="Asia/Seoul">(GMT+09:00) Seoul</option>
</select>
<canvas id="clock" width="200" height="200"></canvas>
</div>
<span class="box__clock__time"></span>
<span class="box__clock__date"></span>
</div>
<div class="box__stopwatch">
<span class="box__stopwatch__display">00:00:00</span>
<div class="box__stopwatch__buttons">
<button class="box__stopwatch__button box__stopwatch__button--start">Start</button>
<button class="box__stopwatch__button box__stopwatch__button--stop">Stop</button>
<button class="box__stopwatch__button box__stopwatch__button--reset">Reset</button>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>