Countdown Break Timer

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