Why ProtoPie is the most versatile for mobile, tablet, web, and desktop 📲

ProtoPie showcases impactful use cases for voice and cross-device prototyping along with a tutorial on designing a parallax scrolling effect.

Hi Tim! 👋 ProtoPie has transformed mobile and desktop user experience for multiple companies. Today, I'll showcase impactful use cases and provide valuable learning materials to help you enhance your mobile prototyping skills. How to do voice &

February 29, 2024 1:23 PM

onboarding@protopie.io

Why ProtoPie is the most versatile for mobile, tablet, web, and desktop 📲

ProtoPie showcases impactful use cases for voice and cross-device prototyping along with a tutorial on designing a parallax scrolling effect.

<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><style type="text/css">  </style><style type="text/css">  </style><style type="text/css">  </style><style type="text/css">  </style><style>  </style></head><body bgcolor="#f9f9f9" style="background-color:#f9f9f9; margin:0; padding:0"><div style="background-color:#f9f9f9"><table align="center" background="https://do0ne7yeju3uz.cloudfront.net/uploads/image_upload/image/2279928/embeddable_7942e5da-cf14-41cc-a334-915c3e1ca898.png" border="0" cellpadding="0" cellspacing="0" role="presentation" bgcolor="#fafafa" style="width:100%; border-collapse:collapse; background:#fafafa url(https://do0ne7yeju3uz.cloudfront.net/uploads/image_upload/image/2279928/embeddable_7942e5da-cf14-41cc-a334-915c3e1ca898.png) no-repeat top center /auto"><tbody><tr><td style="border-collapse:collapse"><div style="max-width:600px; margin:0px auto"><div style="line-height:0; font-size:0"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%; border-collapse:collapse"><tbody><tr><td align="center" style="direction:ltr; font-size:0px; text-align:center; border-collapse:collapse; padding:0px"><div style="max-width:600px; margin:0px auto"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%; border-collapse:collapse"><tbody><tr><td align="center" style="direction:ltr; font-size:0px; text-align:center; border-collapse:collapse; padding:0"><div class="mj-column-per-100 mj-outlook-group-fix" align="left" style="font-size:0px; text-align:left; direction:ltr; display:inline-block; vertical-align:top; width:100%"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:collapse"><tbody><tr><td valign="top" style="vertical-align:top; border-collapse:collapse; padding:0 0px"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:collapse"><tbody><tr><td align="center" style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:12px 27%"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse; border-spacing:0px"><tbody><tr><td style="width:546px; border-collapse:collapse"><a href="#" target="_blank" style="color:#8169ff; text-decoration:none"><img alt="" height="auto" src="https://do0ne7yeju3uz.cloudfront.net/uploads/image_upload/image/2279913/embeddable_2f0b15b0-a465-4fcd-b167-24d5562ecd19.png" width="546" style="display:block; outline:none; text-decoration:none; height:auto; width:100%; font-size:16px; line-height:100%; border:0"></a></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></table></div></div></td></tr></tbody></table><div style="background-color:#ffffff; max-width:600px; margin:0px auto"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" bgcolor="#ffffff" style="background-color:#ffffff; width:100%; border-collapse:collapse"><tbody><tr><td align="center" style="direction:ltr; font-size:0px; text-align:center; border-collapse:collapse; padding:0px 24px"><div style="max-width:552px; margin:0px auto"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%; border-collapse:collapse"><tbody><tr><td align="center" style="direction:ltr; font-size:0px; text-align:center; border-collapse:collapse; padding:0"><div class="mj-column-per-100 mj-outlook-group-fix" align="left" style="font-size:0px; text-align:left; direction:ltr; display:inline-block; vertical-align:top; width:100%"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:collapse"><tbody><tr><td valign="top" style="vertical-align:top; border-collapse:collapse; padding:0 0px"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:collapse"><tbody><tr><td style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:12px 0"><p style="border-top-width:0; border-top-color:transparent; border-top-style:none; font-size:1px; width:100%; display:block; font-family:arial,helvetica,sans-serif; color:#242038; margin:0px auto"></p></td></tr><tr><td align="left" style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:24px 0"><div align="left" style="font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.2; text-align:left; color:#171717"><p style="display:block; font-family:arial,helvetica,sans-serif; font-size:14px; color:#242038; margin:0"><span style="line-height:24px"><span style="font-size:16px"><span style="font-family:helvetica,arial,sans-serif">Hi Tim! 👋<br><br>ProtoPie has transformed <span style="font-weight:bold"><a href="#" style="color:#8169ff; text-decoration:none">mobile</a></span> and <span style="font-weight:bold"><a href="#" style="color:#8169ff; text-decoration:none">desktop</a></span> user experience for multiple companies. <br><br>Today, I'll showcase impactful use cases and provide valuable learning materials to help you enhance your mobile prototyping skills.</span></span></span></p></div></td></tr><tr><td align="center" style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:0px 0%"><table border="0" cellpadding="0" cellspacing="0" role="presentation" class="mj-full-width-mobile" style="border-collapse:collapse; border-spacing:0px"><tbody><tr><td class="mj-full-width-mobile" style="width:552px; border-collapse:collapse"><a href="#" target="_blank" style="color:#8169ff; text-decoration:none"><img alt="" height="auto" src="https://www.dripuploads.com/uploads/image_upload/image/3113029/f559649b-2094-4ec7-9b1b-9d96fc05b98f.gif" width="552" style="display:block; outline:none; text-decoration:none; height:auto; width:100%; font-size:16px; line-height:100%; border:0"></a></td></tr></tbody></table></td></tr><tr><td style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:12px 0"><p style="border-top-width:1px; border-top-color:#e9e9e9; border-top-style:solid; font-size:1px; width:100%; display:block; font-family:arial,helvetica,sans-serif; color:#242038; margin:0px auto"></p></td></tr><tr><td align="left" style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:16px 0"><div align="left" style="font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.2; text-align:left; color:#171717"><p style="display:block; font-family:arial,helvetica,sans-serif; font-size:14px; color:#242038; margin:0"><span style="font-size:20px"><span style="font-family:helvetica,arial,sans-serif"><span style="font-weight:bold">How to do voice & cross-device prototyping</span></span></span></p></div></td></tr><tr><td align="center" style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:0px 0%"><table border="0" cellpadding="0" cellspacing="0" role="presentation" class="mj-full-width-mobile" style="border-collapse:collapse; border-spacing:0px"><tbody><tr><td class="mj-full-width-mobile" style="width:552px; border-collapse:collapse"><a href="#" target="_blank" style="color:#8169ff; text-decoration:none"><img alt="" height="auto" src="https://www.dripuploads.com/uploads/image_upload/image/3115458/3d328955-58d2-4d06-bfbc-8cf67cb4ca67.gif" width="552" style="display:block; outline:none; text-decoration:none; height:auto; width:100%; font-size:16px; line-height:100%; border:0"></a></td></tr></tbody></table></td></tr><tr><td style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:12px 0"><p style="border-top-width:0; border-top-color:transparent; border-top-style:none; font-size:1px; width:100%; display:block; font-family:arial,helvetica,sans-serif; color:#242038; margin:0px auto"></p></td></tr><tr><td align="left" style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:6px 0"><div align="left" style="font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.2; text-align:left; color:#171717"><p style="display:block; font-family:arial,helvetica,sans-serif; font-size:14px; color:#242038; margin:0"><span style="line-height:24px"><span style="font-size:16px"><span style="font-family:helvetica,arial,sans-serif">In this article, we'll show you how to prototype voice and cross-device interactions by creating a Google-inspired laundry machine connected to the Google Home app, all using the power of <span style="font-weight:bold"><span style="color:#8169ff"><a href="#" style="color:#8169ff; text-decoration:none"><span>ProtoPie Connect</span></a>.</span></span><br><br><a href="#" style="color:#8169ff; text-decoration:none"><span style="color:#2b2b2b">ProtoPie Connect</span></a><a href="#" style="color:#8169ff; text-decoration:none"><span style="color:#2b2b2b"> </span></a>is a companion product to ProtoPie Studio. It allows you to integrate physical devices and external data with your Pies. Come check this article that we wrote to explain <span style="font-weight:bold"><a href="#" style="color:#8169ff; text-decoration:none">more about ProtoPie Connect</a></span>. <br><br><span style="line-height:24px">In this step-by-step tutorial you will learn how to:</span></span></span></span></p><ul style="display:block; font-family:arial,helvetica,sans-serif; font-size:14px; color:#242038; margin:0; padding:0 24px"><li><span style="line-height:24px"><span style="font-size:16px">Create a prototype that works with <span style="font-weight:bold"><span style="color:#8169ff">voice commands</span></span></span></span></li><li><span style="line-height:24px"><span style="font-size:16px"><span style="font-family:helvetica,arial,sans-serif">Use Send and Receive to create <span style="color:#8169ff"><span style="font-weight:bold">cross-device interactions</span></span></span></span></span></li></ul></div></td></tr><tr><td style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:12px 0"><p style="border-top-width:0; border-top-color:transparent; border-top-style:none; font-size:1px; width:100%; display:block; font-family:arial,helvetica,sans-serif; color:#242038; margin:0px auto"></p></td></tr><tr><td align="center" class="responsive-button" style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:6px 0px"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate; width:50%; line-height:100%"><tbody><tr><td align="center" bgcolor="#8169ff" role="presentation" valign="middle" style="border-radius:3px; background-color:#8169ff; border-collapse:collapse; border:none"><a href="#" target="_blank" style="display:block!important; background-color:#8169ff; color:#ffffff; font-family:Arial; font-size:14px; font-weight:normal; line-height:1.2; text-decoration:none; text-transform:none; border-radius:3px; margin:0; padding:12px 24px"><span style="font-weight:bold">Check out the tutorial</span></a></td></tr></tbody></table></td></tr><tr><td style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:12px 0"><p style="border-top-width:0; border-top-color:transparent; border-top-style:none; font-size:1px; width:100%; display:block; font-family:arial,helvetica,sans-serif; color:#242038; margin:0px auto"></p></td></tr><tr><td style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:12px 0"><p style="border-top-width:1px; border-top-color:#d1d1d1; border-top-style:solid; font-size:1px; width:100%; display:block; font-family:arial,helvetica,sans-serif; color:#242038; margin:0px auto"></p></td></tr><tr><td align="left" style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:16px 0"><div align="left" style="font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.2; text-align:left; color:#171717"><p style="display:block; font-family:arial,helvetica,sans-serif; font-size:14px; color:#242038; margin:0"><span style="font-size:20px"><span style="font-family:helvetica,arial,sans-serif"><span style="font-weight:bold">Design a parallax scrolling effect using the chain trigger</span></span></span></p></div></td></tr><tr><td align="center" style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:0px 0%"><table border="0" cellpadding="0" cellspacing="0" role="presentation" class="mj-full-width-mobile" style="border-collapse:collapse; border-spacing:0px"><tbody><tr><td class="mj-full-width-mobile" style="width:552px; border-collapse:collapse"><a href="#" target="_blank" style="color:#8169ff; text-decoration:none"><img alt="" height="auto" src="https://www.dripuploads.com/uploads/image_upload/image/3113056/14012621-0939-4f63-a834-29f0e9529d8a.gif" width="552" style="display:block; outline:none; text-decoration:none; height:auto; width:100%; font-size:16px; line-height:100%; border:0"></a></td></tr></tbody></table></td></tr><tr><td style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:12px 0"><p style="border-top-width:0; border-top-color:transparent; border-top-style:none; font-size:1px; width:100%; display:block; font-family:arial,helvetica,sans-serif; color:#242038; margin:0px auto"></p></td></tr><tr><td align="left" style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:6px 0"><div align="left" style="font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.2; text-align:left; color:#171717"><p style="display:block; font-family:arial,helvetica,sans-serif; font-size:14px; color:#242038; margin:0"><span style="line-height:24px"><span style="font-size:16px"><span style="font-family:helvetica,arial,sans-serif">The parallax scrolling effect has become a trend in recent years.<br>The purpose is to achieve an illusion of depth within the 2D scene of a website.</span></span></span><br><br><span style="line-height:24px"><span style="font-size:16px"><span style="font-family:helvetica,arial,sans-serif">In this article, you will learn how the following:</span></span></span></p><ul style="display:block; font-family:arial,helvetica,sans-serif; font-size:14px; color:#242038; margin:0; padding:0 24px"><li><span style="line-height:24px"><span style="font-size:16px"><span style="font-family:helvetica,arial,sans-serif">Understanding how <span style="font-weight:bold"><span style="color:#8169ff">parallax</span></span> works</span></span></span></li><li><span style="line-height:24px"><span style="font-size:16px"><span style="font-family:helvetica,arial,sans-serif">How to create a <span style="font-weight:bold"><span style="color:#8169ff">scroll container</span></span> to make a scrollable view</span></span></span></li><li><span style="line-height:24px"><span style="font-size:16px"><span style="font-family:helvetica,arial,sans-serif">How to use chain to set <span style="color:#8169ff"><span style="font-weight:bold">different speeds</span></span> for background elements</span></span></span></li></ul></div></td></tr><tr><td style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:12px 0"><p style="border-top-width:0; border-top-color:transparent; border-top-style:none; font-size:1px; width:100%; display:block; font-family:arial,helvetica,sans-serif; color:#242038; margin:0px auto"></p></td></tr><tr><td align="center" class="responsive-button" style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:6px 0px"><table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate; width:50%; line-height:100%"><tbody><tr><td align="center" bgcolor="#8169ff" role="presentation" valign="middle" style="border-radius:3px; background-color:#8169ff; border-collapse:collapse; border:none"><a href="#" target="_blank" style="display:block!important; background-color:#8169ff; color:#ffffff; font-family:Arial; font-size:14px; font-weight:normal; line-height:1.2; text-decoration:none; text-transform:none; border-radius:3px; margin:0; padding:12px 24px"><span style="font-weight:bold">Get scrolling</span></a></td></tr></tbody></table></td></tr><tr><td style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:12px 0"><p style="border-top-width:0; border-top-color:transparent; border-top-style:none; font-size:1px; width:100%; display:block; font-family:arial,helvetica,sans-serif; color:#242038; margin:0px auto"></p></td></tr></tbody></table></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></table></div><div style="background-color:#fafafa; max-width:600px; margin:0px auto"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" bgcolor="#fafafa" style="background-color:#fafafa; width:100%; border-collapse:collapse"><tbody><tr><td align="center" style="direction:ltr; font-size:0px; text-align:center; border-collapse:collapse; padding:0px"><div style="max-width:600px; margin:0px auto"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%; border-collapse:collapse"><tbody><tr><td align="center" style="direction:ltr; font-size:0px; text-align:center; border-collapse:collapse; padding:0"><div class="mj-column-per-100 mj-outlook-group-fix" align="left" style="font-size:0px; text-align:left; direction:ltr; display:inline-block; vertical-align:top; width:100%"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:collapse"><tbody><tr><td valign="top" style="vertical-align:top; border-collapse:collapse; padding:0 0px"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:collapse"><tbody><tr><td style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:12px 0"><p style="border-top-width:0; border-top-color:transparent; border-top-style:none; font-size:1px; width:100%; display:block; font-family:arial,helvetica,sans-serif; color:#242038; margin:0px auto"></p></td></tr></tbody></table></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></table></div><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" bgcolor="#fafafa" style="background-color:#fafafa; width:100%; border-collapse:collapse"><tbody><tr><td style="border-collapse:collapse"><div style="max-width:600px; margin:0px auto"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%; border-collapse:collapse"><tbody><tr><td align="center" style="direction:ltr; font-size:0px; text-align:center; border-collapse:collapse; padding:0px 24px"><div style="max-width:552px; margin:0px auto"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%; border-collapse:collapse"><tbody><tr><td align="center" style="direction:ltr; font-size:0px; text-align:center; border-collapse:collapse; padding:0"><div class="mj-column-per-100 mj-outlook-group-fix" align="left" style="font-size:0px; text-align:left; direction:ltr; display:inline-block; vertical-align:top; width:100%"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:collapse"><tbody><tr><td valign="top" style="vertical-align:top; border-collapse:collapse; padding:0 0px"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:collapse"><tbody><tr><td style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:12px 0"><p style="border-top-width:0; border-top-color:transparent; border-top-style:none; font-size:1px; width:100%; display:block; font-family:arial,helvetica,sans-serif; color:#242038; margin:0px auto"></p></td></tr><tr><td align="left" style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:0px 0"><div align="left" style="font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.2; text-align:left; color:#171717"><p align="center" style="text-align:center; display:block; font-family:arial,helvetica,sans-serif; font-size:14px; color:#242038; margin:0"><span style="font-family:helvetica,arial,sans-serif"><span style="line-height:28px"><span style="font-size:20px"><span style="font-weight:bold">Happy Prototyping!<br>ProtoPie Team</span></span></span></span></p></div></td></tr><tr><td align="left" style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:6px 0"><div align="left" style="font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.2; text-align:left; color:#171717"><p align="center" style="text-align:center; display:block; font-family:arial,helvetica,sans-serif; font-size:14px; color:#242038; margin:0"><span style="font-size:14px"><span style="line-height:24px"><span style="font-family:helvetica,arial,sans-serif"><span style="font-style:italic"><span style="color:#2b2b2b">You can't find the answer to your question? Join the <span style="font-weight:bold"><a href="#" style="color:#8169ff; text-decoration:none">community</a></span> of ProtoPie enthusiasts to share or ask anything you need to!</span></span></span></span></span></p></div></td></tr><tr><td style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:12px 0"><p style="border-top-width:1px; border-top-color:#d1d1d1; border-top-style:solid; font-size:1px; width:88%; display:block; font-family:arial,helvetica,sans-serif; color:#242038; margin:0px auto"></p></td></tr><tr><td align="left" style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:8px 0"><div align="left" style="font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.2; text-align:left; color:#171717"><p align="center" style="text-align:center; display:block; font-family:arial,helvetica,sans-serif; font-size:14px; color:#242038; margin:0"><span style="font-size:14px"><span style="font-style:italic"><span style="font-family:helvetica,arial,sans-serif"><span style="line-height:24px"><span style="color:#2b2b2b">Do you want learn more about our</span><span style="color:#000000"><span style="font-family:helvetica,arial,sans-serif"><span style="line-height:24px"> </span></span></span><span style="font-weight:bold"><a href="#" style="color:#8169ff; text-decoration:none"><span style="color:#8169ff">Pro and Enterprise plans</span></a></span><span style="color:#2b2b2b">? Then get in touch with our Solutions Specialists to book a</span><span style="color:#000000"><span style="font-family:helvetica,arial,sans-serif"><span style="line-height:24px"> </span></span></span><span style="font-weight:bold"><a href="#" style="color:#8169ff; text-decoration:none"><span style="color:#8169ff">demo</span></a></span></span></span><span style="color:#000000"><span style="font-family:helvetica,arial,sans-serif"><span style="line-height:24px">.</span></span></span></span></span></p></div></td></tr></tbody></table></td></tr></tbody></table></div></td></tr></tbody></table></div><div style="max-width:552px; margin:0px auto"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%; border-collapse:collapse"><tbody><tr><td align="center" style="direction:ltr; font-size:0px; text-align:center; border-collapse:collapse; padding:0"><div class="mj-column-per-100 mj-outlook-group-fix" align="left" style="font-size:0px; text-align:left; direction:ltr; display:inline-block; vertical-align:top; width:100%"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:collapse"><tbody><tr><td valign="top" style="vertical-align:top; border-collapse:collapse; padding:0 0px"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="border-collapse:collapse"><tbody><tr><td align="center" style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:12px 0px"><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none; display:inline-table; border-collapse:collapse"><tbody><tr><td style="border-collapse:collapse; padding:12px"><table border="0" cellpadding="0" cellspacing="0" role="presentation" bgcolor="#8169ff" style="background-color:#8169ff; border-radius:4px; width:16px; border-collapse:collapse"><tbody><tr><td valign="middle" style="font-size:0; height:16px; vertical-align:middle; width:16px; border-collapse:collapse"><a href="#" target="_blank" style="color:#8169ff; text-decoration:none"><img height="16" src="https://www.mailjet.com/images/theme/v1/icons/ico-social/twitter.png" width="16" style="border-radius:4px; display:block; height:auto; line-height:100%; outline:none; text-decoration:none; border:0"></a></td></tr></tbody></table></td></tr></tbody></table><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none; display:inline-table; border-collapse:collapse"><tbody><tr><td style="border-collapse:collapse; padding:12px"><table border="0" cellpadding="0" cellspacing="0" role="presentation" bgcolor="#8169ff" style="background-color:#8169ff; border-radius:4px; width:16px; border-collapse:collapse"><tbody><tr><td valign="middle" style="font-size:0; height:16px; vertical-align:middle; width:16px; border-collapse:collapse"><a href="#" target="_blank" style="color:#8169ff; text-decoration:none"><img height="16" src="https://www.mailjet.com/images/theme/v1/icons/ico-social/instagram.png" width="16" style="border-radius:4px; display:block; height:auto; line-height:100%; outline:none; text-decoration:none; border:0"></a></td></tr></tbody></table></td></tr></tbody></table><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none; display:inline-table; border-collapse:collapse"><tbody><tr><td style="border-collapse:collapse; padding:12px"><table border="0" cellpadding="0" cellspacing="0" role="presentation" bgcolor="#8169ff" style="background-color:#8169ff; border-radius:4px; width:16px; border-collapse:collapse"><tbody><tr><td valign="middle" style="font-size:0; height:16px; vertical-align:middle; width:16px; border-collapse:collapse"><a href="#" target="_blank" style="color:#8169ff; text-decoration:none"><img height="16" src="https://www.mailjet.com/images/theme/v1/icons/ico-social/youtube.png" width="16" style="border-radius:4px; display:block; height:auto; line-height:100%; outline:none; text-decoration:none; border:0"></a></td></tr></tbody></table></td></tr></tbody></table><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none; display:inline-table; border-collapse:collapse"><tbody><tr><td style="border-collapse:collapse; padding:12px"><table border="0" cellpadding="0" cellspacing="0" role="presentation" bgcolor="#8169ff" style="background-color:#8169ff; border-radius:4px; width:16px; border-collapse:collapse"><tbody><tr><td valign="middle" style="font-size:0; height:16px; vertical-align:middle; width:16px; border-collapse:collapse"><a href="#" target="_blank" style="color:#8169ff; text-decoration:none"><img height="16" src="https://www.mailjet.com/images/theme/v1/icons/ico-social/linkedin.png" width="16" style="border-radius:4px; display:block; height:auto; line-height:100%; outline:none; text-decoration:none; border:0"></a></td></tr></tbody></table></td></tr></tbody></table></td></tr><tr><td align="left" style="font-size:0px; word-break:break-word; border-collapse:collapse; padding:16px 0"><div align="left" style="font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.2; text-align:left; color:#171717"><p align="center" style="text-align:center; display:block; font-family:arial,helvetica,sans-serif; font-size:14px; color:#242038; margin:0"><span style="font-family:helvetica,arial,sans-serif"><span style="color:#23262e"><span style="font-size:10px">© PROTOPIE. ALL RIGHTS RESERVED.</span><br><span style="font-size:10px"><span style="line-height:12px">ProtoPie Building, 37-6, Hoenamu-ro 13ga-gil, Yongsan-gu, Seoul, Republic of Korea  l  Do you need a break? <span style="text-decoration:underline"><a href="#" style="color:#8169ff; text-decoration:none">Unsubscribe</a></span></span></span></span><br><span style="font-size:10px"><span style="color:#23262e">Need more help? </span><span style="text-decoration:underline"><a href="#" style="color:#8169ff; text-decoration:none"><span style="color:#23262e">Contact us</span></a></span></span></span></p></div></td></tr></tbody></table></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></table></div></td></tr></tbody></table></div><img src="https://u14056585.ct.sendgrid.net/wf/open?upn=u001.o5s7DMHNbHpZbcnIy67dMIKNa3XakkFQkt0wXFI1w4X0RC3RYXYKBJoNMukYGPTQvDxONO0UjTALNp5e6Ke3DqLaC8b832j68iqz-2BHGY9tCcOxOuOwSpw7GH6KieiEK1UTF4lCr6EHnLsBhaycW1QnDtWc2vUZZGRKTbxKeO5Zphkob3YPWrnt4AZRfxnsB45l4yAOoHt1YsUVud1qRdByxdI73KNWQsFRFfixDAnHAzjtTs62RRDLKVUO1aaL-2FgRVAOAphOzE1GGjaCSY-2Bm9n-2BbGq-2BtKUyS46rVyWTmCU26dMVzHhz8HitVfGZLoI4Yli8jxylNHFurxNRKUAel0P63IcOx53jr022PxCBPFqHUYk0DQNBleyBbsqRqpdh03YWFAIC3Z56IdkaCmPIMgFQ4G9qCQxrSfjvG7Z6-2BGu6beqNl84yu84hpfCWeHxOuXwGhtpVJ9Gv0yV66hNOzRjhML16SJbrYgnw3vU2fyBkqAw5WR9gXgUXa9WeCyy5NU2G7zACOT7wI2dnZG14Be4bp2jEkfdrTu6N9msuPBNfzi59WX7sHopnaj4aRvaRQIq1Ubbw-2FhxjtHrNEvyymy54Wt6HzpM1MBClAyaxRpxR386JI1jgwXVMn1wv3fdzfTD7lbtJIkcUGresh5-2Bf86wehrGewRjTjaWsf20h0t4HMun5J3qYlgw5uBcauKxBMm1f3zz5fSkHDA6sZFT9cAedLDvAShwETSlXvwJsDpm6b3l8H2KwfEwxAd0-2Fp7R2EFCU-2FD77GaJpTrldseqF1Q4Rbd3vyOG59lPwfJWqfAInGVChWwnwTUBw6o8CLUcZf8b2ZXsNsI6Py8zFOO7lTWYtWhL5Bxyq-2BW4EdcvdSbMpYmMH0KblusU-2BgJTnD9o5muXO2d8jRNjtS38-2F9k8FlYcy-2BPsq7DkWOc8k-2BUGxLMoM-3D" alt="" width="1" height="1" border="0" style="height:1px!important; width:1px!important; border-width:0!important; margin-top:0!important; margin-bottom:0!important; margin-right:0!important; margin-left:0!important; padding-top:0!important; padding-bottom:0!important; padding-right:0!important; padding-left:0!important"> </body></html>

Try