exercises/29-countdown-timer/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="stylesheet" href="../../global//reset.css" />

    <link rel="stylesheet" href="../../global/style.css" />

    <link
      href="https://fonts.googleapis.com/css?family=Inconsolata"
      rel="stylesheet"
      type="text/css"
    />

    <link rel="stylesheet" href="css/style.css" />

    <title>Countdown Timer</title>

    <link rel="shortcut icon" href="images/icon.svg" type="image/x-icon" />
  </head>
  <body>
    <a class="back-home" href="../../index.html">Back to Home</a>

    <div class="wrapper">
      <div class="timer">
        <div class="timer__controls">
          <button data-time="20" class="timer__button">20 Secs</button>
          <button data-time="300" class="timer__button">Work 5</button>
          <button data-time="900" class="timer__button">Quick 15</button>
          <button data-time="1200" class="timer__button">Snack 20</button>
          <button data-time="3600" class="timer__button">Lunch Break</button>
          <form name="customForm" id="custom">
            <input type="text" name="minutes" placeholder="Enter Minutes" />
          </form>
        </div>
        <div class="display">
          <h1 class="display__time-left"></h1>
          <p class="display__end-time"></p>
        </div>
      </div>
    </div>

    <script src="js/script.js"></script>
  </body>
</html>