Countdown Break Timer

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