Countdown Break Timer

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