index.html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta name="google-site-verification" content="1xWS4ERpTGwXDmjrbIMuumIFmLOEJITiCSlGggWI3Kc" />
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title id='title'>(25) Pomodoro Timer</title>
    <!-- CSS MATERIALIZE -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
    <link rel="stylesheet" href='estilo/estilo.css'>
</head>
<body>
    
    <div class='div_central'>
        <h2 style="text-align: center; color: white;">Pomodoro Timer</h2>
        <div class="painel">
            <p id='sessionName'>Session</p>
            <div class="timer"><span id='minuto'>25</span>:<span id='segundo'>00</span><audio id="som" src="notificacao.mp3"></audio></div>
            <footer class='footer'>
                <div class='modosdiv'>
                    <div class="row rowp">
                        <button id='session_btn' class="modosbuttons" onclick='runSession()'>Session</button>
                        <button id='break_btn' class="modosbuttons" onclick='runBreak()'>Break</button>
                        <button id='longBreak_btn' class="modosbuttons" onclick='runLongBreak()'>Long Break</button>
                    </div>
                </div>
                <div class="buttons">
                    <button id='start' class="btn waves-effect waves-light green" type="submit" name="action" onclick="start()">Start</button>
                    <button id='stop' class="btn waves-effect waves-light red" type="submit" name="action" onclick='stop()' disabled>Stop</button>
                    <button id='restart' class="btn waves-effect waves-light grey" type="submit" name="action" onclick='restart()' disabled>Restart</button>
                </div>
            </footer>
        </div>
    </div>
    

    <script src="script/script2.js"></script>
</body>
</html>