<mjml>
    <mj-head>
    </mj-head>
    <mj-body background-color="#f2f2f2">
        <mj-section padding-check="false" background-color="#fae0db">
            <mj-column>
                <mj-image src="https://static.flycart.net/email_customizer_advance/image/editor/logo.png"
                          width="215px"/>
            </mj-column>
        </mj-section>
        <mj-section padding-check="false" border-top="1px solid #E0E0E0" background-color="#fae0db">
            <mj-column width="100%">
                <mj-image
                        src="https://static.flycart.net/email_customizer_advance/image/templates/default/birthday-email-notification.png"
                        width="60px" padding-top="30px" padding-bottom="30px" padding-right="px" padding-left="px"
                        padding="10px" padding-check="false"></mj-image>
                <mj-text font-family="Helvetica, sans-serif" padding-check="false" font-style="normal" font-size="30px"
                         color="#000000" line-height="1.5" align="center" font-weight="700">Birthday Rewards
                </mj-text>
            </mj-column>
        </mj-section>
        <mj-section padding-check="false" background-color="#fae0db">
            <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="#fae0db">
            <mj-column width="100%">
                <mj-text font-family="Helvetica, sans-serif" font-size="16px" line-height="1.5" font-weight="700"
                         padding-check="false" color="#000000" align="center">We wish you a very Happy Birthday!
                </mj-text>
                <mj-text font-family="Helvetica, sans-serif" font-size="16px" line-height="1.5" padding="5px"
                         padding-check="false" color="#000000" align="center">Celebrate your birthday with a special
                    gift from {{shop.name}}
                </mj-text>
                <mj-text font-family="Helvetica, sans-serif" font-size="16px" line-height="1.5" padding-check="false"
                         color="#000000" align="center">{{wployalty.wlr_earn_point_or_reward}}
                </mj-text>
                <mj-text font-family="Helvetica, sans-serif" font-size="16px" line-height="1.5" padding-check="false"
                         color="#000000" align="center">Refer your friends and earn more points
                    and rewards.
                </mj-text>
                <mj-text font-family="Helvetica, sans-serif" font-size="16px" line-height="1.5"
                         padding-check="false" color="#000000" align="center" font-weight="700">YOUR REFERRAL URL
                </mj-text>
                <mj-text font-family="Helvetica, sans-serif" font-size="16px" line-height="1.5" padding-check="false"
                         color="#000000" align="center">{{wployalty.wlr_referral_url}}
                </mj-text>
            </mj-column>
        </mj-section>
        <mj-section padding-check="false" background-color="#fae0db">
            <mj-column>
                <mj-text 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="#fae0db">
            <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 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}}
                    <br/>
                </mj-text>
            </mj-column>
        </mj-section>
    </mj-body>
</mjml>