Countdown Break Timer

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