Countdown Break Timer

waves-effect <a Minutes</a> class="col class="std-left" max="60" btn white-space: btn" onclick="setCountdown(20);">20 waves-effect <a id="countdown-slider" s12 waves-light class="countdown"></div> waves-light onclick="stopBreak()">Stop btn" btn" waves-light onclick="startBreak()">Start class="std-btn <div <a waves-effect class="std-btn waves-light waves-light Minutes</a> onclick="setCountdown(5);">5 <div class="std-btn onclick="setCountdown(30);">30 Countdown std-center </div> nowrap;"> <a btn onchange="updateSliderText(this.value);" <a std-center onclick="setCountdown(15);">15 waves-light waves-effect std-center std-left" waves-light <div class="input-field countdown="15" Minutes</a> <a class="std-btn class="std-right" class="row"> Timer std-center"> countdown="5" std-center id="countdown" btn" s12 btn" std-center"> waves-effect </div> onclick="setCountdown(document.getElementById('otherSlider').value);">Other</a> class="std-btn btn" type="range" countdown="60" countdown="" Break</a> min="1" <input Minutes</a> </div> display:inline; btn" id="stopBreak"class="std-btn waves-light <a disabled" id="otherValue" class="std-btn onclick="setCountdown(60);">60 countdown="20" std-center Break waves-light <a </div> <div class="row"> std-center waves-effect <div <p><div class="std-btn /> waves-effect id="startBreak" Break</a> std-center style="width:400px; countdown="30" std-center onclick="setCountdown(10);">10 Minutes</a> <div waves-effect border:0;" waves-effect <a id="otherSlider" class="range-field Minutes</a> style="width:160px; std-left"> col class="std-btn countdown="10" </div>