Countdown Break Timer

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