<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Pomodoro</title>
</head>
<body>
    <h1 id="timer"></h1>
    <div id="control-bar"></div>
    <script data-main="js/main" src="js/vendor/require.js"></script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Pomodoro</title>
</head>
<body>
    <h1 id="timer"></h1>
    <div id="control-bar">
        <button
            id="start-pomodoro-btn"
            class="control start-control"
            data-action="start"
            data-duration="1500000">Start</button>

        <button
            id="start-break-btn"
            class="control start-control"
            data-action="start"
            data-duration="300000">Break</button>

        <button
            id="start-lbreak-btn"
            class="control start-control"
            data-action="start"
            data-duration="900000">Long break</button>

        <button
            id="stop-btn"
            class="control stop-control"
            data-action="stop">Stop</button>
    </div>
    <script data-main="js/main" src="js/vendor/require.js"></script>
</body>
</html>

Create html structure for control bar
Create html structure for control bar
