1/3 Choose your template
Choose this template
Layout 1
<table style="border-collapse: collapse;font-family: Poppins,sans-serif;font-size: 1rem;line-height: 1.3rem;" border="0"> <tbody> <tr> <td> <div style="width: max-content"> <div style="margin-bottom: 20px;"> <div data-key="fullname" style="font-size: 1.25rem; font-weight: 600;">Jane Doe</div> <div style="font-size: 0.8rem; font-weight: 400;max-width: 350px; text-align: left;"> <span data-key="jobtitle">Head of Growth</span> &nbsp;<span data-key="working-at">@</span>&nbsp; <span data-key="company" group-with="working-at">ACME</span> </div> </div> <div style="margin-top: 1rem; flex-wrap: nowrap; justify-content: flex-start; align-items: center; display: flex;"> <a style="margin-right: .2rem" data-key="linkedin"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/lmS9D8PDGJ33cBijbkEe9w18KHM/fp2pEw../linkedin-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="lemcal"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/iUjhGN-WxqmCVLfImbPp8fw5xLQ/H-yU1Q../lemcal-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="twitter"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-v6c_Hg5fA9H0frRclUxGus8bAA/sSF5Sg../twitter-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="youtube"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/TApDQs2aiWJsSyerZf9CWshppPc/WUAP2g../youtube-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="instagram"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/eDjmIU6OlprRLDqAshCvMMs85zc/nccUaw../instagram-icon.png" style="width: 25px;height:25px"> </a> </div> </div> </td> <td style="width: 2px;"> <div style="width: 2px;background-color: #e4e4e4;margin-left: 20px; margin-right: 20px; height: 120px;">&nbsp;</div> </td> <td style="width: auto;"> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="phonenumber-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-ChwrtnpoYuOqodB4QRsbzIzg_g/kXcpGw../phone-icon.png"> <div data-key="phonenumber" group-with="phonenumber-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content;text-align: left;">+33 6 00 00 00 00</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="email-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/Y78uVuq_XLhXPzF_THOOnuAISGs/MakV2w../mail-icon.png"> <div data-key="email" group-with="email-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">jane.d@acme.com</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="website-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/s9MnmoP3rTO2x9xf0rqr-saiB9E/vNuNLA../browser-icon.png"> <div data-key="website" group-with="website-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">https://www.acme.com</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="address-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/Bhb950C6c6U1rOKTEbCUOSYC1iQ/CVmRlQ../location-icon.png"> <div data-key="address" group-with="address-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">Paris, France</div> </div> </td> </tr> </tbody> </table>
Layout 2
<table style="border-collapse: collapse;font-family: Poppins,sans-serif;font-size: 1rem;line-height: 1.3rem;" border="0"> <tbody> <tr> <td style="width: 160px; text-align: center;"> <img data-key="picture" src="https://assets-global.website-files.com/5de921a1902d8d8b7a99f774/652920b11eb6f19c1c6cb611_Rectangle%2039398.svg" alt="" style="object-fit: cover;border-radius: 70px; width:140px;height:140px;border: solid 2px #e4e4e4;"/> </td> <td style="width: 2px;"> <div style="width: 2px;background-color: #e4e4e4;margin-left: 1rem; margin-right: 1rem; height: 160px;">&nbsp;</div> </td> <td> <div style="width: max-content"> <div style="margin-bottom: 1rem;"> <div data-key="fullname" style="font-size: 1.25rem; font-weight: 600;">Jane Doe</div> <div style="font-size: 0.8rem; font-weight: 400;max-width: 350px; text-align: left;"> <span data-key="jobtitle">Head of Growth</span> &nbsp;<span data-key="working-at">@</span>&nbsp; <span data-key="company" group-with="working-at">ACME</span> </div> </div> <div style="margin-bottom: 1rem;"> <div data-key="phonenumber" group-with="phonenumber-icon" style="line-height: 1.2rem; font-size: 0.8rem; font-weight: 400;width:max-content;text-align: left;">+33 6 00 00 00 00</div> <div data-key="email" group-with="email-icon" style="line-height: 1.2rem; font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">jane.d@acme.com</div> <div data-key="website" group-with="website-icon" style="line-height: 1.2rem; font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">https://www.acme.com</div> <div data-key="address" group-with="address-icon" style="line-height: 1.2rem; font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">Paris, France</div> </div> <div style="margin-top: 1rem; flex-wrap: nowrap; justify-content: flex-start; align-items: center; display: flex;"> <a style="margin-right: .2rem" data-key="linkedin"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/lmS9D8PDGJ33cBijbkEe9w18KHM/fp2pEw../linkedin-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="lemcal"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/iUjhGN-WxqmCVLfImbPp8fw5xLQ/H-yU1Q../lemcal-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="twitter"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-v6c_Hg5fA9H0frRclUxGus8bAA/sSF5Sg../twitter-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="youtube"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/TApDQs2aiWJsSyerZf9CWshppPc/WUAP2g../youtube-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="instagram"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/eDjmIU6OlprRLDqAshCvMMs85zc/nccUaw../instagram-icon.png" style="width: 25px;height:25px"> </a> </div> </div> </td> </tr> </tbody> </table>
Layout 3
<table style="border-collapse: collapse;font-family: Poppins,sans-serif;font-size: 1rem;line-height: 1.3rem;" border="0"> <tbody> <tr> <td> <div style="width: max-content"> <div style="margin-bottom: 1rem;"> <div data-key="fullname" style="font-size: 1.25rem; font-weight: 600;">Jane Doe</div> <div style="font-size: 0.8rem; font-weight: 400;max-width: 350px; text-align: left;"> <span data-key="jobtitle">Head of Growth</span> &nbsp;<span data-key="working-at">@</span>&nbsp; <span data-key="company" group-with="working-at">ACME</span> </div> </div> <div style="margin-bottom: 1rem;"> <div data-key="phonenumber" group-with="phonenumber-icon" style="line-height: 1.2rem; font-size: 0.8rem; font-weight: 400;width:max-content;text-align: left;">+33 6 00 00 00 00</div> <div data-key="email" group-with="email-icon" style="line-height: 1.2rem; font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">jane.d@acme.com</div> <div data-key="website" group-with="website-icon" style="line-height: 1.2rem; font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">https://www.acme.com</div> <div data-key="address" group-with="address-icon" style="line-height: 1.2rem; font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">Paris, France</div> </div> <div style="margin-top: 1rem; flex-wrap: nowrap; justify-content: flex-start; align-items: center; display: flex;"> <a style="margin-right: .2rem" data-key="linkedin"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/lmS9D8PDGJ33cBijbkEe9w18KHM/fp2pEw../linkedin-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="lemcal"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/iUjhGN-WxqmCVLfImbPp8fw5xLQ/H-yU1Q../lemcal-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="twitter"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-v6c_Hg5fA9H0frRclUxGus8bAA/sSF5Sg../twitter-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="youtube"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/TApDQs2aiWJsSyerZf9CWshppPc/WUAP2g../youtube-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="instagram"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/eDjmIU6OlprRLDqAshCvMMs85zc/nccUaw../instagram-icon.png" style="width: 25px;height:25px"> </a> </div> </div> </td> <td style="width: 2px;"> <div style="width: 2px;background-color: #e4e4e4;margin-left: 1rem; margin-right: 1rem; height: 160px;">&nbsp;</div> </td> <td style="width: 160px; text-align: center;"> <img data-key="picture" src="https://assets-global.website-files.com/5de921a1902d8d8b7a99f774/652920b11eb6f19c1c6cb611_Rectangle%2039398.svg" alt="" style="object-fit: cover;border-radius: 70px; width:140px;height:140px;border:solid 2px #e4e4e4;"/> </td> </tr> </tbody> </table>
Layout 4
<table style="border-collapse: collapse;font-family: Poppins,sans-serif;font-size: 1rem;line-height: 1.3rem;" border="0"> <tbody> <tr> <td style="width: 160px; text-align: center;"> <img data-key="picture" src="https://assets-global.website-files.com/5de921a1902d8d8b7a99f774/652920b11eb6f19c1c6cb611_Rectangle%2039398.svg" alt="" style="object-fit: cover;border-radius: 70px; width:140px;height:140px;border: solid 2px #e4e4e4;"/> <div style="margin-top: 1rem; flex-wrap: nowrap; justify-content: flex-start; align-items: center; display: flex;"> <a style="margin-right: .2rem" data-key="linkedin"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/lmS9D8PDGJ33cBijbkEe9w18KHM/fp2pEw../linkedin-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="lemcal"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/iUjhGN-WxqmCVLfImbPp8fw5xLQ/H-yU1Q../lemcal-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="twitter"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-v6c_Hg5fA9H0frRclUxGus8bAA/sSF5Sg../twitter-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="youtube"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/TApDQs2aiWJsSyerZf9CWshppPc/WUAP2g../youtube-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="instagram"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/eDjmIU6OlprRLDqAshCvMMs85zc/nccUaw../instagram-icon.png" style="width: 25px;height:25px"> </a> </div> </td> <td style="width: 2px;"> <div style="width: 2px;background-color: #e4e4e4;margin-left: 1rem; margin-right: 1rem; height: 180px;">&nbsp;</div> </td> <td> <div style="width: max-content"> <div style="margin-bottom: 1rem;"> <div data-key="fullname" style="font-size: 1.25rem; font-weight: 600;">Jane Doe</div> <div style="font-size: 0.8rem; font-weight: 400;max-width: 350px; text-align: left;"> <span data-key="jobtitle">Head of Growth</span> &nbsp;<span data-key="working-at">@</span>&nbsp; <span data-key="company" group-with="working-at">ACME</span> </div> </div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="phonenumber-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-ChwrtnpoYuOqodB4QRsbzIzg_g/kXcpGw../phone-icon.png"> <div data-key="phonenumber" group-with="phonenumber-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content;text-align: left;">+33 6 00 00 00 00</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="email-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/Y78uVuq_XLhXPzF_THOOnuAISGs/MakV2w../mail-icon.png"> <div data-key="email" group-with="email-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">jane.d@acme.com</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="website-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/s9MnmoP3rTO2x9xf0rqr-saiB9E/vNuNLA../browser-icon.png"> <div data-key="website" group-with="website-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">https://www.acme.com</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="address-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/Bhb950C6c6U1rOKTEbCUOSYC1iQ/CVmRlQ../location-icon.png"> <div data-key="address" group-with="address-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">Paris, France</div> </div> </td> </tr> </tbody> </table>
Layout 5
<table style="border-collapse: collapse;font-family: Poppins,sans-serif;font-size: 1rem;line-height: 1.3rem;" border="0"> <tbody> <tr> <td> <div style="width: max-content"> <div style="margin-bottom: 1rem;"> <div data-key="fullname" style="font-size: 1.25rem; font-weight: 600;">Jane Doe</div> <div style="font-size: 0.8rem; font-weight: 400;max-width: 350px; text-align: left;"> <span data-key="jobtitle">Head of Growth</span> &nbsp;<span data-key="working-at">@</span>&nbsp; <span data-key="company" group-with="working-at">ACME</span> </div> </div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="phonenumber-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-ChwrtnpoYuOqodB4QRsbzIzg_g/kXcpGw../phone-icon.png"> <div data-key="phonenumber" group-with="phonenumber-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content;text-align: left;">+33 6 00 00 00 00</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="email-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/Y78uVuq_XLhXPzF_THOOnuAISGs/MakV2w../mail-icon.png"> <div data-key="email" group-with="email-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">jane.d@acme.com</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="website-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/s9MnmoP3rTO2x9xf0rqr-saiB9E/vNuNLA../browser-icon.png"> <div data-key="website" group-with="website-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">https://www.acme.com</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="address-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/Bhb950C6c6U1rOKTEbCUOSYC1iQ/CVmRlQ../location-icon.png"> <div data-key="address" group-with="address-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">Paris, France</div> </div> </td> <td style="width: 2px;"> <div style="width: 2px;background-color: #e4e4e4;margin-left: 1rem; margin-right: 1rem; height: 180px;">&nbsp;</div> </td> <td style="width: max-content; text-align: center;padding-left: 1rem;padding-right: 1rem;"> <img data-key="picture" src="https://assets-global.website-files.com/5de921a1902d8d8b7a99f774/652920b11eb6f19c1c6cb611_Rectangle%2039398.svg" alt="" style="object-fit: cover;border-radius: 70px; width:140px;height:140px;border: solid 2px #e4e4e4;"/> <div style="margin-top: 1rem; flex-wrap: nowrap; justify-content: flex-start; align-items: center; display: flex;"> <a style="margin-right: .2rem" data-key="linkedin"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/lmS9D8PDGJ33cBijbkEe9w18KHM/fp2pEw../linkedin-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="lemcal"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/iUjhGN-WxqmCVLfImbPp8fw5xLQ/H-yU1Q../lemcal-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="twitter"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-v6c_Hg5fA9H0frRclUxGus8bAA/sSF5Sg../twitter-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="youtube"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/TApDQs2aiWJsSyerZf9CWshppPc/WUAP2g../youtube-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="instagram"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/eDjmIU6OlprRLDqAshCvMMs85zc/nccUaw../instagram-icon.png" style="width: 25px;height:25px"> </a> </div> </td> </tr> </tbody> </table>
Layout 6
<table style="border-collapse: collapse;font-family: Poppins,sans-serif;font-size: 1rem;line-height: 1.3rem;" border="0"> <tbody> <tr> <td style="width: 140px; text-align: center;padding-bottom: 1rem;padding-top: 1rem;"> <img data-key="picture" src="https://assets-global.website-files.com/5de921a1902d8d8b7a99f774/652920b11eb6f19c1c6cb611_Rectangle%2039398.svg" alt="" style="object-fit: cover;border-radius: 50px; width:100px;height:100px;border: solid 2px #e4e4e4;"/> </td> <td> <div style="width: max-content"> <div style="margin-bottom: 1rem;"> <div data-key="fullname" style="font-size: 1.25rem; font-weight: 600;">Jane Doe</div> <div style="font-size: 0.8rem; font-weight: 400;max-width: 350px; text-align: left;"> <span data-key="jobtitle">Head of Growth</span> &nbsp;<span data-key="working-at">@</span>&nbsp; <span data-key="company" group-with="working-at">ACME</span> </div> </div> <div style="margin-top: 1rem; flex-wrap: nowrap; justify-content: flex-start; align-items: center; display: flex;"> <a style="margin-right: .2rem" data-key="linkedin"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/lmS9D8PDGJ33cBijbkEe9w18KHM/fp2pEw../linkedin-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="lemcal"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/iUjhGN-WxqmCVLfImbPp8fw5xLQ/H-yU1Q../lemcal-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="twitter"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-v6c_Hg5fA9H0frRclUxGus8bAA/sSF5Sg../twitter-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="youtube"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/TApDQs2aiWJsSyerZf9CWshppPc/WUAP2g../youtube-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="instagram"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/eDjmIU6OlprRLDqAshCvMMs85zc/nccUaw../instagram-icon.png" style="width: 25px;height:25px"> </a> </div> </div> </td> </tr> <tr"> <td colspan="2"> <div style="height: 2px; background-color: #e4e4e4; width: 100%; margin-top: 1rem;margin-bottom: 1rem;">&nbsp;</div> </td> </tr> <tr> <td colspan="2"> <div style="width: max-content;display: flex;"> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="phonenumber-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-ChwrtnpoYuOqodB4QRsbzIzg_g/kXcpGw../phone-icon.png"> <div data-key="phonenumber" group-with="phonenumber-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content;text-align: left;">+33 6 00 00 00 00</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="email-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/Y78uVuq_XLhXPzF_THOOnuAISGs/MakV2w../mail-icon.png"> <div data-key="email" group-with="email-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">jane.d@acme.com</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="website-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/s9MnmoP3rTO2x9xf0rqr-saiB9E/vNuNLA../browser-icon.png"> <div data-key="website" group-with="website-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">https://www.acme.com</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="address-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/Bhb950C6c6U1rOKTEbCUOSYC1iQ/CVmRlQ../location-icon.png"> <div data-key="address" group-with="address-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">Paris, France</div> </div> </div> </td> </tr> </tbody> </table>
Layout 7
<table style="border-collapse: collapse;font-family: Poppins,sans-serif;font-size: 1rem;line-height: 1.3rem;" border="0"> <tbody> <tr> <td> <div> <div style="margin-bottom: 1rem;padding-bottom: 1rem;padding-top: 1rem;"> <div data-key="fullname" style="font-size: 1.25rem; font-weight: 600;">Jane Doe</div> <div style="font-size: 0.8rem; font-weight: 400;max-width: 350px; text-align: left;"> <span data-key="jobtitle">Head of Growth</span> &nbsp;<span data-key="working-at">@</span>&nbsp; <span data-key="company" group-with="working-at">ACME</span> </div> </div> <div style="margin-top: 1rem; flex-wrap: nowrap; justify-content: flex-start; align-items: center; display: flex;"> <a style="margin-right: .2rem" data-key="linkedin"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/lmS9D8PDGJ33cBijbkEe9w18KHM/fp2pEw../linkedin-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="lemcal"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/iUjhGN-WxqmCVLfImbPp8fw5xLQ/H-yU1Q../lemcal-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="twitter"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-v6c_Hg5fA9H0frRclUxGus8bAA/sSF5Sg../twitter-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="youtube"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/TApDQs2aiWJsSyerZf9CWshppPc/WUAP2g../youtube-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="instagram"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/eDjmIU6OlprRLDqAshCvMMs85zc/nccUaw../instagram-icon.png" style="width: 25px;height:25px"> </a> </div> </div> </td> <td style="width: 140px; text-align: center;"> <img data-key="picture" src="https://assets-global.website-files.com/5de921a1902d8d8b7a99f774/652920b11eb6f19c1c6cb611_Rectangle%2039398.svg" alt="" style="object-fit: cover;border-radius: 50px; width:100px;height:100px;border: solid 2px #e4e4e4;"/> </td> </tr> <tr"> <td colspan="2"> <div style="height: 2px; background-color: #e4e4e4; width: 100%; margin-top: 1rem;margin-bottom: 1rem;">&nbsp;</div> </td> </tr> <tr> <td colspan="2"> <div style="width: max-content;display: flex;"> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="phonenumber-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-ChwrtnpoYuOqodB4QRsbzIzg_g/kXcpGw../phone-icon.png"> <div data-key="phonenumber" group-with="phonenumber-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content;text-align: left;">+33 6 00 00 00 00</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="email-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/Y78uVuq_XLhXPzF_THOOnuAISGs/MakV2w../mail-icon.png"> <div data-key="email" group-with="email-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">jane.d@acme.com</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="website-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/s9MnmoP3rTO2x9xf0rqr-saiB9E/vNuNLA../browser-icon.png"> <div data-key="website" group-with="website-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">https://www.acme.com</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="address-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/Bhb950C6c6U1rOKTEbCUOSYC1iQ/CVmRlQ../location-icon.png"> <div data-key="address" group-with="address-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">Paris, France</div> </div> </div> </td> </tr> </tbody> </table>
Layout 8
<table style="border-collapse: collapse;font-family: Poppins,sans-serif;font-size: 1rem;line-height: 1.3rem;" border="0"> <tbody> <tr> <td style="width: 140px; text-align: center;padding-bottom: 1rem;padding-top: 1rem;padding-left: .5rem;"> <img data-key="picture" src="https://assets-global.website-files.com/5de921a1902d8d8b7a99f774/652920b11eb6f19c1c6cb611_Rectangle%2039398.svg" alt="" style="object-fit: cover;border-radius: 50px; width:100px;height:100px;border: solid 2px #e4e4e4;"/> </td> <td style="padding-right: .5rem;"> <div style="width: max-content"> <div style="margin-bottom: 1rem;"> <div data-key="fullname" style="font-size: 1.25rem; font-weight: 600;">Jane Doe</div> <div style="font-size: 0.8rem; font-weight: 400;max-width: 350px; text-align: left;"> <span data-key="jobtitle">Head of Growth</span> &nbsp;<span data-key="working-at">@</span>&nbsp; <span data-key="company" group-with="working-at">ACME</span> </div> </div> <div style="margin-top: 1rem; flex-wrap: nowrap; justify-content: flex-start; align-items: center; display: flex;"> <a style="margin-right: .2rem" data-key="linkedin"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/lmS9D8PDGJ33cBijbkEe9w18KHM/fp2pEw../linkedin-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="lemcal"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/iUjhGN-WxqmCVLfImbPp8fw5xLQ/H-yU1Q../lemcal-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="twitter"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-v6c_Hg5fA9H0frRclUxGus8bAA/sSF5Sg../twitter-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="youtube"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/TApDQs2aiWJsSyerZf9CWshppPc/WUAP2g../youtube-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="instagram"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/eDjmIU6OlprRLDqAshCvMMs85zc/nccUaw../instagram-icon.png" style="width: 25px;height:25px"> </a> </div> </div> </td> </tr> <tr> <td colspan="2" style="background-color: #d6e1ff;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;padding-top: 1rem;padding-bottom: 1rem;padding-left: .5rem;padding-right: .5rem;"> <div style="width: max-content;display: flex;"> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="phonenumber-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-ChwrtnpoYuOqodB4QRsbzIzg_g/kXcpGw../phone-icon.png"> <div data-key="phonenumber" group-with="phonenumber-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content;text-align: left;">+33 6 00 00 00 00</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="email-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/Y78uVuq_XLhXPzF_THOOnuAISGs/MakV2w../mail-icon.png"> <div data-key="email" group-with="email-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">jane.d@acme.com</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="website-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/s9MnmoP3rTO2x9xf0rqr-saiB9E/vNuNLA../browser-icon.png"> <div data-key="website" group-with="website-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">https://www.acme.com</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="address-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/Bhb950C6c6U1rOKTEbCUOSYC1iQ/CVmRlQ../location-icon.png"> <div data-key="address" group-with="address-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">Paris, France</div> </div> </div> </td> </tr> </tbody> </table>
Layout 9
<table style="border-collapse: collapse;font-family: Poppins,sans-serif;font-size: 1rem;line-height: 1.3rem;" border="0"> <tbody> <tr> <td style="padding-left: .5rem;"> <div style="width: max-content"> <div style="margin-bottom: 1rem;"> <div data-key="fullname" style="font-size: 1.25rem; font-weight: 600;">Jane Doe</div> <div style="font-size: 0.8rem; font-weight: 400;max-width: 350px; text-align: left;"> <span data-key="jobtitle">Head of Growth</span> &nbsp;<span data-key="working-at">@</span>&nbsp; <span data-key="company" group-with="working-at">ACME</span> </div> </div> <div style="margin-top: 1rem; flex-wrap: nowrap; justify-content: flex-start; align-items: center; display: flex;"> <a style="margin-right: .2rem" data-key="linkedin"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/lmS9D8PDGJ33cBijbkEe9w18KHM/fp2pEw../linkedin-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="lemcal"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/iUjhGN-WxqmCVLfImbPp8fw5xLQ/H-yU1Q../lemcal-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="twitter"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-v6c_Hg5fA9H0frRclUxGus8bAA/sSF5Sg../twitter-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="youtube"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/TApDQs2aiWJsSyerZf9CWshppPc/WUAP2g../youtube-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="instagram"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/eDjmIU6OlprRLDqAshCvMMs85zc/nccUaw../instagram-icon.png" style="width: 25px;height:25px"> </a> </div> </div> </td> <td style="width: 140px; text-align: center;padding-bottom: 1rem;padding-top: 1rem; padding-right: .5rem;"> <img data-key="picture" src="https://assets-global.website-files.com/5de921a1902d8d8b7a99f774/652920b11eb6f19c1c6cb611_Rectangle%2039398.svg" alt="" style="object-fit: cover;border-radius: 50px; width:100px;height:100px;border: solid 2px #e4e4e4;"/> </td> </tr> <tr> <td colspan="2" style="background-color: #d6e1ff;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;padding-top: 1rem;padding-bottom: 1rem;padding-left: .5rem;padding-right: .5rem;"> <div style="width: max-content;display: flex;"> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="phonenumber-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-ChwrtnpoYuOqodB4QRsbzIzg_g/kXcpGw../phone-icon.png"> <div data-key="phonenumber" group-with="phonenumber-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content;text-align: left;">+33 6 00 00 00 00</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="email-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/Y78uVuq_XLhXPzF_THOOnuAISGs/MakV2w../mail-icon.png"> <div data-key="email" group-with="email-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">jane.d@acme.com</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="website-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/s9MnmoP3rTO2x9xf0rqr-saiB9E/vNuNLA../browser-icon.png"> <div data-key="website" group-with="website-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">https://www.acme.com</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="address-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/Bhb950C6c6U1rOKTEbCUOSYC1iQ/CVmRlQ../location-icon.png"> <div data-key="address" group-with="address-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">Paris, France</div> </div> </div> </td> </tr> </tbody> </table>
Layout 10
<table style="border-collapse: collapse;font-family: Poppins,sans-serif;font-size: 1rem;line-height: 1.3rem;table-layout: fixed;width: 100%;" border="0"> <tbody> <tr> <td style="width: 200px; text-align: center;"> <img data-key="picture" src="https://assets-global.website-files.com/5de921a1902d8d8b7a99f774/652920b11eb6f19c1c6cb611_Rectangle%2039398.svg" alt="" style="object-fit: cover;border-radius: 70px; width:140px;height:140px;border: solid 2px #e4e4e4;"/> <div style="margin-top: 1rem;flex-wrap: nowrap;justify-content: flex-start;align-items: center;"> <a style="margin-right: .2rem" data-key="linkedin" target="_blank"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/lmS9D8PDGJ33cBijbkEe9w18KHM/fp2pEw../linkedin-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="lemcal" target="_blank"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/iUjhGN-WxqmCVLfImbPp8fw5xLQ/H-yU1Q../lemcal-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="twitter" target="_blank"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-v6c_Hg5fA9H0frRclUxGus8bAA/sSF5Sg../twitter-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="youtube" target="_blank"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/TApDQs2aiWJsSyerZf9CWshppPc/WUAP2g../youtube-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="instagram" target="_blank"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/eDjmIU6OlprRLDqAshCvMMs85zc/nccUaw../instagram-icon.png" style="width: 25px;height:25px"> </a> </div> </td> <td style="width: 0.4rem;"> <div style="width: 0.4rem; background-color: #4569eb;height: 120px;">&nbsp;</div> </td> <td style="background-color: #d6e1ff;border-bottom-right-radius: 1rem;padding: 1rem;width: 100%;"> <div style="width: max-content"> <div style="margin-bottom: 1rem;"> <div data-key="fullname" style="font-size: 1.25rem; font-weight: 600;">Jane Doe</div> <div style="font-size: 0.8rem; font-weight: 400;max-width: 350px; text-align: left;"> <span data-key="jobtitle">Head of Growth</span> &nbsp;<span data-key="working-at">@</span>&nbsp; <span data-key="company" group-with="working-at">ACME</span> </div> </div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="phonenumber-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-ChwrtnpoYuOqodB4QRsbzIzg_g/kXcpGw../phone-icon.png"> <div data-key="phonenumber" group-with="phonenumber-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content;text-align: left;">+33 6 00 00 00 00</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="email-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/Y78uVuq_XLhXPzF_THOOnuAISGs/MakV2w../mail-icon.png"> <div data-key="email" group-with="email-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">jane.d@acme.com</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="website-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/s9MnmoP3rTO2x9xf0rqr-saiB9E/vNuNLA../browser-icon.png"> <div data-key="website" group-with="website-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">https://www.acme.com</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="address-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/Bhb950C6c6U1rOKTEbCUOSYC1iQ/CVmRlQ../location-icon.png"> <div data-key="address" group-with="address-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">Paris, France</div> </div> </td> </tr> </tbody> </table>
Layout 11
<table style="border-collapse: collapse;font-family: Poppins,sans-serif;font-size: 1rem;line-height: 1.3rem;table-layout: fixed;width: 100%;" border="0"> <tbody> <tr> <td style="background-color: #d6e1ff;border-bottom-left-radius: 1rem;padding: 1rem;width: 100%;"> <div style="width: max-content"> <div style="margin-bottom: 1rem;"> <div data-key="fullname" style="font-size: 1.25rem; font-weight: 600;">Jane Doe</div> <div style="font-size: 0.8rem; font-weight: 400;max-width: 350px; text-align: left;"> <span data-key="jobtitle">Head of Growth</span> &nbsp;<span data-key="working-at">@</span>&nbsp; <span data-key="company" group-with="working-at">ACME</span> </div> </div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="phonenumber-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-ChwrtnpoYuOqodB4QRsbzIzg_g/kXcpGw../phone-icon.png"> <div data-key="phonenumber" group-with="phonenumber-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content;text-align: left;">+33 6 00 00 00 00</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="email-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/Y78uVuq_XLhXPzF_THOOnuAISGs/MakV2w../mail-icon.png"> <div data-key="email" group-with="email-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">jane.d@acme.com</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="website-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/s9MnmoP3rTO2x9xf0rqr-saiB9E/vNuNLA../browser-icon.png"> <div data-key="website" group-with="website-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">https://www.acme.com</div> </div> <div style="justify-content: flex-start; align-items: center; margin-top: 0.5rem; margin-bottom: 0.5rem; display: flex; margin-left: 0.5rem; margin-right: 0.5rem"> <img data-key="address-icon" style="margin-right:0.75rem;width:16px;height: 16px;" src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/Bhb950C6c6U1rOKTEbCUOSYC1iQ/CVmRlQ../location-icon.png"> <div data-key="address" group-with="address-icon" style="font-size: 0.8rem; font-weight: 400;width:max-content; text-align: left;">Paris, France</div> </div> </td> <td style="width: 0.4rem;"> <div style="width: 0.4rem; background-color: #4569eb;height: 120px;">&nbsp;</div> </td> <td style="width: 200px; text-align: center;"> <img data-key="picture" src="https://assets-global.website-files.com/5de921a1902d8d8b7a99f774/652920b11eb6f19c1c6cb611_Rectangle%2039398.svg" alt="" style="object-fit: cover;border-radius: 70px; width:140px;height:140px;border: solid 2px #e4e4e4;"/> <div style="margin-top: 1rem;flex-wrap: nowrap;justify-content: flex-start;align-items: center;"> <a style="margin-right: .2rem" data-key="linkedin" target="_blank"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/lmS9D8PDGJ33cBijbkEe9w18KHM/fp2pEw../linkedin-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="lemcal" target="_blank"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/iUjhGN-WxqmCVLfImbPp8fw5xLQ/H-yU1Q../lemcal-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="twitter" target="_blank"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/-v6c_Hg5fA9H0frRclUxGus8bAA/sSF5Sg../twitter-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="youtube" target="_blank"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/TApDQs2aiWJsSyerZf9CWshppPc/WUAP2g../youtube-icon.png" style="width: 25px;height:25px"> </a> <a style="margin-left: .2rem; margin-right: .2rem" data-key="instagram" target="_blank"> <img src="https://x9bg-phsp-06lo.f2.xano.io/vault/zz6EwVlK/eDjmIU6OlprRLDqAshCvMMs85zc/nccUaw../instagram-icon.png" style="width: 25px;height:25px"> </a> </div> </td> </tr> </tbody> </table>
Without photo
Layout 1 - Left
Layout 1 - Right
Layout 2 - Left
Layout 2 - Right
Layout 3 - Left
Layout 3 - Right
Layout 3 - Color
Layout 4 - Left
Layout 4 - Right
Layout 4 - 2 blocs
Layout 4 - 2 blocs
--
Take care,
Kévin Moënne-Loccoz
Head of growth @lempire
+33 6 78 90 12 34
54 rue de Lancry - 75010 Paris, France
2/3 Choose your template
Continue
Add a photo
Upload your best photo (square or round) here
Uploading...
fileuploaded.jpg
Upload failed. Max size for files is 10 MB.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Personal & business info
Fill in your data. Don't want to use a field? Delete the placeholder text.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Contact info
Type in your contact information.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Social media links
Add your social media profiles. URLs should start with https://
Discover lemcal
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Add your email sign-off
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Color theme
Chose a color theme to apply to your email signature.
Pink
Purple
Fuschia
Lavender
Violet
Mint
Teal
Azure
Royale
Persian
Red
Orange
Merigold
Saffron
Yellow
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
--
Take care,
Kévin Moënne-Loccoz
Head of growth @lempire
+33 6 78 90 12 34
54 rue de Lancry - 75010 Paris, France
3/3 Export your signature
See how to use it
--
Take care,
Kévin Moënne-Loccoz
Head of growth @lempire
+33 6 78 90 12 34
54 rue de Lancry - 75010 Paris, France
Copy to clipboard
How to add your email signature in gmail
Now it's time to put your email signature to work. Follow the steps below to copy your signature and add it in your email client.
Follow the steps below
Log in to your Gmail account and click on the gear icon in the top right corner.
Select "See all settings" from the drop-down menu.
Scroll down to the "Signature" section and enter your desired signature into the text box. The “Signature” section is in the “General” tab of Settings.
If you want your signature to appear only on certain types of messages (such as new messages or replies/forwards), navigate under “Signature defaults” and make your selection.
Once you're happy with your signature, scroll down to the bottom of the page and click "Save Changes."
And that's it! You've now successfully added a signature to your Gmail account.
How to add your email signature in lemlist
Now it's time to put your email signature to work. Follow the steps below to copy your signature and add it in your email client.
Follow the steps below or watch video
In lemlist access the dropdown menu by clicking on your profile icon.
Click on the "Settings" tab.
In the left section of the modal, click on "Sending settings".
Scroll down to find the “Email signature” section:
1 - Click on the 3 dots “More rich” to access more options
2 - Click on “Code view”
Now in the text area paste the HTML code you copied in your clipboard. No need to save, lemlist is fully auto-saved mode.
And that's it! You've now successfully added a signature to your lemlist account.
What is lemlist used for?
lemlist is the most advanced sales engagement platform and the top choice for customer generation.



