index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Gloria Hallelujah', cursive;
            font-size: 50px;
        }

        u {
            text-decoration: none;
            border-bottom: 1px solid black;
        }
    </style>
    <title>Daily Quotes</title>
    <script src="app.js"></script>

</head>

<body onload="setbackground();">
    <p>@muadh, leaveing here</p>
    <br>
    <br>


    <div id="title" onload="setbackgroundTitle();" class="container">
        <div class="card-panel white lighten-2">
            <blockquote>
                <h2>
                    "<p id="quote" class="flow-text"> loading...</p>"
                </h2>
                <b>
                    <h5 id="author"></h5>
                </b>
            </blockquote>
        </div>

    </div>


</body>

</html>