Untitled

mail@pastecode.io avatar
unknown
plain_text
7 months ago
12 kB
1
Indexable
Never
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">

<head data-id="__react-email-head">
    <link rel="preload" as="image" href="/static/logoWithPhi.png" />
    <link rel="preload" as="image" href="/static/bag.png" />
    <link rel="preload" as="image" href="/static/steps.png" />
    <link rel="preload" as="image" href="/static/person.png" />
    <link rel="preload" as="image" href="/static/consult.png" />
    <link rel="preload" as="image" href="/static/declaration.png" />
    <link rel="preload" as="image" href="/static/logoWithPhi.png" />
    <link rel="preload" as="image" href="/static/bag.png" />
    <link rel="preload" as="image" href="/static/steps.png" />
    <link rel="preload" as="image" href="/static/person.png" />
    <link rel="preload" as="image" href="/static/consult.png" />
    <link rel="preload" as="image" href="/static/declaration.png" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Grace | Email templates</title>
    <style>
        @font-face {
            font-family: 'Figtree';
            font-style: normal;
            font-weight: 300;
            mso-font-alt: 'sans-serif';
            src: url(https://fonts.googleapis.com/css2?family=Figtree:wght@300&display=swap) format('woff2');
        }

        * {
            font-family: 'Figtree', sans-serif;
        }
    </style>
    <style>
        @font-face {
            font-family: 'Figtree';
            font-style: normal;
            font-weight: 400;
            mso-font-alt: 'sans-serif';
            src: url(https://fonts.googleapis.com/css2?family=Figtree:wght@400&display=swap) format('woff2');
        }

        * {
            font-family: 'Figtree', sans-serif;
        }
    </style>
    <style>
        @font-face {
            font-family: 'Figtree';
            font-style: normal;
            font-weight: 500;
            mso-font-alt: 'sans-serif';
            src: url(https://fonts.googleapis.com/css2?family=Figtree:wght@500&display=swap) format('woff2');
        }

        * {
            font-family: 'Figtree', sans-serif;
        }
    </style>
    <style>
        @font-face {
            font-family: 'Figtree';
            font-style: normal;
            font-weight: 700;
            mso-font-alt: 'sans-serif';
            src: url(https://fonts.googleapis.com/css2?family=Figtree:wght@700&display=swap) format('woff2');
        }

        * {
            font-family: 'Figtree', sans-serif;
        }
    </style>
</head>

<body data-id="__react-email-body" style="background-color:rgb(255,255,255);font-family:Figtree, sans-serif;color:rgb(0,0,0)">
    <table align="center" width="100%" data-id="__react-email-container" role="presentation" cellSpacing="0" cellPadding="0" border="0" style="max-width:37.5em;padding-top:8rem;padding-bottom:0.75rem;padding-left:60px;padding-right:60px;background-color:rgb(255,247,237)">
        <tbody>
            <tr style="width:100%">
                <td><img data-id="react-email-img" alt="Grace &amp; Phi logo" src="/static/logoWithPhi.png" style="display:block;outline:none;border:none;text-decoration:none;margin-left:auto;margin-right:auto" />
                    <h1 data-id="react-email-heading" style="font-size:1.5rem;line-height:2rem;font-weight:700;text-align:center;margin-top:70px;margin-bottom:0px">Dear Mrs/ M. Laurent,</h1>
                    <div style="font-size:1.5rem;line-height:2rem;font-weight:500;text-align:center;margin-top:2rem">Welcome to GRACE</div><img data-id="react-email-img" alt="Bag" src="/static/bag.png" style="display:block;outline:none;border:none;text-decoration:none;margin-left:auto;margin-right:auto;margin-top:2.75rem" />
                    <table align="center" width="100%" data-id="react-email-section" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:2.25rem">
                        <tbody>
                            <tr>
                                <td>
                                    <p style="margin-top:0px;margin-bottom:0px;font-weight:300;font-size:0.875rem;line-height:1.25rem;color:rgb(0,0,0)">We are delighted to inform you that your GRACE account has been created with success. Your item is now covered by Maison X&#x27;s warranty in partnership with GRACE.</p>
                                    <p style="margin-top:1.25rem;margin-bottom:0px;font-size:0.875rem;line-height:1.25rem;color:rgb(0,0,0)">This X year guarantee starting from today covers theft as well as repair of your X (company name) bag/watch, subject to verification and validation of the information provided.</p>
                                    <p style="margin-top:1.25rem;margin-bottom:0px;font-size:0.875rem;line-height:1.25rem;color:rgb(0,0,0)">We are absolutely delighted that you will be able to enjoy your bag/watch with full confidence worldwide.</p>
                                    <p style="margin-top:1.25rem;margin-bottom:0px;font-size:0.875rem;line-height:1.25rem;color:rgb(0,0,0)">Follow these simple steps in the event of theft or accidental damage:</p><img data-id="react-email-img" alt="Steps to access" src="/static/steps.png" style="display:block;outline:none;border:none;text-decoration:none" />
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <table align="center" width="100%" data-id="react-email-section" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:3.5rem">
                        <tbody>
                            <tr>
                                <td>
                                    <p style="margin-top:0px;margin-bottom:0px;font-size:0.875rem;line-height:1.25rem">Thank you for trust in us.</p>
                                    <p style="margin-top:1.25rem;margin-bottom:0px;font-size:0.875rem;line-height:1.25rem">The Customer Care team is available to assist you and answer your questions via e-mail or by phone from your account portal.</p>
                                    <p style="margin-top:1.25rem;margin-bottom:0px;font-size:0.875rem;line-height:1.25rem">Warmest regards</p>
                                    <p style="margin-top:2.25rem;margin-bottom:0px;font-weight:300;font-size:0.875rem;line-height:1.25rem">Irine N.</p>
                                    <p style="margin-top:1.25rem;margin-bottom:0px;font-weight:300;font-size:0.875rem;line-height:1.25rem">Head of Customer Experience</p>
                                    <p style="margin-top:0px;margin-bottom:0px;font-weight:300;font-size:0.875rem;line-height:1.25rem">GRACE</p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <table align="center" width="100%" data-id="react-email-section" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:7rem">
                        <tbody>
                            <tr>
                                <td>
                                    <hr data-id="react-email-hr" style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:#afabab" />
                                    <h2 data-id="react-email-heading" style="margin-top:1.5rem;margin-bottom:0px;text-transform:uppercase;text-align:center;font-weight:700">Enjoy your privileges</h2>
                                    <table align="center" width="100%" data-id="react-email-row" role="presentation" cellSpacing="0" cellPadding="0" border="0" style="margin-top:0.625rem;text-align:center;max-width:284px">
                                        <tbody style="width:100%">
                                            <tr style="width:100%">
                                                <td data-id="__react-email-column" style="font-size:0.875rem;line-height:1.25rem">Once logged in you can</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <table align="center" width="100%" data-id="react-email-section" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:1.5rem">
                        <tbody>
                            <tr>
                                <td>
                                    <table align="center" width="100%" data-id="react-email-row" role="presentation" cellSpacing="0" cellPadding="0" border="0" style="padding-left:25%">
                                        <tbody style="width:100%">
                                            <tr style="width:100%">
                                                <td data-id="__react-email-column" style="width:30px"><img data-id="react-email-img" alt="Person icon" src="/static/person.png" style="display:block;outline:none;border:none;text-decoration:none" /></td>
                                                <td data-id="__react-email-column" style="font-size:0.875rem;line-height:1.25rem">Manage your personal information</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <table align="center" width="100%" data-id="react-email-row" role="presentation" cellSpacing="0" cellPadding="0" border="0" style="padding-left:25%">
                                        <tbody style="width:100%">
                                            <tr style="width:100%">
                                                <td data-id="__react-email-column" style="width:30px"><img data-id="react-email-img" alt="Consult icon" src="/static/consult.png" style="display:block;outline:none;border:none;text-decoration:none" /></td>
                                                <td data-id="__react-email-column" style="font-size:0.875rem;line-height:1.25rem">Consult your covered items</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <table align="center" width="100%" data-id="react-email-row" role="presentation" cellSpacing="0" cellPadding="0" border="0" style="padding-left:25%">
                                        <tbody style="width:100%">
                                            <tr style="width:100%">
                                                <td data-id="__react-email-column" style="width:30px"><img data-id="react-email-img" alt="Declaration icon" src="/static/declaration.png" style="display:block;outline:none;border:none;text-decoration:none" /></td>
                                                <td data-id="__react-email-column" style="font-size:0.875rem;line-height:1.25rem">Make a declaration</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <hr data-id="react-email-hr" style="width:100%;border:none;border-top:1px solid #eaeaea;border-color:#afabab;margin-top:1.5rem" />
                    <table align="center" width="100%" data-id="react-email-section" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-top:0.25rem;max-width:336px;width:100%">
                        <tbody>
                            <tr>
                                <td>
                                    <div style="text-align:center;font-weight:300;font-size:8px">At GRACE, we take your choices and the confidentiality of your data seriously. Please consult our privacy policy for all information concerning the use of your personal data by GRACE.</div>
                                    <div style="margin-top:0.25rem;text-align:center;font-weight:300;font-size:8px">Please do not reply directly to this email</div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
</body>

</html>