Countdown Break Timer

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