index.html

<html>
    <head>
        <title>Daily Jacob</title>
        <link rel="stylesheet" href="css/style.css">

        <meta property="og:url" content="https://dailyjacob.com/">
        <meta property="og:type" content="website">
        <meta property="og:title" content="Daily Jacob">
        <meta property="og:description" content="Your daily source of Jacob images!">
        <meta property="og:image" content="https://cdn.dailyjacob.com/daily/1-anders_cmp.jpg">
    </head>
    <body onload="initializeJacob()">
        <div class="jacob-div">
            <div class="content">
                <img id="load" class="load" src="img/tile.png" style="display: none;">
                <img id="jacob" class="jacob" src="" alt="ratio" onload="displayJacob()">
                <h4 id="photo-credit" class="photo-credit caption">📷: Nobody</h4>
                <h1 id="title" class="title caption">Loading your Daily Jacob...</h1>
                <h3 id="description" class="description caption"></h3><br>
            </div>
        </div>
        <div class="navigation">
            <button class="btn" onclick="left()">🡸</button>
            <button class="btn" onclick="search()">🔎</button>
            <button class="btn" onclick="right()">🡺</button>
        </div>
        <script src="js/index.js"></script>
    </body>
</html>