Countdown Break Timer

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