index.html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Relogio</title>

    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/media-query.css">
</head>
<body onload="carregandoPagina()">
    <header>
        <h1>Hora do Dia</h1>
    </header>
    <main>
        <section class="container-content">
            <div>
                <div class="container-relogio">
                    <p id="msg"></p>
                    <div class="relogio">
                        <span id="hora"></span>
                        <span id="min"></span>
                        <span id="seg"></span>
                    </div>
                </div>
                <img id="img" src="" alt="Fotos dos dias">
            </div>
        </section>
    </main>
    <footer class="footer">
        <p id="paragrafo">&copy; by <a id="link" href="https://github.com/jhonatasv" target="_blank">Jhonatas</a></p>
    </footer>

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