Countdown Break Timer

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