<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
</head>
<body style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;">
<!-- CONTAINER -->
<div style="width: 680px;  box-sizing: border-box; font-family: 'Montserrat', 'open-sans', 'verdana';">
    <!-- LOGO -->
    <div style="width: 100%; padding:15px;">
        <a href="{{ store_url }}" title="{{ store_name }}">
            <img src="{{ store_url }}image/catalog/email/Pedido-banner.png" alt="{{ store_name }}" style="margin-bottom: 20px; border: none; width:100%;"/>
        </a>
    </div>
    <!-- .LOGO -->
    {% if not approval %}
        <div style=" box-sizing: border-box; width: 100%; padding:15px; border-top: 3px solid black;">
            <h1 style="margin-top: 0px; margin-bottom: 5px; text-align: center; font-size: 36px; font-weight: normal;">{{ text_welcome }}</h1>
        </div>
        <div style="box-sizing: border-box; width: 100%; padding:0px; position: relative;">
            <a href="{{ login }}">
                <img src="{{ store_url }}image/catalog/email/register_{{ lang }}.png" alt="Registration success" style="width:100%;"/>
            </a>
        </div>
        <div style=" box-sizing: border-box;width: 100%; background: #262626; color: #666; padding: 40px 20px 20px;">
            <p style="text-align:center; margin: 0 auto; width: 70%; line-height: 17px; margin-top: 0px; margin-bottom: 20px;">{{ text_thanks }}</p>
            <div class="col-md-12 non-newsletter social">
                <a href="https://www.facebook.com/CollectiveSkateshop"><img style="width:50px;" src="{{ store_url }}image/catalog/email/face.png" alt="social networks"/></a>
                <a href="https://instagram.com/collective_store"><img style="width:50px;" src="{{ store_url }}image/catalog/email/insta.png" alt="social networks"/></a>
            </div>
        </div>
    {% else %}
        <div style=" box-sizing: border-box; width: 100%; padding:15px; border-top: 3px solid black;">
            <h1 style="margin-top: 0px; margin-bottom: 5px; text-align: center; font-size: 36px; font-weight: normal;">{{ text_welcome }}</h1>
        </div>
        <div style="box-sizing: border-box; width: 100%; padding:0px; position: relative;">
            <a href="{{ login }}">
                <img src="{{ store_url }}image/catalog/email/register_{{ lang }}.png" alt="Registration success" style="width:100%;"/>
            </a>
        </div>
        <div style=" box-sizing: border-box;width: 100%; background: #262626; color: #666; padding: 40px 20px 20px;">
            <p style="text-align:center; margin: 0 auto; width: 70%; line-height: 17px; margin-top: 0px; margin-bottom: 20px;">{{ text_approval }}</p>
            <div class="col-md-12 non-newsletter social">
                <a href="https://www.facebook.com/CollectiveSkateshop"><img style="width:50px;" src="{{ store_url }}image/catalog/email/face.png" alt="social networks"/></a>
                <a href="https://instagram.com/collective_store"><img style="width:50px;" src="{{ store_url }}image/catalog/email/insta.png" alt="social networks"/></a>
            </div>
        </div>
    {% endif %}
</div>
</body>
</html>