Countdown Break Timer

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