Untitled

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

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    <title>Victoria's Journal</title>
</head>

<body background="https://i.pinimg.com/originals/2e/fa/61/2efa61c5bd8a15003c9a1fee908d402f.jpg">
    <div class="container bg-white text-dark">
        <div class="row" style="background-color: paleturquoise">
            <div class="col-sm-8"></div>
            <div class="col-sm-4">
                <h1>Victoria's Journal</h1>
                <h4>so fresh and so clean</h4>
            </div>
        </div>

        <div class="row border border-info" style="background-color: lightblue">
            <div class="row">
                <div class="col-sm-12">
                    <h3>04/09/08:Spatulas</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-10">
                    <p>Yesterday I went to the store and got some much-needed spatulas!(What better way to say I love myself than to buy myself a spatula?)</p>
                </div>
                <div class="col-sm-2"><img src="https://pics.clipartpng.com/midle/Slotted_Spatula_PNG_Clipart-715.png" class="img-fluid" alt="Responsive image"></div>
            </div>
        </div>


        <div class="row border border-info" style="background-color: lightblue">
            <div class="row">
                <div class="col-sm-12">
                    <h3>04/08/08:Cookie Monster Cupcakes</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-8">
                    <p>My favourite cartoon character is Cookie Monster, and my favourite dessert is cupcakes, so Cookie Monster cupcakes are the best of both worlds.</p>
                    <p>Did you know? Cookie Monster once said, "Sometimes me think what is love, and then me think love is what last cookie is for. Me give up the last cookie for you." I wonder if the same applies for cupcakes? (If so, I don't think I can ever love ANYONE!)</p>
                </div>
                <div class="col-sm-4"><img src="https://monchoso.com/wp-content/uploads/2018/07/How-to-decorate-cookie-monster-cupcakes-tutorial-how-to-cook-that-ann-reardon.jpg" class="img-fluid" alt="Responsive image"></div>
            </div>
        </div>

    </div>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>

</html>