Countdown Break Timer

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