Countdown Break Timer

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