Untitled

avatar
unknown
html
3 years ago
2.7 kB
7
Indexable
<!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>
Editor is loading...