index.html

<!DOCTYPE html>

<head>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Climate+Crisis&family=Cousine&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="styles.css">
    <link rel="icon" href="Images/favicon.png">
    <title>Dicey Wisdom</title>
</head>

<body>
    <H1>DICEY WISDOM</H1>
    <H3 class="TagLine"><i>....adding a little randomness to your day.</i></H3>
    

    <section id="DiceSection">


        <div class="diceworksection">
            <H2>Click anywhere to roll the dice and generate a quote.</H2>
            <img class="ImageClass" src="Images/dice1.png" alt="ImageToDisplay">
        </div>


    </section>

    <section id="QuoteSection">
        <div class="quoteworksection">
            <p class="Quote">People say you can’t live without love, I think oxygen is more important. </p>
            <h4 class="Author">― Sheldon Cooper</h4>
        </div>

    </section>
<script src="index.js"></script>
</body>

</html>