Countdown Break Timer

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