chronometer/index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    <!-- Icons -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
    <script src="app.js"></script>
    <title>Chronometer</title>
</head>

<body>
    <main class="main-container">
        <div class="container">
            <div id="chronometer">00:00:00</div>
            <div class="buttons-container">
                <button id="btn-start-stop" class="btn start">
                    <i class="bi bi-play-fill"></i>
                </button>
                <button id="btn-restart" class="btn">
                    <i class="bi bi-arrow-counterclockwise"></i>
                </button>
            </div>
        </div>
    </main>
</body>

</html>