Countdown Break Timer

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