index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="styles.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>WELCOME TO SLOT-LAND!</h1>
    <div>
        <div class= "siren1">
            <img src="https://cdn2.iconfinder.com/data/icons/varius-20/100/sirena3-512.png" alt="red siren" class="image1">
        </div>
        <div class= "siren2">
            <img src="https://cdn2.iconfinder.com/data/icons/security-9/83/19-512.png" alt="green siren" class="image2">
        </div>    
    </div>
    <h2>Tokens:</h2>
    <h2 class="tokens">0000</h2>
    <h2 class ="youwin">YOU WIN!</h2>
    <h2 class ="youlose">GAME OVER!</h2>
        <div class="row">
            <div id=column1 class="column">Big Money!</div>
            <div id=column2 class="column">Big Money!</div>
            <div id=column3 class="column">Big Money!</div>
         </div>

         <p>
            <button class="button1">CLICK TO PULL!</button>  
         </p>  

        <div class ="slider">
            <div class ="parent">
                <div class ="child">BIG MONEY, NO WHAMMY!!</div>
            </div>
        </div>
        <div class ="result1">JACKPOT!</div>
        <div class ="result2">TRY AGAIN!</div>
        <div class ="gameover">GAME OVER, YOU LOSE! HAHA LOSER!</div>
        <div class ="winnermessage">CONGRATULATIONS, YOU WIN!</div>


    <script src= "script.js"></script>
</body>
</html>