Countdown Break Timer

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