.png)
.jpeg)
.jpeg)
.jpeg)
.webp)
Lucid email 4
<!doctype html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html charset=UTF-8"> <meta name="viewport" content="width=device-width"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="color-scheme" content="light dark"> <meta name="supported-color-schemes" content="light dark"> <title>Hundreds of ready-to-use templates </title> <!--[if mso]> <style> * { font-family: sans-serif!important; } </style> <![endif]--> <style> html, body { margin: 0 auto !important; padding: 0 !important; height: 100% !important; width: 100% !important; } * { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } div[style*="margin: 16px 0"] { margin: 0 !important; } table, td { mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; } table { border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto !important; } td { font-family: Arial,Helvetica,Verdana,sans-serif !important; font-size: 20px !important; line-height: 28px !important; color: #282c33 !important; mso-height-rule: exactly !important; } .header { font-size: 48px !important; line-height: 1.2 !important; font-weight: bold !important; text-align:left !important; padding: 20px 60px 20px 60px !important; } .hero-bkgrd { background-color: #FEFEFE !important; } .text { background-color: #FEFEFE !important; padding: 10px 60px 30px 60px !important; } .templates { background-color: #F96B13 !important; } .template-image { width: 100% !important; max-width: 100% !important; vertical-align: middle !important; background-color: #ffffff !important; } .template-subheader { background-color: #ffffff !important; padding: 10px 20px 20px 20px !important; font-weight: bold !important; } .link { text-align: left !important; color: #282C33 !important; } .link:hover { color: #F96B13 !important; } .link2 { text-align: left !important; color: #282C33 !important; } .link2:hover { color: #F96B13 !important; } .text2 { background-color: #FFF3D9 !important; padding: 40px 60px 60px 60px !important; } .button { background: #282C33 !important; border: 1px solid #282C33 !important; text-decoration: none !important; color: #ffffff !important; border-radius: 4px !important; display:inline-block !important; mso-padding-alt:0 !important; font-size:20px !important; padding: 10px 40px !important; } .button-pad { vertical-align: top !important; background-color: #F96B13 !important; padding: 30px 60px 40px 40px !important; font-weight: bold !important; } .button:hover { background-color: #5D646F !important; border: 1px solid #5D646F !important; color: #FFFFFF !important; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; } .footer { font-size: 12px !important; line-height:18px !important; } @media (prefers-color-scheme: dark ) { .deep-drk-bkgrd { background-color: #23272c !important; } .drk-bkgrd { background-color: #282C33 !important; } .hero-bkgrd { background-color: #FFF3D9 !important; } .header { background-color: #FFF3D9 !important; color: #282C33 !important; } .text { background-color: #FFF3D9 !important; color: #282C33 !important; } .templates { background-color: #282C33 !important; } .template-subheader { background-color: #FEFEFE !important; } .template-image { background-color: #FEFEFE !important; } td { color: #ffffff !important; } .button { background: #f2f2f2 !important; border: 1px solid #282C33 !important; text-decoration: none !important; color: #282C33 !important; border-radius: 4px !important; display: inline-block !important; mso-padding-alt: 0 !important; font-size: 20px !important; } .button-pad { vertical-align: top !important; background-color: #282C33 !important; } .button:hover { background: #CED4DB !important; border: 1px solid #CED4DB !important; color: #000000 !important; } .link2 { color: #FFFFFF !important; } .text2 { background-color: #282C33 !important; color: #FFFFFF !important; } .footer-link { color: #ffffff !important; } .ftr-logo-dark { display:block !important;width: 80px !important;overflow: visible !important;float: none !important;max-height:inherit !important;max-width:80px !important;line-height: auto !important;margin-top:0px !important;visibility:inherit !important;} .ftr-logo-light { display:none;display:none !important;width: 0px !important;max-width: 0px !important;} } table table table { table-layout: auto; } img { -ms-interpolation-mode: bicubic; } *[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; } .x-gmail-data-detectors, .x-gmail-data-detectors *, .aBn { border-bottom: 0 !important; cursor: default !important; } @media screen and (max-width: 480px) { u~div { width: 100vw !important; } div>u~div { width: 100% !important; } } @media only screen and (max-width: 680px) { .logo { padding-top: 15px !important; padding-bottom: 0px !important; padding-left: 15px !important; } .logo-img { max-width: 60px !important; padding-left: 15px !important; } .logo-big { padding-top: 20px !important; padding-bottom: 30px !important; padding-left: 0px !important; padding-right: 0px !important; } .logo-big-img { max-width: 200px !important; } .text { font-size: 16px !important; line-height: 24px !important; padding-left: 15px !important; padding-right: 15px !important; max-width: 680px !important; padding-bottom: 20px !important; padding-top: 0px !important; } .text2 { font-size: 16px !important; line-height: 24px !important; padding-left: 15px !important; padding-right: 15px !important; max-width: 680px !important; padding-bottom: 40px !important; padding-top: 30px !important; } .header { font-size: 30px !important; padding-left: 15px !important; padding-right: 20px !important; padding-top: 0px !important; } .templates { display: block !important; width: 100% !important; max-width: 100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 35px !important; padding-right: 35px !important; padding-top: 30px !important; padding-bottom: 10px !important; } .template-image { padding-left: 0px !important; padding-right: 0px !important; display: center !important; } .template-subheader { padding-top: 10px !important; padding-bottom: 20px !important; padding-left: 30px !important; font-weight: bold !important; font-size: 16px !important; } .footer { font-size: 12px !important; padding-left: 15px !important; padding-right: 15px !important; padding-top: 30px !important; max-width: 680px !important; } .button { line-height: 24px !important; padding-top: 10px !important; padding-bottom: 10px !important; font-size: 16px !important; text-align: center !important; display: block !important; } .button-pad { padding-left: 15px !important; padding-right: 15px !important; padding-top: 20px !important; padding-bottom: 30px !important; } } </style> </head> <body width="100%" style="Margin: 0; background-color: #FAFBFC;" class="deep-drk-bkgrd"> <div style="display:none;font-size:1px;color:#333333;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;"> For every scenario </div> <div lang="en"> <table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%" bgcolor="#FAFBFC" style="border-collapse:collapse;" class="deep-drk-bkgrd"> <tbody> <tr> <td valign="top"> <center style="width: 100%;"> <div style="max-width: 660px;"> <!--[if mso]> <table cellspacing="0" cellpadding="0" border="0" width="660" style="max-width: 660px;min-width: 660px;" align="center"> <tr> <td width="380"> <![endif]--> <div style="font-size: 6px; line-height: 1; background-color: #F96B13;"> </div> <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" style="max-width: 660px; background-color: #ffffff;" class="drk-bkgrd"> <tbody> <tr> </tr> <tr style="background-color: #FFFFFF;" class="hero-bkgrd"> <td align="left" valign="middle" width="80" height="100%" style="font-size:0; padding: 35px 24px 0px 60px;" class="logo"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGRabzQ0Ixt7hduC_Q-N4ywlacEZER7BGkyaPkHFu4TM_TmlImYyqPQmycxawqQ-9JO1Ncv448=" ><img src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Marketo-Images/Lucid-Primary-Logo-CG100-onClear-np-RGB@2x.png" width="80" alt="Lucid" style="border: 0;width: 80px; max-width: 80px; vertical-align:middle;" class="logo-img"> </a> </td> </tr> <tr style="background-color: #FFFFFF;" class="hero-bkgrd"> <td align="center" valign="middle" width="288" height="100%" style="font-size:0; padding: 35px 60px 0px 60px;" class="logo-big"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGRabzQ0LJf4Hrn6zVsjLzCbytqMfH9T0C-gx4hDE5sYsr19xo8litL7Uh-qIPK7W0hK-39gik=" ><img src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Lucidchart-Primary3D-Logo-Default-TypeCG100-onClear-wp-RGB@2x2.png" width="288" alt="Lucidchart" style="border: 0;width: 100%; max-width: 288px; vertical-align:middle;" class="logo-big-img"> </a> </td> </tr> <tr style="background-color: #FFFFFF;" class="hero-bkgrd"> <tr class="hero-bkgrd"> <td class="header">Whatever’s on your plate, we’ve got you covered</td> </tr> <tr> <td valign="top" class="text">No need to start from scratch for your next project! We’ve got hundreds of ready-to-use templates to choose from.</td> </tr> <tr> <td> <table cellspacing="0" width="100%" role="presentation" style="caption-side:top;width:100%;"> <tr> <td class="templates" width="221" max-width="221" align="center" valign="top" style="padding: 40px 20px 0px 40px;"> <table cellspacing="0" width="100%" role="presentation" style="caption-side: top; width: 100%;"> <tr> <td width="221" max-width="221" align="center" valign="top" style="padding: 20px 10px 0px 10px;" class="template-image"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGRabzQ0B2qelpvWQR5-1iyH4SEnldlrpdVEZ_gV3mrs7IzCwOGYkMeQC8iilNSWJZ2rbAkQlk=" > <img src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Self-Serve-Onboarding/Lucidchart/Persona-template-test/OrgChart.png" alt="Org chart template" width="221"> </a> </td> </tr> <tr> <td valign="top" class="template-subheader"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGRabzQ0B2qelpvWQR5-1iyH4SEnldlrpdVEZ_gV3mrs7IzCwOGYkMeQC8iilNSWJZ2rbAkQlk=" style="color: #282C33;" class="link" >Org chart </a> </td> </tr> </table> </td> <td class="templates" width="221" max-width="221" align="center" valign="top" style="padding: 40px 40px 0px 20px;"> <table cellspacing="0" width="100%" role="presentation" style="caption-side: top; width: 100%;"> <tr> <td width="221" max-width="221" align="center" valign="top" style="padding: 20px 10px 0px 10px;" class="template-image"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGRabzQz5W5jauGRnQlAk2D7kHICuT-kBvWsk0xz-WJKSYHJCd4zzfnviLoHEgEzSm0-pJ-i3k=" > <img src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Self-Serve-Onboarding/Lucidchart/Persona-template-test/Flowchart.png" alt="Flow chart template" width="221"> </a> </td> </tr> <tr> <td valign="top" class="template-subheader"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGRabzQz5W5jauGRnQlAk2D7kHICuT-kBvWsk0xz-WJKSYHJCd4zzfnviLoHEgEzSm0-pJ-i3k=" style="color: #282C33;" class="link" >Flowchart</a> </td> </tr> </table> </td> </tr> <tr> <td class="templates" width="221" max-width="221" align="center" valign="top" style="padding: 40px 20px 20px 40px;"> <table cellspacing="0" width="100%" role="presentation" style="caption-side: top; width: 100%;"> <tr> <td width="221" max-width="221" align="center" valign="top" style="padding: 20px 0px 0px 0px;" class="template-image"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGRabzQz_1Om7Nrodp8huGYEJ55UbjQZ2u958A6Mo4ce3vEgPpdiyhYMqNR5pl0YT4WZ_brMrg=" > <img src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Self-Serve-Onboarding/Lucidchart/Persona-template-test/DatabaseERDiagram.png" alt="Database ER template" width="221"> </a> </td> </tr> <tr> <td valign="top" class="template-subheader"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGRabzQz_1Om7Nrodp8huGYEJ55UbjQZ2u958A6Mo4ce3vEgPpdiyhYMqNR5pl0YT4WZ_brMrg=" style="color: #282C33;" class="link" >Database ER <br>template</a> </td> </tr> </table> </td> <td class="templates" width="221" max-width="221" align="center" valign="top" style="padding: 40px 40px 0px 20px;"> <table cellspacing="0" width="100%" role="presentation" style="caption-side: top; width: 100%;"> <tr> <td width="221" max-width="221" align="center" valign="top" style="padding: 20px 0px 0px 0px;" class="template-image"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGRabzQzyggPqm28fW6-a5b3WLbNlImzKkepQWHpM2kVlAXNotwfYERV1DJS_L_3ToUe6XryKs=" > <img src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Self-Serve-Onboarding/Lucidchart/Teams/Network_Security_Diagram1.png" alt="Network security diagram" width="221"> </a> </td> </tr> <tr> <td valign="top" class="template-subheader"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGRabzQzyggPqm28fW6-a5b3WLbNlImzKkepQWHpM2kVlAXNotwfYERV1DJS_L_3ToUe6XryKs=" style="color: #282C33;" class="link" >Network security diagram</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" class="button-pad"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGRabzQ0BHI44dolJZNf35y9-KbS6E_OHZjSX8p3bpshjCGIzoVb18z7XVFq2gGebJbtyU8XXI=" class="button" > <!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%;mso-text-raise:30pt"> </i><![endif]--> <span style="mso-text-raise:15pt;">Login</span> <!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%"> </i><![endif]--> </a> </td> </tr> <tr> <td valign="top" class="text2">Don’t see what you’re looking for? Check out our <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGRabzQ0KRHIfDjOOU-UQIarmYqMlcU0DqQ3VvyGBDI9JKssm0FoUF385xHsRvrhlaW3Qfb6w4=" style="color: #ffffff;" class="link2" >template gallery</a>.</td> </tr> </tr> <tr style="background-color: #FAFBFC;" class="deep-drk-bkgrd"> <td align="left" valign="middle" width="80" height="100%" style="font-size:0; padding: 35px 24px 0px 60px;" class="logo"> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGRabzQ0Ixt7hduC_Q-N4ywlacEZER7BGkyaPkHFu4TM_TmlImYyqPQmycxawqQ-9JO1Ncv448=" ><img src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Marketo-Images/Lucid-Primary-Logo-CG100-onClear-np-RGB@2x.png" width="80" alt="Lucid" style="border: 0;width: 80px; max-width: 80px; vertical-align:middle;" class="ftr-logo-light"> <img src="https://cdn-cashy-static-assets.lucidchart.com/marketing/emails/Marketo-Images/Lucid-Primary-Logo-White-onClear-np-RGB@2x.png" width="80" alt="Lucid" style="vertical-align:middle;display:none; overflow:hidden; float:left; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden; " class="ftr-logo-dark"> </a> </td> </tr> <tr style="background-color: #FAFBFC;" class="deep-drk-bkgrd"> <td style="padding:30px 60px 40px 60px; width: 400;" class="footer"><a style="color:#282C33; text-decoration: underline;" href="https://lucid.co/contact/unsubscribe" class="footer-link" >Unsubscribe</a><br><br> Lucid Software Inc.<br> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGRabzQ0Kte5CCe3GRBi4T_wwXHZNtVOTbL9GqtD1P0ZN_2zikrhJmt1-otyUgFQS0jQKY5els=" target="_blank" style="text-decoration: none; color: #282c33; cursor: default;" class="footer-link" >10355 South Jordan Gateway, Suite 150<br> South Jordan, UT 84095 USA<br></a></td> </tr> </tbody> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </div> </center> </td> </tr> </tbody> </table> </div> <a href= "https://email.lucid.co/NzA0LUJFTC0zNjYAAAGRabzQ0G5zixIpqQISG4AM_UqsxoOk3ULlXueKebce6k1ZtyWSj1vlP5U-9sV4pkqIeqyKG1c=" ></a> <img src="https://email.lucid.co/trk?t=1&mid=NzA0LUJFTC0zNjYAAAGRabzQ0FkZ-W0jOukR22GWbu-VyPdgObJKZIfkVvd60a3CgbVX27E5fS2gZRpmK0FPzlVk3MWNMyHp7CKe0EqBvFrlI0AuMJiTRh8b72CDruJqs0Y" width="1" height="1" style="display:none !important;" alt="" /> <!--This is a comment --> </body> </html>
