index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta property="og:title" content="Flip a Coin">
    <meta property="og:description" content="A project made by Roblify where you can flip a coin clicking on a button, and it lands on a random side.">
    <meta property="og:image" content="https://cdn.discordapp.com/attachments/985651283916619796/1126046547881246750/Heads.png">
    <meta property="og:url" content="https://coin-flipper.roblify.com/">
    <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>Flip a coin - Roblify</title>
    <link rel="shortcut icon" type="x-icon" href="Heads.png">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <div id="coin">
            <div id="heads" class="heads"></div>
            <div id="tails" class="tails"></div>
        </div>
        <button id="flip">Flip the coin</button>
        <p><span id="status"></span></p>
        <div class="source-code">
            <a href="https://github.com/Roblify/Coin-Flipper/tree/main" target="_blank">View Source Code</a>
        </div>
    </div>

    <script src="script.js"></script>
</body>
</html>