Spaces:
Runtime error
Runtime error
| <html> | |
| <body style="margin:0; padding:0; background:#f7f2ec; font-family: Arial, sans-serif;"> | |
| <!-- Outer wrapper --> | |
| <table width="100%" cellpadding="0" cellspacing="0" style="background:#f7f2ec; padding:20px 0;"> | |
| <tr> | |
| <td align="center"> | |
| <!-- Main card container --> | |
| <table width="100%" cellpadding="0" cellspacing="0" style="max-width:600px; background:#ffffff; border-radius:16px; box-shadow:0 4px 20px rgba(0,0,0,0.1); overflow:hidden;"> | |
| <tr> | |
| <td style="padding:30px; text-align:center;"> | |
| <!-- Header --> | |
| <h1 style="margin:0; font-size:24px; color:#5d2b14; font-family: 'Cinzel', serif; line-height:1.2;"> | |
| Thank You for Your Handmade 🌿 | |
| </h1> | |
| <!-- Spacer --> | |
| <div style="height:15px;"></div> | |
| <!-- Intro text --> | |
| <p style="margin:0; font-size:16px; color:#6b4b2a; line-height:1.6;"> | |
| Your payment was successful. | |
| </p> | |
| <!-- Spacer --> | |
| <div style="height:15px;"></div> | |
| <!-- Order ID --> | |
| <p style="margin:0; font-size:16px; color:#5d2b14; font-weight:bold;"> | |
| Order ID: {{ order_id }} | |
| </p> | |
| <!-- Spacer --> | |
| <div style="height:25px;"></div> | |
| <!-- Main message --> | |
| <p style="margin:0; font-size:15px; color:#6b4b2a; line-height:1.6; text-align:left;"> | |
| We will start crafting and shipping your products soon. We're delighted to have you as part of our community of ceramic art lovers. Each item you purchase is thoughtfully handcrafted, making it one-of-a-kind, just like you. | |
| </p> | |
| <div style="height:15px;"></div> | |
| <p style="margin:0; font-size:15px; color:#6b4b2a; line-height:1.6; text-align:left;"> | |
| Your support means the world to us and helps keep the art of ceramics alive. We hope this brings warmth, beauty, and joy to your space for years to come. | |
| </p> | |
| <!-- Spacer --> | |
| <div style="height:25px;"></div> | |
| <!-- Image --> | |
| <table width="100%" cellpadding="0" cellspacing="0"> | |
| <tr> | |
| <td align="center"> | |
| <img src="cid:care_card" alt="Basho by Shivangi" | |
| style="max-width:100%; width:100%; height:auto; border-radius:12px; box-shadow:0 4px 15px rgba(0,0,0,0.1);" /> | |
| </td> | |
| </tr> | |
| </table> | |
| <!-- Spacer --> | |
| <div style="height:25px;"></div> | |
| <!-- Footer / signature --> | |
| <p style="margin:0; font-size:16px; color:#5d2b14; font-family:'Cinzel', serif;"> | |
| – Basho by Shivangi | |
| </p> | |
| </td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| </body> | |
| </html> | |