Countdown Break Timer

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