clock/clock.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Duncan&rsquo;s Clock</title>
    <link rel="stylesheet" type="text/css" href="../main.css" />
    <link rel="icon" href="https://www.duncanritchie.co.uk/favicon.ico" type="image/x-icon" />
    <link rel="icon" href="https://www.duncanritchie.co.uk/favicon-96x96.png" type="image/png" />
</head>
<body>
    <main>
        <h1>Duncan&rsquo;s Clock</h1>
        <p class="explanation">This tells you the time!</p>
        <div id="clockBody">
            <div id="clockFace">
                    <div id="clockMinuteHandWrap">
                            <div id="clockMinuteHand"></div>
                    </div>
                <div id="clockHourHandWrap">
                        <div id="clockHourHand"></div>
                </div>
                <div id="clockSecondHandWrap">
                        <div id="clockSecondHand"></div>
                </div>
            </div>
            <div id="clockDigital">
                00:00:00
            </div>
        </div>
        </body>
    </main>
    <footer>
        <ul>
            <li>
                <a href="https://www.duncanritchie.co.uk" title="Duncan Ritchie&rsquo;s website">
                    Made by Duncan Ritchie
                </a>
            </li>
            <li>
                <a href="../" title="Duncan Ritchie&rsquo;s game page">
                    Games homepage
                </a>
            </li>
            <li>
                <a href="https://github.com/DuncanRitchie/jsChallenges/tree/main/clock" title="Code on GitHub">
                    See the code
                </a>
            </li>
        </ul>
    </footer>
    <script src="clock.js"></script>
</body>
</html>