As an all-in-one outreach solution, lemlist allows you to:



→ Find buyer-ready prospects and their contact details with minimal effort directly on the platform, using the most accurate and up-to-date database of 450 million leads (coming soon)



→ Discover valid email addresses for your LinkedIn leads directly within lemlist - no need for third-party tools.



→ Generate highly personalized multichannel campaigns using the most advanced AI on the market, trained by successful campaigns from over 400 million emails sent by top outreach experts.



→ Create multichannel campaigns with advanced conditions to engage leads on their preferred channel at the optimal time, resulting in higher conversions.



→ Personalize emails at scale by incorporating custom intro lines, images, dynamic landing pages, liquid syntax, and more.



→ Avoid the risk of ending up in spam folders by using the most advanced warm-up and deliverability booster available on the market (for free)



Founded in 2018, lemlist has been revolutionizing prospecting as a leader in personalized outreach, deliverability, multi-channel prospecting, and enabling users to find their leads within the platform directly.

Over 37,284 users have put their prospecting on autopilot mode and generate millions in revenue monthly with lemlist.
Can I get a demo of lemlist?
Yes! We currently conduct LIVE group demos to guide you through lemlist and address all your questions. You can view the upcoming sessions and register by clicking here.
What can I try during the lemlist’s 14-day free trial?
The 14-day free trial provides you access to most of the features lemlist offers, enabling you to explore the product without any limitations.You'll have the capability to:

