Countdown Break Timer

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