Countdown Break Timer

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