Countdown Break Timer

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