Countdown Break Timer

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