Countdown Break Timer

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