Countdown Break Timer

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