<mjml>
    <mj-head>
    </mj-head>
    <mj-body background-color="#f2f2f2">
        <mj-section background-color="#ffffff">
            <mj-column>
                <mj-image
                        src="https://static.flycart.net/email_customizer_advance/image/editor/logo.png"
                        width="215px"></mj-image>
            </mj-column>
        </mj-section>
        <mj-section border-top="1px solid #E0E0E0" background-color="#ffffff">
            <mj-column>
                <mj-image
                        src="https://static.flycart.net/email_customizer_advance/image/add-ons/eca-wordpress-compatibility/icons/user-registration.png"
                        width="60px"
                        padding-top="30px"
                        padding-bottom="30px"
                        padding-right="px"
                        padding-left="px"
                        padding="10px"
                        padding-check="false"
                ></mj-image>
                <mj-text data-global="text-line-height,text-font-size"
                        font-size="30px"
                        font-family="Helvetica, Arial, sans-serif"
                        color="#000000"
                        font-weight="bold"
                        align="center"
                >
                    Welcome to {{shop.name}}
                </mj-text>
            </mj-column>
        </mj-section>
        <mj-section padding-check="false" background-color="#ffffff">
            <mj-column width="100%">
                <mj-divider border-width="1px" border-style="dashed"></mj-divider>
            </mj-column>
        </mj-section>
        <mj-section padding-check="false" background-color="#ffffff">
            <mj-column>
                <mj-text
                        data-global="text-line-height"
                        font-family="Helvetica, sans-serif"
                        padding-check="false"
                        font-style="normal"
                        font-size="16px"
                        align="center"
                        color="#000000"
                        line-height="1.5"
                >
                    <br/>Your username:{{customer.user_login}}
                </mj-text>
                <mj-text
                        data-global="text-line-height"
                        font-family="Helvetica, sans-serif"
                        padding-check="false"
                        font-style="normal"
                        font-size="16px"
                        color="#000000"
                        align="center"
                        line-height="1.5"
                >
                    Click below to set your password:
                </mj-text>
                <mj-button
                        padding-check="false"
                        background-color="#000000"
                        font-size="16px"
                        font-family="Helvetica, sans-serif"
                        href="{{customer.set_password_url}}"
                >
                    Set Password
                </mj-button>
                <mj-text
                        data-global="text-line-height"
                        font-family="Helvetica, sans-serif"
                        padding-check="false"
                        font-style="normal"
                        font-size="16px"
                        color="#000000"
                        align="center"
                        line-height="1.5"
                >
                    Login here:
                </mj-text>
                <mj-button

                        padding-check="false"
                        background-color="#000000"
                        font-size="16px"
                        font-family="Helvetica, sans-serif"
                        href="{{wordpress.login_url}}"
                >
                    Login
                </mj-button>
            </mj-column>
        </mj-section>
        <mj-section padding-check="false" background-color="#ffffff">
            <mj-column>
                <mj-text
                        data-global="text-line-height"
                        font-family="Helvetica, sans-serif"
                        padding-check="false"
                        font-style="normal"
                        font-size="16px"
                        color="#000000"
                        line-height="1.5"
                >Feel free to contact us if you have any question!
                    <br/>
                    <br/>Sincerely,<br/>{{shop.name}} Team
                </mj-text>
            </mj-column>
        </mj-section>
        <mj-section padding-check="false" background-color="#F3F5F7">
            <mj-column>
                <mj-social font-size="15px" icon-size="30px" mode="horizontal" padding="10px" padding-check="false"
                           padding-top="10px" padding-right="25px" padding-left="25px" padding-bottom="10px">
                    <mj-social-element
                            href="{{social.facebook}}"
                            name="facebook_share"
                            src="https://static.flycart.net/email_customizer_advance/image/editor/facebook.png"
                    ></mj-social-element>
                    <mj-social-element
                            href="{{social.twitter}}"
                            name="twitter_share"
                            src="https://static.flycart.net/email_customizer_advance/image/editor/twitter.png"
                    ></mj-social-element>
                    <mj-social-element
                            href="{{social.linkedin}}"
                            name="linkedin_share"
                            src="https://static.flycart.net/email_customizer_advance/image/editor/linkedin.png"
                    ></mj-social-element>
                    <mj-social-element
                            href="{{social.pinterest}}"
                            name="pinterest_share"
                            src="https://static.flycart.net/email_customizer_advance/image/editor/pinterest.png"
                    ></mj-social-element>
                </mj-social>
                <mj-text
                        data-global="text-line-height"
                        font-family="Helvetica, sans-serif"
                        padding-check="false"
                        font-style="normal"
                        font-size="14px"
                        color="#000000"
                        line-height="1.5"
                        align="center"
                >© {{shop.name}}, {{shop.address_1}}
                </mj-text>
            </mj-column>
        </mj-section>
    </mj-body>
</mjml>
