Countdown Break Timer

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