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>Focus Timer</title>
    <link rel="icon" type="image/x-icon" href="Art/Images/clockIcon.png">
    <link rel="stylesheet" href="style.css" />
</head>

<body>
    <img src="Art/Images/Wallpaper1.jpg" id="background" alt="Background Theme" />

    <div class="mainContent">
        <h1 id="timerText">50:00</h1>
        <button class="mainButton" id="timerButton">Start</button>
        <button class="mainButton" id="workButton">Work</button>
        <button class="mainButton" id="breakButton">Break</button>
    </div>

    <img src="Art/Images/settingsIcon.png" id="settingsButton" alt="Settings Button" />
    <div id="settingsBox">
        <h3>Settings</h3>
        <label for="theme">List of Themes:</label>
        <select id="theme" class="dropdown">
            <option value="Wallpaper1">Monday Morning</option>
            <option value="Wallpaper2">Night Neighborhood</option>
            <option value="Wallpaper3">Gangsta</option>
            <option value="Wallpaper4">Anime House</option>
            <option value="Wallpaper5">Sunset</option>
            <option value="Wallpaper6">Busy Street</option>
        </select>
        <br>
        <label for="volumeSlider">Volume: </label>
        <input type="range" min="0" max="10" step="1" value="6" class="slider" id="volumeSlider">
        <h4>Made By Mohak Jain</h4>
        <h5>open sourced at -> <a>https://github.com/mohakdev/focus-timer</a> </h5>
        <p>This website is not related to the Pomodoro Technique™
            trademark holder Cirillo Company and respects its trademarks.</p>
    </div>
    <script defer src="Javascript/timer.js"></script>
    <script defer src="Javascript/settings.js"></script>

    <script defer src="howler.js/src/howler.core.js"></script>
    <script defer src="Javascript/sounds.js"></script>
</body>

</html>