Countdown Break Timer

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