Countdown Break Timer

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