index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Alarm | Dazeste</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="wrapper">
        <img src="./clock.png" alt="clock">
        <h1>00:00:00 PM</h1>
        <div class="content">
            <div class="column">
                <select>
        <option value="Hours" selected hidden>Hours</option>
        <!-- <option value="01">01</option>
        <option value="02">02</option>
        <option value="03">03</option> -->
      </select>
            </div>
            <div class="column">
                <select>
        <option value="Minutes" selected hidden>Minutes</option>
        <!-- <option value="01">01</option>
        <option value="02">02</option>
        <option value="03">03</option> -->
      </select>
            </div>
            <div class="column">
                <select>
        <option value="AM/PM" selected hidden>AM/PM</option>
        <!-- <option value="AM">AM</option>
        <option value="PM">PM</option>         -->
      </select>
            </div>
        </div>
        <button>Set Alarm</button>
    </div>
    <script src="./app.js"></script>
</body>

</html>