Countdown Break Timer

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