halloweenMessage.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Happy Halloween!</title>
</head>
<style>
    body {
        background-color: black;
    }
    h1 {
        color: orange;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        font-size: 60px;
        position: relative;
        left: 500px;
    }
    .jackolantern {
        position: relative;
        left: 380px;
        border: solid;
        border-width: 8px;
        border-color: orange;
        border-radius: 80px;
    }
</style>
<body>
    <h1>Happy Halloween!</h1>
    <img class="jackolantern" src="https://img1.cgtrader.com/items/770165/48a695a941/large/halloween-pumpkin-jack-o-lantern-3d-model-obj-fbx-blend-dae-mtl-abc.png">
</body>
</html>