Countdown Break Timer

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