Countdown Break Timer

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