basic_challenge.html

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

<head>
    <meta charset="utf-8">
    <meta name="robots" content="noindex, nofollow">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>Security Check - Conjointly</title>
    <link rel="icon" href="mono-logo.png">

    <style>
        body {
            background-color: #043CF7;
            color: #fff;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 16px;
            line-height: 1.5;
        }

        /* Container in the centre of the page with margins on left and right */
        .container {
            text-align: left;
            top: 50%;
            margin-right: auto;
            margin-left: auto;
            width: 800px;
            max-width: 90%;
            padding-top: 2em;
        }

        small {
            font-size: 14px;
        }

        a {
            color: white;
            cursor: pointer;
            text-decoration: underline;
        }

    </style>
</head>

<body>
<div class="container">
    <p><img src="logo.png" style="max-width: 90px;"></p>
    <div id="CAPTCHA_BOX_DIV">
        <p>
            Please complete the security check to access this page.
        </p>
        ::CAPTCHA_BOX::
        <p>
            <small><strong>Ray ID:</strong> ::RAY_ID::</small>
        </p>
    </div>
</div>
</body>

</html>