Countdown Break Timer

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