Countdown Break Timer

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