Countdown Break Timer

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