Countdown Break Timer

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