<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
    <title>Mailer</title>
</head>
<body>
    <div style="z-index: 1;max-width:800px;background-image: none;border-style;margin-top: -27px;border-color: #000000;background-color: #F7F7F7;padding-bottom: 0px;margin-left: auto;margin-right: auto;">
        <div style="background:#fff;font-family:'Lato', sans-serif;font-size:12px;margin:0;padding:0;">
            <table cellspacing="0" cellpadding="0" border="0" width="100%">
                <tbody>
                    <tr>
                        <td align="center" valign="top" style="padding:20px 0 20px 0;">
                            <table bgcolor="#FFFFFF" cellspacing="0" cellpadding="2" border="0" width="650">
                                <tbody>
                                    <tr>
                                        <td valign="top" style="background-color: #6c6c6c;background-size:100% 100%;background-position:top center;margin:0;padding:0;position: relative;width: 560px;height: auto;">
                                            <img style="text-align: center;margin: 0px auto;display: block;padding: 30px 0px;" src="<%= hostURL %>/images/referral_emailer/ref1.png" alt="rentomojo">
                                            <h2 style="font-size: 25px;font-weight: 400;margin: 10px 40px;text-align: center;color: #ffffff;">Hello <%= fullName %>,</h2>
                                            <p style="font-size:14px;font-weight: 400;margin: 10px 40px;line-height: 1.1;color: #ffffff;text-align:center;"><%= referrerName %> has referred You</p>
                                            <p style="font-size: 11px;font-weight: 400;margin: 25px 40px;line-height: 1.1;color: #ffffff;text-align: center;">Your friend <%= referrerName %> has invited you to start renting with us.</p>
                                            <p style="font-size: 11px;font-weight: 400;margin: 10px 40px;line-height: 1.1;color: #ffffff;text-align: center;">Browse, Select &amp; use your unique code at checkout to avail amazing benefits on all rentals. Happy Renting!</p>
                                            <div style="margin-top: 50px;text-align: center;padding-bottom: 40px;">
                                            <a href="<%= rentNowUrl %>" style="width: 100%;border-radius: 3px;background-color: #3ecabd;padding: 15px 30px;margin:0px 40px;text-align: justify;color: #fff;text-transform: capitalize;text-decoration: none;font-size: 14px;font-weight: 400;">Rent now</a>
                                        </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td></td>
                                    </tr>
                                    <tr>
                                    </tr>
                                    <tr>
                                        <td style="border: 1px solid #e6e6e6;position: relative;top: -4px;">
                                            <table cellspacing="0" cellpadding="0" border="0" width="650">
                                                <tbody style="background: #fff;">
                                                    <h2 style=" text-align: center;padding: 10px 0px 20px;font-size: 15px;font-weight: 500;color: #878787;">How Referral Works</h2>
                                                    <tr>
                                                        <td valign="top" style="text-align:center;display:inline-block;width:33%;">
                                                            <img src="<%= hostURL %>/images/referral_emailer/ref_email_2.gif" alt="" style="border-radius: 2px;border: solid 0.5px #dedede;padding: 5px 5px;">
                                                            <p style="margin:1.5em 0;font-size:10px;color:#bababa; font-weight: 400; padding: 10px 12%;">Sign Up Using Your Unique Referral Code.</p>
                                                        </td>
                                                        <td valign="top" style="text-align:center;display:inline-block;width:33%;">
                                                            <img src="<%= hostURL %>/images/referral_emailer/ref_email_1.gif" alt="" style="border-radius: 2px;border: solid 0.5px #dedede;padding: 5px 5px;">
                                                            <p style="margin:1.5em 0;font-size:10px;color:#bababa; font-weight: 400; padding: 10px 12%;">Choose Your Rental &amp; Enter The Code At Checkout</p>
                                                        </td>
                                                        <td valign="top" style="text-align:center;display:inline-block;width:33%;">
                                                            <img src="<%= hostURL %>/images/referral_emailer/ref_email_3.gif" alt="" style="border-radius: 2px;border: solid 0.5px #dedede;padding: 5px 5px;">
                                                            <p style="margin:1.5em 0;font-size:10px;color:#bababa; font-weight: 400; padding: 10px 12%;">Celebrate With RentoMoney Credits Post Order Delivery!</p>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <table>
                                                <tbody>
                                                </tbody>
                                            </table>
                                            <div style="background:#fff;text-align: center;min-height: 150px;border: 10px solid #fafafa;">
                                                <div>
                                                    <div style="text-align: center;padding: 20px 0px;">
                                                        <img src="<%= hostURL %>/images/footer-supportList.png"  style="width:100%;" />
                                                    </div>
                                                    <p style="text-align: center;font-size: 12px;line-height: 1.3;color: #787878;">Still in doubt</p>
                                                    <p style="text-align: center;font-size: 12px;line-height: 1.3;color: #787878;font-weight: 400;"><%- include ccnumber.ejs %></p>
                                                    <a href="#" style="text-align: center;font-size: 12px;line-height: 1.3;color: #0abfc2;text-decoration: none;">jo@rentomojo.com</a>
                                                    <ul style="display:block;text-align:center;padding: 10px 0px;">
                                                    <li style="display:inline-block;margin:0px 10px 0px 0px">
                                                    <a href="https://www.facebook.com/rentomojo"><img src="<%= hostURL %>/images/social-fb.png" target="_blank" alt="" /></a>
                                                    </li>
                                                    <li style="display:inline-block;margin:0px 10px">
                                                    <a href="https://twitter.com/rentomojo"><img src="<%= hostURL %>/images/social-twitter.png" target="_blank" alt="" /></a>
                                                    </li>
                                                    <li style="display:inline-block;margin:0px 10px">
                                                    <a href="https://plus.google.com/+RentomojoOfficial"><img src="<%= hostURL %>/images/social-gplus.png" target="_blank" alt="" /></a>
                                                    </li>
                                                    <li style="display:inline-block;margin:0px 0px 0px 10px">
                                                    <a href="https://www.linkedin.com/company/rentomojo"><img src="<%= hostURL %>/images/social-linkedin.png" target="_blank" alt="" /></a>
                                                    </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</body>
</html>
