{% apply inline_css %}
<!doctype html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Welcome to the BigFoot Sightings site!</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background-color: #f3f3f3;
            font-family: Helvetica, Arial, sans-serif;
        }
        h1 {
            background-color: #264459;
            color: #ffffff;
            padding: 30px 0 50px 0;
            font-weight: normal;
        }
        hr {
            border: none;
            border-top: 3px solid #264459;
            margin: 20px;
        }
        .container {
            background-color: #fefefe;
            width: 580px;
            margin: 0 auto;
        }
        .block {
            margin: 0;
            padding: 10px 20px 20px 20px;
        }
        .logo {
            width: 100%;
        }
        .text-center {
            text-align: center;
        }
    </style>
</head>
<body>
<div class="body">
    <div class="container">
        <div class="header text-center">
            <a href="{{ url('app_homepage') }}">
                <img src="{{ absolute_url(asset('build/images/images/bigfoot.png')) }}" class="logo" alt="BigFootSighting Logo">
            </a>
        </div>
        <div class="content">
            <h1 class="text-center">Nice to meet you %name%!</h1>
            <p class="block">
                Please <a href="{{ confirmationLink }}">Confirm your account</a>.
            </p>
            <p class="block">
                Or go directly to this URL: {{ confirmationLink }}
            </p>
        </div>
        <div class="footer">
            <p class="block">
                Cheers,<br><br>
                Your friendly <em>BigFoot Sightings Team</em>
            </p>
        </div>
    </div>
</div>
</body>
</html>
{% endapply %}