→ Discover 100 ideal buyer-ready prospects for free (coming soon)
→ Find 150 prospects' contact details directly in lemlist
→ Create and launch highly multi-channel personalized campaigns with all available steps (email, LinkedIn, call, API, etc.)
→ Access detailed campaign reports
→ Use the task section and all other features that lemlist offers.

The only elements you won't have access to are the Dropcontact, Datagma, or Aircall integrations, and you won't have the ability to create teams.

Throughout the free trial, you'll be able to reach out to over 50 people with your campaign.
Can I sync. lemlist with my CRM?
Yes! You can natively integrate your HubSpot, SalesForce and Pipedrive CRM. You can push all activities from your campaigns (e.g. new lead, email sent, email opened, etc.) as well as send leads from your CRM to lemlist campaigns.

You can use tools like Zapier, or Pabbly to connect your CRM to lemlist.
Can I get help with my technical setup?
Yes! We have step-by-step guides accessible here and in lemlist when you start the onboarding process. You can also book a meeting with our customer success team to help you set it up.

Please contact them using the chat bubble from your lemlist account or via support@lemlist.com
How can I avoid landing in spam?
Currently, for each lemlist account you subscribe to, you receive a free lemwarm account. lemwarm is the most advanced warm-up and deliverability booster on the market, designed to help you send emails without them ending up in the spam folder.

We recommend using lemwarm before, during, and after sending your campaign to eliminate all spam risks. The tool operates 100% on autopilot, so once you've set up your account, lemwarm will handle the task for you.
Have a question?
You can reach our support team anytime from your lemlist account using the chat bubble or via email at support@lemlist.com. You can also connect with us through the chat bubble on the website.

Please note that if you are not logged into on your account, we will have limited information to assist you.