Countdown Break Timer

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