Countdown Break Timer

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