1<!DOCTYPE html><!-- Last Published: Mon Jul 13 2026 09:35:31 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="emailsignaturerescue.webflow.io" data-wf-page="64eed64ad81415ffcae1bfba" data-wf-site="64eed649d81415ffcae1be71" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Email Signature Rescue | Home</title><meta content="Join thousands of professionals who've elevated their brand with our stunning email signatures. Start creating your perfect email signature today with our easy-to-use signature software and professional templates." name="description"/><meta content="Email Signature Rescue | Home" property="og:title"/><meta content="Join thousands of professionals who've elevated their brand with our stunning email signatures. Start creating your perfect email signature today with our easy-to-use signature software and professional templates." property="og:description"/><meta content="https://imagedelivery.net/1cNcsRZEwSQRSjEbRxir3Q/79596d97-3fef-4f40-df4f-8b6721ea9900/public" property="og:image"/><meta content="Email Signature Rescue | Home" name="twitter:title"/><meta content="Join thousands of professionals who've elevated their brand with our stunning email signatures. Start creating your perfect email signature today with our easy-to-use signature software and professional templates." name="twitter:description"/><meta content="https://imagedelivery.net/1cNcsRZEwSQRSjEbRxir3Q/79596d97-3fef-4f40-df4f-8b6721ea9900/public" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/css/emailsignaturerescue.webflow.shared.e69e49340.min.css" rel="stylesheet" type="text/css" integrity="sha384-5p5JNA8VI+mzzeKa1Hh+Am2wQmd0nhDCkHTaW1yzRLwYvOFkK7VpJnmbIhNQkirD" crossorigin="anonymous"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/6698d669c3da767e9e80dc96_esr-icon-32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/6698d66e71d54b1c505df8bd_esr-icon-256.png" rel="apple-touch-icon"/><link href="https://www.emailsignaturerescue.com" rel="canonical"/>
1<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push.apply(w[g],Array.isArray(i)?i:[i]);})(window,['G-KYCV88S3XR'],'google_tags_first_party');</script>
1<script async="" src="/v2645sy3qzdjNjRlZWQ2NDlkODE0MTVmZmNhZTFiZTcx/W4yaqWR5LdcdMqVuCFz7GSt8HJ4"></script>
1<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('set', 'developer_id.dZGVlNj', true);gtag('set', 'developer_id.dYWYxNW', true);gtag('js', new Date());gtag('config', 'G-KYCV88S3XR');</script>
1<!-- Google Tag Manager -->
2<script>
vendor: 327 bytes, lines 2-6
2(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 3new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 4j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 5'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 6})(window,document,'script','dataLayer','
6GTM-PLRZGW
vendor: 3 bytes, line 6
6');
6</script>
6 7<!-- End Google Tag Manager --> 8 9<style> 10.esr-nav-link:hover::after, 11.esr-nav-link.w--current::after { 12 transform: scaleX(1); 13} 14.esr-nav-link::after { 15 content: ''; 16 position: absolute; 17 bottom: 0; 18 left: 0; 19 width: 100%; 20 height: 2px; 21 background: #6d918d; 22 transform: scaleX(0); 23 transition: transform 0.3s; 24} 25 26.custom-tooltip{position:fixed;background:#fff;color:#333;padding:8px 12px;border-radius:6px;font-size:14px;pointer-events:none;transform:scale(.9) translateY(3px);opacity:0;visibility:hidden;transition:opacity 0.2s ease,transform 0.2s ease,visibility 0.2s ease;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -1px rgb(0 0 0 / .06);z-index:2147483647;text-align:center;max-width:400px;width:max-content;min-width:60px;white-space:normal;word-wrap:break-word;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform-style:preserve-3d;user-select:none}.custom-tooltip::after{content:'';position:absolute;left:50%;border:solid #fff0;height:0;width:0;pointer-events:none;border-width:6px;margin-left:-6px;transition:border-color 0.2s ease}.custom-tooltip::after{bottom:-12px;border-top-color:#fff}.custom-tooltip--bottom::after{top:-12px;bottom:auto;border-top-color:#fff0;border-bottom-color:#fff}@supports not (width:max-content){.custom-tooltip{width:auto;min-width:60px;max-width:400px}}@media (forced-colors:active){.custom-tooltip{border:1px solid CanvasText}.custom-tooltip::after{border-top-color:CanvasText}.custom-tooltip--bottom::after{border-bottom-color:CanvasText}} 27/* menu breakpoint fixes */ 28@media (max-width: 1273px) { 29 .nav-menu { 30 grid-column-gap: 2rem; 31 } 32} 33@media (max-width: 1177px) { 34 .wnav-wrapper.navigation-wrapper { 35 grid-column-gap: 2rem; 36 } 37} 38@media (max-width: 1113px) { 39 .nav-menu { 40 grid-column-gap: 1.5rem; 41 } 42 .wnav-wrapper.navigation-wrapper { 43 grid-column-gap: 1rem; 44 } 45} 46@media (min-width: 992px) and (max-width: 1033px) { 47 .nav-menu { 48 grid-column-gap: 1rem; 49 } 50 .wnav-wrapper.navigation-wrapper { 51 grid-column-gap: 0rem; 52 } 53} 54@media (max-width: 350px) { 55 .wnav-btn.nav-mobile { 56 width: 130px; 57 padding: 10px 10px; 58 } 59} 60/* END menu breakpoint fixes */ 61</style>
61<script type="text/javascript">window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}","hideDecimalForWholeNumbers":false};</script>
61</head><body class="body"><div data-collapse="medium" data-animation="default" data-duration="400" id="top-nav" data-easing="ease" data-easing2="ease" role="banner" class="navbar-3 w-nav"><div class="navigation-wnav"><div class="wnav-wrapper navigation-wrapper"><div class="wnav-logo"><a href="/" aria-current="page" class="w-inline-block w--current"><img src="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/68f9c72d84d7ebc8adccff59_69421fc618d6b6a469b4ca208dd0a453_esr-logo-update-2025-2.png" loading="lazy" width="99" alt=""/></a></div><div class="wnav-menu"><nav role="navigation" class="nav-menu w-nav-menu"><div data-delay="300" data-hover="true" class="dropdown-3 w-dropdown"><nav data-w-id="6dad9a30-90c3-1570-d1f1-ee5b1949c002" class="dropdown-list-2 w-dropdown-list"><a href="/email-signature-software" class="dropdown-link-block w-inline-block"><div class="dropdown-link-block-text">Email Signature Rescue V2.0</div></a></nav></div><div data-delay="300" data-hover="true" class="dropdown-2 w-dropdown"><nav data-w-id="8225afb3-d87b-8a65-1669-d64a8dc758bf" class="dropdown-list-2 w-dropdown-list"><a href="/email-signature-software" class="dropdown-link-block w-inline-block"><div class="dropdown-link-block-text">Email Signature Software</div></a><a href="/free-tools/email-banner-generator" class="dropdown-link-block w-inline-block"><div class="dropdown-link-block-text">Free Email Banner Generator</div></a><a href="/free-tools/email-icons-generator" class="dropdown-link-block w-inline-block"><div class="dropdown-link-block-text">Free Email Icon Generator</div></a></nav></div><a href="/email-signature-software" class="esr-nav-link w-nav-link">Features</a><a href="/email-signature-templates" class="esr-nav-link w-nav-link">Templates</a><a href="/software" class="esr-nav-link w-nav-link">Works With</a><a href="/case-study" class="esr-nav-link w-nav-link">Case Studies</a><a href="/pricing" class="esr-nav-link w-nav-link">Pricing</a><div data-delay="300" data-hover="true" class="w-dropdown"><nav data-w-id="24df9929-8c39-1bd0-8855-8b4c28fcf16f" class="dropdown-list-2 w-dropdown-list"><a href="#" class="dropdown-link-block w-inline-block"><div class="dropdown-link-block-icon">î</div><div class="dropdown-link-block-text">Email Icons Generator</div></a><a href="#" class="dropdown-link-block w-inline-block"><div class="dropdown-link-block-icon">î</div><div class="dropdown-link-block-text">Email Banner Generator</div></a></nav></div><a href="/pricing" class="wnav-btn nav-mobile w-button">Get Started</a><a href="https://esig.ly/login" target="_blank" class="wnav-btn nav-mobile mobile-login-btn w-button">Log In</a></nav></div><div class="wnav-buttons"><a href="/login" class="wnav-btn wnav-login w-button">Log In</a><a href="https://sigstudio.app" target="_blank" class="wnav-btn w-button">Try SigStudio for $1</a><div class="menu-mob-2 w-nav-button"><div class="w-icon-nav-menu"></div></div></div></div></div></div><section><section class="hero-value-prop-wrap"><section class="hero_value"><div class="hero__container"><div id="w-node-c2e1fb6b-f76d-79fb-0912-7ec6ac4bfcbf-a035bbdc" class="hero__content"><h1 class="hero__title">Beautiful, consistent email signatures in minutes, not days.</h1><div class="text-block-71"><strong>Super Easy Email Signature Management Software</strong> for individuals and small teams that need to create and deploy professional signatures.</div><ul role="list" class="home-hero-checklist"><li class="home-hero-checklist-item"><img src="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/67b43cab9b7c6c2bcbf5f1ab_square-check-solid-white.svg" loading="lazy" width="20" height="Auto" alt="" class="home-hero-checklist-icon"/><div class="text-block-75"><a href="/email-signature-templates"><strong class="bold-text-19">100+ templates</strong></a>, for Outlook, Gmail, Apple Mail + 60 more. </div></li><li class="home-hero-checklist-item"><img src="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/67b43cab9b7c6c2bcbf5f1ab_square-check-solid-white.svg" loading="lazy" width="20" height="Auto" alt="" class="home-hero-checklist-icon"/><div class="text-block-77"><a href="/email-signature-software"><strong class="bold-text-18">Online Dashboard</strong></a> to create, manage & deploy, no HTML needed.</div></li><li class="home-hero-checklist-item"><img src="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/67b43cab9b7c6c2bcbf5f1ab_square-check-solid-white.svg" loading="lazy" width="20" height="Auto" alt="" class="home-hero-checklist-icon"/><div class="text-block-80"><a href="/downloads"><strong class="bold-text-17">Easy to roll out across your whole team</strong></a>, no IT required. </div></li><li class="home-hero-checklist-item"><img src="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/67b43cab9b7c6c2bcbf5f1ab_square-check-solid-white.svg" loading="lazy" width="20" height="Auto" alt="" class="home-hero-checklist-icon"/><div class="text-block-76"><a href="https://www.emailsignaturerescue.com/blog/email-signatures-your-privacy-why-client-side-email-signature-software-is-more-privacy-focused-and-you-should-be-choosing-it-over-server-side"><strong class="bold-text-16">Privacy-first software</strong></a>, no email server access required. </div></li><li class="home-hero-checklist-item"><img src="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/67b43cab9b7c6c2bcbf5f1ab_square-check-solid-white.svg" loading="lazy" width="20" height="Auto" alt="" class="home-hero-checklist-icon"/><div class="text-block-79"><strong class="bold-text-15">Designed to stay on-brand and consistent, </strong>across every send<strong>.</strong></div></li><li class="home-hero-checklist-item"><img src="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/67b43cab9b7c6c2bcbf5f1ab_square-check-solid-white.svg" loading="lazy" width="20" height="Auto" alt="" class="home-hero-checklist-icon"/><div class="text-block-78"><strong class="bold-text-24">Same-day setup,</strong> add your users and deploy within hours.</div></li></ul><a href="/email-signature-templates" class="cta-section__button w-inline-block"><div>Find Your Email Signature</div><img src="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/67a457d80ae94f12e7952b32_arrow-right-solid.svg" loading="lazy" width="14" height="Auto" alt=""/></a></div><div class="hero__slider"><div class="hero__slides"><div class="w-embed"><style> 62.hero__content { 63 animation: fadeUp 0.8s ease-out; 64} 65.hero__slider { 66 animation: float 6s ease-in-out infinite; 67} 68.hero__slide { 69 position: absolute; 70 inset: 0;
71 animation: slideshow 40s infinite; 72 opacity: 0; 73} 74 75 .hero__slide:nth-child(1) { animation-delay: 0s; } 76 .hero__slide:nth-child(2) { animation-delay: 10s; } 77 .hero__slide:nth-child(3) { animation-delay: 20s; } 78 .hero__slide:nth-child(4) { animation-delay: 30s; } 79 80 .hero__slide img { 81 width: 100%; 82 height: 100%; 83 object-fit: cover; 84 border-radius: 0.5rem; 85} 86 87 @keyframes slideshow { 88 0%, 22% { opacity: 1; } 89 25%, 97% { opacity: 0; } 90 100% { opacity: 1; } 91 } 92 93 @keyframes fadeUp { 94 from { 95 opacity: 0; 96 transform: translateY(20px); 97 } 98 to { 99 opacity: 1; 100 transform: translateY(0); 101 } 102 } 103 104 @keyframes float { 105 0%, 100% { transform: translateY(0); } 106 50% { transform: translateY(-10px); } 107 } 108</style> 109<div class="hero__slide"> 110 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/275e94da-6de7-4f4c-79c4-20a954c74600/public" alt="Email Signature Template Author"> 111</div> 112<div class="hero__slide"> 113 <img src="https://imagedelivery.net/1cNcsRZEwSQRSjEbRxir3Q/16c852d1-da51-470d-3956-a90b410aa600/public" alt="Email Signature Template Botanica"> 114</div> 115<div class="hero__slide"> 116 <img src="https://imagedelivery.net/1cNcsRZEwSQRSjEbRxir3Q/58191daf-af9e-4835-d213-90a1fb863000/public" alt="Email Signature Template Raise"> 117</div> 118<div class="hero__slide"> 119 <img src="https://imagedelivery.net/1cNcsRZEwSQRSjEbRxir3Q/b83a716b-dbba-40b0-03b5-6e9a101d4000/public" alt="Email Signature Template Hightide"> 120</div></div></div></div></div></section><section class="section-39"><div class="code-embed-54 w-embed"><style> 121 * { 122 margin: 0; 123 padding: 0; 124 box-sizing: border-box; 125 } 126 127 .trust-banner { 128 position: relative; 129 padding: 2rem 1.5rem; 130 overflow: hidden; 131 background: white; 132 } 133 134 .trust-banner__background { 135 position: absolute; 136 inset: 0; 137 z-index: 0; 138 } 139 140 141 .trust-banner__container { 142 position: relative; 143 z-index: 1; 144 max-width: 1280px; 145 margin: 0 auto; 146 } 147 148 .trust-banner__items { 149 display: flex; 150 flex-wrap: wrap; 151 justify-content: center; 152 align-items: center; 153 gap: 3rem; 154 } 155 156 .trust-item { 157 display: flex; 158 align-items: center; 159 gap: 0.75rem; 160 transition: all 300ms ease-out; 161 } 162 163 .trust-item:hover { 164 transform: translateY(-2px) scale(1.05); 165 } 166 167 .trust-item__icon-wrapper { 168 position: relative; 169 } 170 171 .trust-item__icon { 172 width: 24px; 173 height: 24px; 174 color: #4d6966; 175 transition: transform 300ms; 176 } 177 178 .trust-item__icon svg { 179 width: 100%; 180 height: 100%; 181 stroke: currentColor; 182 stroke-width: 2; 183 stroke-linecap: round; 184 stroke-linejoin: round; 185 fill: none; 186 } 187 188 .trust-item:hover .trust-item__icon { 189 transform: scale(1.1); 190 } 191 192 .trust-item__icon-glow { 193 position: absolute; 194 inset: 0; 195 background: rgb(156 163 175 / 0.2); 196 border-radius: 9999px; 197 filter: blur(8px); 198 opacity: 0; 199 transition: opacity 300ms; 200 } 201 202 .trust-item:hover .trust-item__icon-glow { 203 opacity: 1; 204 } 205 206 .trust-item__text { 207 font-size: 0.875rem; 208 font-weight: 500; 209 color: #4d6966; 210 transition: color 300ms; 211 } 212 213 .trust-item:hover .trust-item__text { 214 color: rgb(31 41 55); 215 } 216 217 /* Modal checkbox hack */ 218 #modal-toggle { 219 display: none; 220 } 221 222 .modal { 223 position: fixed; 224 inset: 0; 225 background: rgb(0 0 0 / 0.5); 226 backdrop-filter: blur(4px); 227 display: flex; 228 align-items: center; 229 justify-content: center; 230 padding: 1rem; 231 z-index: 50; 232 opacity: 0; 233 visibility: hidden; 234 transition: all 300ms; 235 } 236 237 #modal-toggle:checked ~ .modal { 238 opacity: 1; 239 visibility: visible; 240 } 241 242 .modal__content { 243 background: white; 244 border-radius: 1rem; 245 padding: 2rem; 246 max-width: 28rem; 247 width: 100%; 248 position: relative; 249 box-shadow: 0 0 50px rgb(0 0 0 / 0.1); 250 transform: translateY(10px); 251 transition: transform 300ms; 252 } 253 254 #modal-toggle:checked ~ .modal .modal__content { 255 transform: translateY(0); 256 } 257 258 .modal__close { 259 position: absolute; 260 right: 1rem; 261 top: 1rem; 262 padding: 0.5rem; 263 border-radius: 9999px; 264 border: none; 265 background: transparent; 266 cursor: pointer; 267 transition: all 300ms; 268 display: flex; 269 align-items: center; 270 justify-content: center; 271 } 272 273 .modal__close:hover { 274 background: rgb(243 244 246); 275 transform: rotate(90deg) scale(1.1); 276 } 277 278 .modal__title { 279 font-size: 1.5rem; 280 font-weight: 700; 281 color: #000; 282 margin-bottom: 1.5rem; 283 } 284 285 .modal__text { 286 color: rgb(75 85 99); 287 line-height: 1.625; 288 margin-bottom: 1rem; 289 } 290 291 /* Refund trigger styles */ 292 .refund-trigger { 293 cursor: pointer; 294 } 295 296 @keyframes pulse { 297 0%, 100% { 298 opacity: 0.5; 299 } 300 50% { 301 opacity: 0.2; 302 } 303 } 304 305 @media (max-width: 768px) { 306 .trust-banner { 307 padding: 1rem; 308 } 309 310 .trust-banner__items { 311 gap: 1.5rem; 312 } 313 314 .trust-item { 315 width: 100%; 316 justify-content: center; 317 } 318 } 319 </style> 320 321 <!-- Modal toggle checkbox --> 322 <input type="checkbox" id="modal-toggle"> 323 324 <div class="trust-banner"> 325 <div class="trust-banner__background"> 326 </div> 327 328 <div class="trust-banner__container"> 329 <div class="trust-banner__items"> 330 <div class="trust-item"> 331 <div class="trust-item__icon-wrapper"> 332 <div class="trust-item__icon"> 333 <svg viewBox="0 0 24 24"> 334 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/> 335 </svg> 336 </div> 337 <div class="trust-item__icon-glow"></div> 338 </div>
339 <span class="trust-item__text">4.8 Star Rated on Trustpilot</span> 340 </div> 341 342 <div class="trust-item"> 343 <div class="trust-item__icon-wrapper"> 344 <div class="trust-item__icon"> 345 <svg viewBox="0 0 24 24"> 346 <rect x="1" y="4" width="22" height="16" rx="2" ry="2"/> 347 <line x1="1" y1="10" x2="23" y2="10"/> 348 </svg> 349 </div> 350 <div class="trust-item__icon-glow"></div> 351 </div> 352 <span class="trust-item__text">Secure payments</span> 353 </div> 354 355 <label class="trust-item refund-trigger" for="modal-toggle"> 356 <div class="trust-item__icon-wrapper"> 357 <div class="trust-item__icon"> 358 <svg viewBox="0 0 24 24"> 359 <path d="M3 2v6h6"/> 360 <path d="M3 8l5-5"/> 361 <path d="M21 12A9 9 0 0 0 6 5.3L3 8"/> 362 <path d="M21 16v6h-6"/> 363 <path d="M21 16l-5 5"/> 364 <path d="M3 12a9 9 0 0 0 15 6.7l3-2.7"/> 365 </svg> 366 </div> 367 <div class="trust-item__icon-glow"></div> 368 </div> 369 <span class="trust-item__text">7-day full refund</span> 370 </label> 371 372 <div class="trust-item"> 373 <div class="trust-item__icon-wrapper"> 374 <div class="trust-item__icon"> 375 <svg viewBox="0 0 24 24"> 376 <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/> 377 <circle cx="9" cy="7" r="4"/> 378 <path d="M23 21v-2a4 4 0 0 0-3-3.87"/> 379 <path d="M16 3.13a4 4 0 0 1 0 7.75"/> 380 </svg> 381 </div> 382 <div class="trust-item__icon-glow"></div> 383 </div> 384 <span class="trust-item__text">200K+ Happy Customers</span> 385 </div> 386 387 <div class="trust-item"> 388 <div class="trust-item__icon-wrapper"> 389 <div class="trust-item__icon"> 390 <svg viewBox="0 0 24 24"> 391 <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/> 392 </svg> 393 </div> 394 <div class="trust-item__icon-glow"></div> 395 </div> 396 <span class="trust-item__text">Operating Since 2013</span> 397 </div> 398 </div> 399 </div> 400 </div> 401 402 <!-- CSS-only Modal --> 403 <div class="modal"> 404 <div class="modal__content"> 405 <label for="modal-toggle" class="modal__close"> 406 <div class="trust-item__icon"> 407 <svg viewBox="0 0 24 24"> 408 <line x1="18" y1="6" x2="6" y2="18"/> 409 <line x1="6" y1="6" x2="18" y2="18"/> 410 </svg> 411 </div> 412 </label> 413 <h2 class="modal__title">Refund Policy</h2> 414 <p class="modal__text"> 415 We offer a full refund within 7 days of purchase if you're not completely satisfied with our service. 416 Simply contact our support team and we'll process your refund, no questions asked. 417 </p> 418 <p class="modal__text"> 419 This policy applies to all our plans and ensures you can try our service risk-free. 420 </p> 421 </div> 422 </div></div></section></section><section class="section-23"><div class="w-embed"><style> 423.bubbles33-section { 424 position: relative; 425 width: 100%; 426 min-height: 50vh; 427 padding: 6rem 2rem; 428 background: linear-gradient(135deg, rgba(181, 127, 147, 0.05), rgba(255, 255, 255, 0) 50%), 429 linear-gradient(225deg, rgba(181, 127, 147, 0.05), rgba(255, 255, 255, 0) 50%); 430 overflow: hidden; 431 display: flex; 432 flex-direction: column; 433} 434 435.bubbles33-section img { 436 margin-right:0; 437} 438 439.bubbles33-gradient-bg { 440 position: absolute; 441 inset: 0; 442 background: 443 radial-gradient(circle at 0% 0%, rgba(181, 127, 147, 0.08) 0%, transparent 50%), 444 radial-gradient(circle at 100% 100%, rgba(181, 127, 147, 0.08) 0%, transparent 50%); 445 z-index: 0; 446} 447 448.bubbles33-content { 449 position: relative; 450 max-width: 1280px; 451 margin: 0 auto; 452 text-align: center; 453 z-index: 1; 454 width: 100%; 455} 456 457.bubbles33-title { 458 font-size: 3rem; 459 font-weight: 800; 460 line-height: 1.2; 461 margin-bottom: 2rem; 462 background: linear-gradient(to right, #4D6966); 463 -webkit-background-clip: text; 464 background-clip: text; 465 color: transparent; 466 max-width: 900px; 467 margin-left: auto; 468 margin-right: auto; 469} 470 471.bubbles33-button { 472 display: inline-flex; 473 align-items: center; 474 gap: 0.75rem; 475 padding: 1rem 2rem; 476 background: #4D6966; 477 color: white; 478 border-radius: 9999px; 479 font-weight: 600; 480 font-size: 1.125rem; 481 border: none; 482 cursor: pointer; 483 text-decoration: none; 484 position: relative; 485 overflow: hidden; 486 transition: all 0.3s; 487 margin-top: 1rem; 488 margin-bottom: 4rem; 489} 490 491.bubbles33-button::before { 492 content: ''; 493 position: absolute; 494 inset: 0; 495 background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.2), transparent); 496 transform: translateX(-100%); 497 transition: transform 0.6s; 498} 499 500.bubbles33-button:hover { 501 transform: scale(1.05); 502 background: #1d2c2b; 503 box-shadow: 0 10px 25px -5px rgb(214 231 229); 504} 505 506.bubbles33-button:hover::before { 507 transform: translateX(100%); 508} 509 510.bubbles33-bubbles { 511 position: absolute; 512 inset: 0; 513 pointer-events: none; 514 z-index: 1; 515 overflow: hidden; 516 width: 100%; 517 height: 100%; 518} 519 520.bubbles33-bubble { 521 position: absolute; 522 width: 60px; 523 height: 60px; 524 border-radius: 50%; 525 background: rgba(255, 255, 255, 0.95); 526 box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.1); 527 display: flex; 528 align-items: center; 529 justify-content: center; 530 padding: 12px; 531 bottom: -80px; 532 opacity: 0; 533 will-change: transform, opacity; 534} 535 536.bubbles33-bubble img { 537 width: 100%; 538 height: 100%; 539 object-fit: contain; 540} 541 542.bubbles33-bubble:nth-child(1) { left: 10%; animation: bubbles33-float1 7s ease-in-out infinite; } 543.bubbles33-bubble:nth-child(2) { left: 25%; animation: bubbles33-float2 8s ease-in-out infinite 1.5s; } 544.bubbles33-bubble:nth-child(3) { left: 40%; animation: bubbles33-float3 7.5s ease-in-out infinite 1s; } 545.bubbles33-bubble:nth-child(4) { left: 55%; animation: bubbles33-float4 8.5s ease-in-out infinite 2s; } 546.bubbles33-bubble:nth-child(5) { left: 70%; animation: bubbles33-float5 7s ease-in-out infinite 0.5s; } 547.bubbles33-bubble:nth-child(6) { left: 85%; animation: bubbles33-float6 8s ease-in-out infinite 1.2s; } 548 549@keyframes bubbles33-float1 { 550 0% { transform: translateY(0); opacity: 0; } 551 20% { opacity: 1; } 552 80% { opacity: 1; } 553 100% { transform: translateY(-120vh); opacity: 0; } 554} 555 556@keyframes bubbles33-float2 { 557 0% { transform: translateY(0) translateX(0); opacity: 0; } 558 20% { opacity: 1; } 559 50% { transform: translateY(-60vh) translateX(20px); } 560 80% { opacity: 1; } 561 100% { transform: translateY(-120vh) translateX(-20px); opacity: 0; } 562} 563 564@keyframes bubbles33-float3 { 565 0% { transform: translateY(0) translateX(0); opacity: 0; } 566 20% { opacity: 1; } 567 50% { transform: translateY(-60vh) translateX(-20px); } 568 80% { opacity: 1; } 569 100% { transform: translateY(-120vh) translateX(20px); opacity: 0; } 570} 571 572@keyframes bubbles33-float4 { 573 0% { transform: translateY(0) translateX(0); opacity: 0; } 574 20% { opacity: 1; } 575 50% { transform: translateY(-60vh) translateX(15px); } 576 80% { opacity: 1; } 577 100% { transform: translateY(-120vh) translateX(-15px); opacity: 0; } 578} 579 580@keyframes bubbles33-float5 { 581 0% { transform: translateY(0) translateX(0); opacity: 0; } 582 20% { opacity: 1; } 583 50% { transform: translateY(-60vh) translateX(-25px); } 584 80% { opacity: 1; }
585 100% { transform: translateY(-120vh) translateX(25px); opacity: 0; } 586} 587 588@keyframes bubbles33-float6 { 589 0% { transform: translateY(0) translateX(0); opacity: 0; } 590 20% { opacity: 1; } 591 50% { transform: translateY(-60vh) translateX(20px); } 592 80% { opacity: 1; } 593 100% { transform: translateY(-120vh) translateX(-20px); opacity: 0; } 594} 595 596.bubbles33-software { 597 position: relative; 598 z-index: 1; 599 margin-top: 2rem; 600} 601 602.bubbles33-software-grid { 603 display: grid; 604 grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); 605 gap: 2rem; 606 max-width: 1280px; 607 margin: 0 auto; 608 padding: 3rem; 609 background: rgba(255, 255, 255, 0.8); 610 backdrop-filter: blur(8px); 611 border-radius: 2rem; 612 box-shadow: 613 0 25px 50px -12px rgba(0, 0, 0, 0.1), 614 0 0 0 1px rgba(255, 123, 172, 0.1); 615} 616 617.bubbles33-software-item { 618 position: relative; 619} 620 621.bubbles33-software-inner { 622 position: relative; 623 background: white; 624 border-radius: 1.5rem; 625 padding: 2rem; 626 aspect-ratio: 1; 627 display: flex; 628 flex-direction: column; 629 align-items: center; 630 justify-content: center; 631 gap: 1.5rem; 632 transition: all 0.3s; 633 box-shadow: 634 0 4px 6px -1px rgba(0, 0, 0, 0.1), 635 0 2px 4px -1px rgba(0, 0, 0, 0.06); 636 overflow: hidden; 637 text-decoration: none; 638} 639 640.bubbles33-software-inner:hover { 641 transform: translateY(-10px) scale(1.05); 642 box-shadow: 643 0 20px 25px -5px rgba(0, 0, 0, 0.1), 644 0 10px 10px -5px rgba(0, 0, 0, 0.04); 645} 646 647.bubbles33-software-icon { 648 width: 64px; 649 height: 64px; 650 object-fit: contain; 651 transition: transform 0.3s; 652 filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1)); 653} 654 655.bubbles33-software-inner:hover .bubbles33-software-icon { 656 transform: scale(1.2) rotate(5deg); 657} 658 659.bubbles33-software-name { 660 font-size: 1rem; 661 font-weight: 600; 662 color: #000; 663 text-align: center; 664 transition: color 0.3s; 665} 666 667.bubbles33-software-inner:hover .bubbles33-software-name { 668 color: #ff7bac; 669} 670 671@media (max-width: 768px) { 672 .bubbles33-section { 673 padding: 3rem 1rem; 674 } 675 676 .bubbles33-title { 677 font-size: 2rem; 678 } 679 680 .bubbles33-software-grid { 681 grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); 682 gap: 1rem; 683 padding: 1.5rem; 684 } 685 686 .bubbles33-software-icon { 687 width: 48px; 688 height: 48px; 689 } 690 691 .bubbles33-software-inner { 692 padding: 1.5rem; 693 } 694} 695 </style> 696 697<div class="bubbles33-section"> 698 <div class="bubbles33-gradient-bg"></div> 699 <div class="bubbles33-bubbles"> 700 <div class="bubbles33-bubble"> 701 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/869699d3-c5dd-4ccd-7f46-f9d404210f00/public" alt="salesforce"> 702 </div> 703 <div class="bubbles33-bubble"> 704 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/206e94d9-e44d-40ea-d073-798a02be6c00/public" alt="Front"> 705 </div> 706 <div class="bubbles33-bubble"> 707 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/a107c614-c4e8-4d58-e2c9-e9377ccea800/public" alt="Yahoo Mail"> 708 </div> 709 <div class="bubbles33-bubble"> 710 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/95b86255-578f-45ae-027e-f8d6b2e44900/public" alt="Gmail"> 711 </div> 712 <div class="bubbles33-bubble"> 713 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/46fd5987-f780-4f5f-828a-16fafd4cb600/public" alt="Dubsado"> 714 </div> 715 <div class="bubbles33-bubble"> 716 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/1de38fbe-a5bb-41d9-d471-5a9a3f509e00/public" alt="Outlook"> 717 </div> 718 <div class="bubbles33-bubble"> 719 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/4d380fab-a656-4792-f389-ec01fde74d00/public" alt="Google Workspace"> 720 </div> 721 <div class="bubbles33-bubble"> 722 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/1323525a-e4eb
722-4ed3-f5f2-97c4372bc300/public" alt="Thunderbird"> 723 </div> 724 725 </div> 726 727 <div class="bubbles33-content"> 728 <h1 class="bubbles33-title">Plays nicely with Gmail, Outlook, Apple Mail and 60+ more email clients, apps and CRM software</h1> 729 730 <p>We've been experts in <a style="color:#6d918d;" href="/email-signatures">email signatures</a> since 2013, helping businesses create, manage, and install professional signatures across 60+ email clients, apps, and CRM platforms. With over a decade of experience, weâve perfected a seamless, IT-free setup, with no coding, no hassle, just beautifully designed signatures that work. Let us handle the technical details so you can focus on what you do best.</p> 731 732 <a href="/integrations" class="bubbles33-button"> 733 Find Your Software Integration 734 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 735 <line x1="5" y1="12" x2="19" y2="12"></line> 736 <polyline points="12 5 19 12 12 19"></polyline> 737 </svg> 738 </a> 739 740 <div class="bubbles33-software"> 741 <div class="bubbles33-software-grid"> 742 <div class="bubbles33-software-item"> 743 <a href="/software/gmail" class="bubbles33-software-inner"> 744 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/0bd37640-3f3e-46ae-81c0-1b6796213200/public" alt="Gmail" class="bubbles33-software-icon"> 745 <div class="bubbles33-software-name">Gmail</div> 746 </a> 747 </div> 748 <div class="bubbles33-software-item"> 749 <a href="/email-signatures-for-outlook" class="bubbles33-software-inner"> 750 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/590c7cdc-a1cc-49a7-7ffa-326376f5db00/public" alt="Outlook" class="bubbles33-software-icon"> 751 <div class="bubbles33-software-name">Outlook</div> 752 </a> 753 </div> 754 <div class="bubbles33-software-item"> 755 <a href="/software/gmail" class="bubbles33-software-inner"> 756 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/0c3cfe85-f7b8-4bc3-8c51-16671e208400/public" alt="Google Workspace" class="bubbles33-software-icon"> 757 <div class="bubbles33-software-name">Workspace</div> 758 </a> 759 </div> 760 <div class="bubbles33-software-item"> 761 <a href="/software/apple-mail" class="bubbles33-software-inner"> 762 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/b368aad4-1d5f-4759-191b-af3c5367b100/public" alt="Apple Mail" class="bubbles33-software-icon"> 763 <div class="bubbles33-software-name">Apple Mail</div> 764 </a> 765 </div> 766 <div class="bubbles33-software-item"> 767 <a href="/software/aol-mail" class="bubbles33-software-inner"> 768 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/a3cba804-dc10-48ed-1cb9-a0e379672500/public" alt="AOL Mail" class="bubbles33-software-icon"> 769 <div class="bubbles33-software-name">AOL Mail</div> 770 </a> 771 </div> 772 <div class="bubbles33-software-item"> 773 <a href="/software/thunderbird" class="bubbles33-software-inner"> 774 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/fbe0962b-4446-4624-6614-6cf63586b100/public" alt="Thunderbird" class="bubbles33-software-icon"> 775 <div class="bubbles33-software-name">Thunderbird</div> 776 </a> 777 </div> 778 </div> 779 </div> 780 </div> 781 </div></div></section><section class="section-21"><div class="w-embed"><style> 782 .cta-bar-sig-wrapper * { 783 box-sizing: border-box; 784 margin: 0; 785 padding: 0; 786 } 787 788 .cta-bar-sig-section { 789 width: 100%; 790 background: #6d918d; 791 padding: 1.5rem; 792 position: relative; 793 overflow: visible; 794 transition: transform 0.3s ease; 795 } 796 797 .cta-bar-sig-container { 798 max-width: 1200px; 799 margin: 0 auto; 800 display: flex; 801 align-items: center; 802 justify-content: space-between; 803 gap: 2rem; 804 position: relative; 805 z-index: 2; 806 } 807 808 .cta-bar-sig-content { 809 flex: 1; 810 } 811 812 .cta-bar-sig-text { 813 color: white; 814 font-size: 1.125rem; 815 font-weight: 500; 816 margin: 0; 817 line-height: 1.5; 818 } 819 820 .cta-bar-sig-signatures { 821 display: flex; 822 align-items: flex-end; 823 justify-content: center; 824 position: relative; 825 min-width: 300px; 826 perspective: 1000px; 827 margin: 0 2rem; 828 margin-bottom: -1.5rem; 829 } 830 831 .signature-preview { 832 position: absolute; 833 width: 160px; 834 height: 200px; 835 border-radius: 8px; 836 overflow: hidden; 837 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); 838 transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); 839 cursor: pointer; 840 background: white; 841 transform-origin: bottom center; 842 bottom: -10px; 843 } 844 845 .signature-preview img { 846 width: 100%; 847 height: auto; 848 object-fit: cover; 849 transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); 850 } 851 852 .signature-preview:hover { 853 transform: translateY(-40px) scale(1.1); 854 z-index: 10; 855 } 856 857 .signature-preview:nth-child(1) { 858 transform: translateX(-80px) translateY(-40px) rotate(-15deg); 859 z-index: 1; 860 } 861 862 .signature-preview:nth-child(2) { 863 transform: translateY(-60px); 864 z-index: 2; 865 } 866 867 .signature-preview:nth-child(3) { 868 transform: translateX(80px) translateY(-40px) rotate(15deg); 869 z-index: 1; 870 } 871 872 .signature-preview:nth-child(1):hover { 873 transform: translateX(-80px) translateY(-80px) rotate(-5deg) scale(1.1); 874 } 875 876 .signature-preview:nth-child(2):hover { 877 transform: translateY(-100px) scale(1.1); 878 } 879 880 .signature-preview:nth-child(3):hover { 881 transform: translateX(80px) translateY(-80px) rotate(5deg) scale(1.1); 882 } 883 884 .cta-bar-sig-button { 885 display: inline-flex; 886 align-items: center; 887 gap: 0.5rem; 888 background-color: #4d6966; 889 color: #fff; 890 font-weight: 600; 891 font-size: 1rem; 892 padding: 0.875rem 1.5rem; 893 border-radius: 100px; 894 border: none; 895 cursor: pointer; 896 text-decoration: none; 897 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 898 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 899 white-space: nowrap; 900 z-index: 10; 901 position: relative; 902 } 903 904 .cta-bar-sig-button:hover { 905 transform: translateY(-2px); 906 box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
907 background-color: #1d2c2b; 908 } 909 910 .cta-bar-sig-button:active { 911 transform: translateY(0); 912 } 913 914 .cta-bar-sig-button-arrow { 915 transition: transform 0.3s ease; 916 } 917 918 .cta-bar-sig-button:hover .cta-bar-sig-button-arrow { 919 transform: translateX(4px); 920 } 921 922 /* Decorative elements */ 923 .cta-bar-sig-decoration { 924 position: absolute; 925 background: rgba(255, 255, 255, 0.1); 926 border-radius: 50%; 927 pointer-events: none; 928 } 929 930 .cta-bar-sig-decoration-1 { 931 width: 150px; 932 height: 150px; 933 top: -75px; 934 right: 15%; 935 } 936 937 .cta-bar-sig-decoration-2 { 938 width: 100px; 939 height: 100px; 940 bottom: -50px; 941 left: 25%; 942 } 943 944 @media (max-width: 1024px) { 945 .cta-bar-sig-signatures { 946 display: none; 947 } 948 } 949 950 @media (max-width: 768px) { 951 .cta-bar-sig-container { 952 flex-direction: column; 953 text-align: center; 954 gap: 1rem; 955 } 956 957 .cta-bar-sig-text { 958 margin-bottom: 0.5rem; 959 } 960 961 .cta-bar-sig-section { 962 padding: 1.5rem 1rem; 963 } 964 } 965 </style> 966 967 <div class="cta-bar-sig-wrapper"> 968 <div class="cta-bar-sig-section"> 969 <div class="cta-bar-sig-decoration cta-bar-sig-decoration-1"></div> 970 <div class="cta-bar-sig-decoration cta-bar-sig-decoration-2"></div> 971 972 <div class="cta-bar-sig-container"> 973 <div class="cta-bar-sig-content"> 974 <p class="cta-bar-sig-text">Create, manage and deploy HTML email signatures for your team without any IT setup or tech knowledge!</p> 975 </div> 976 977 <div class="cta-bar-sig-signatures"> 978 <div class="signature-preview"> 979 <img src="https://cdn.prod.website-files.com/64eed64ad81415ffcae1bfd1/6744f0f433b876aa854c380d_email-signature-templates-FLYBY.avif" loading="lazy" alt="FLYBY Signature"> 980 </div> 981 <div class="signature-preview"> 982 <img src="https://cdn.prod.website-files.com/64eed64ad81415ffcae1bfd1/6744f2fe4b13b8d2786c45a9_AUTHOR.avif" loading="lazy" alt="AUTHOR Signature"> 983 </div> 984 <div class="signature-preview"> 985 <img src="https://cdn.prod.website-files.com/64eed64ad81415ffcae1bfd1/6744f4c6b6d579825cc0832c_RAISE.avif" loading="lazy" alt="RAISE Signature"> 986 </div> 987 </div> 988 989 <a href="/email-signature-templates" class="cta-bar-sig-button"> 990 See Templates 991 <svg class="cta-bar-sig-button-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 992 <path d="M5 12h14m-7-7l7 7-7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 993 </svg> 994 </a> 995 </div> 996 </div> 997 </div></div></section><section><div class="w-embed"><style> 998 :root { 999 --primary: #6d918d; 1000 --primary-light: rgba(181, 127, 147, 0.08); 1001 --text-dark: #4D6966; 1002 --text-light: #666666; 1003 --background: #14141417; 1004 } 1005 1006 .callout33-section { 1007 position: relative; 1008 width: 100%; 1009 padding: 6rem 2rem; 1010 background: linear-gradient(135deg, var(--primary-light), var(--background) 10%), linear-gradient(225deg, var(--primary-light), var(--background) 30%); 1011 overflow: hidden; 1012 } 1013 1014 .callout33-gradient-bg { 1015 position: absolute; 1016 inset: 0; 1017 background: radial-gradient(circle at 0% 0%, var(--primary-light) 0%, transparent 50%), radial-gradient(circle at 100% 100%, var(--primary-light) 0%, transparent 50%); 1018 z-index: 0; 1019 } 1020 1021 .callout33-content { 1022 position: relative; 1023 max-width: 1200px; 1024 margin: 0 auto; 1025 text-align: center; 1026 z-index: 1; 1027 } 1028 1029 .callout33-title { 1030 font-size: 3rem; 1031 font-weight: 800; 1032 line-height: 1.3; 1033 margin-bottom: 1.5rem; 1034 background: linear-gradient(to right, #1a1a1a, var(--text-dark), var(--text-dark)); 1035 -webkit-background-clip: text; 1036 background-clip: text; 1037 color: transparent; 1038 max-width: 800px; 1039 margin-left: auto; 1040 margin-right: auto; 1041 } 1042 1043 .callout33-description { 1044 font-size: 1.25rem; 1045 color: var(--text-dark); 1046 max-width: 700px; 1047 margin: 0 auto 4rem; 1048 line-height: 1.6; 1049 } 1050 1051 .callout33-description a { 1052 color: var(--primary); 1053 text-decoration: none; 1054 font-weight: 600; 1055 transition: color 0.3s; 1056 } 1057 1058 .callout33-description a:hover { 1059 color: var(--text-dark); 1060 } 1061 1062 .callout33-showcase { 1063 position: relative; 1064 width: fit-content; 1065 margin: 0 auto; 1066 padding: 2rem; 1067 background: var(--background); 1068 border-radius: 1.5rem; 1069 box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1), 0 0 0 1px var(--primary-light); 1070 } 1071 1072 .callout33-image { 1073 display: block; 1074 max-width: 700px; 1075 width: 100%; 1076 height: auto; 1077 border-radius: 1rem; 1078 } 1079 1080 .callout33-points { 1081 position: absolute; 1082 inset: 0; 1083 pointer-events: none; 1084 } 1085 1086 .callout33-point { 1087 position: absolute; 1088 display: flex; 1089 align-items: center; 1090 animation: callout33-point-pulse 2s ease-in-out infinite; 1091 } 1092 1093 .callout33-point::before { 1094 content: ''; 1095 width: 12px; 1096 height: 12px; 1097 background: var(--primary); 1098 border-radius: 50%; 1099 box-shadow: 0 0 0 4px rgba(181, 127, 147, 0.2); 1100 animation: callout33-dot-pulse 2s ease-in-out infinite; 1101 } 1102 1103 .callout33-line { 1104 width: 80px; 1105 height: 2px; 1106 background: linear-gradient(90deg, var(--primary), transparent); 1107 transform-origin: left center; 1108 } 1109 1110 .callout33-label { 1111 position: absolute; 1112 background: white; 1113 padding: 0.75rem 1rem; 1114 border-radius: 0.75rem; 1115 font-size: 0.875rem; 1116 font-weight: 500; 1117 color: #1a1a1a; 1118 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 1119 white-space: nowrap; 1120 opacity: 0; 1121 animation: callout33-label-fade 0.5s ease-out forwards; 1122 } 1123 1124 .callout33-point:nth-child(1) { 1125 top: 30%; 1126 left: 50px; 1127 animation-delay: 0.5s; 1128 } 1129 1130 .callout33-point:nth-child(1) .callout33-line { 1131 transform: rotate(0deg); 1132 } 1133 1134 .callout33-point:nth-child(1) .callout33-label {
1135 left: -180px; 1136 animation-delay: 0.7s; 1137 } 1138 1139 .callout33-point:nth-child(2) { 1140 top: 40%; 1141 right: -10px; 1142 animation-delay: 1s; 1143 } 1144 1145 .callout33-point:nth-child(2) .callout33-line { 1146 transform: rotate(180deg); 1147 } 1148 1149 .callout33-point:nth-child(2) .callout33-label { 1150 right: -180px; 1151 animation-delay: 1.2s; 1152 } 1153 1154 .callout33-point:nth-child(3) { 1155 bottom: 30%; 1156 left: 50px; 1157 animation-delay: 1.5s; 1158 } 1159 1160 .callout33-point:nth-child(3) .callout33-line { 1161 transform: rotate(0deg); 1162 } 1163 1164 .callout33-point:nth-child(3) .callout33-label { 1165 left: -180px; 1166 animation-delay: 1.7s; 1167 } 1168 1169 .callout33-point:nth-child(4) { 1170 bottom: 30%; 1171 right: -10px; 1172 animation-delay: 2s; 1173 } 1174 1175 .callout33-point:nth-child(4) .callout33-line { 1176 transform: rotate(180deg); 1177 } 1178 1179 .callout33-point:nth-child(4) .callout33-label { 1180 right: -180px; 1181 animation-delay: 2.2s; 1182 } 1183 1184 @keyframes callout33-point-pulse { 1185 0%, 100% { 1186 transform: scale(1); 1187 } 1188 50% { 1189 transform: scale(1.1); 1190 } 1191 } 1192 1193 @keyframes callout33-dot-pulse { 1194 0%, 100% { 1195 box-shadow: 0 0 0 4px rgba(181, 127, 147, 0.2); 1196 } 1197 50% { 1198 box-shadow: 0 0 0 8px rgba(181, 127, 147, 0.1); 1199 } 1200 } 1201 1202 @keyframes callout33-label-fade { 1203 from { 1204 opacity: 0; 1205 transform: translateX(10px); 1206 } 1207 to { 1208 opacity: 1; 1209 transform: translateX(0); 1210 } 1211 } 1212 1213 @media (max-width: 1024px) { 1214 .callout33-showcase { 1215 margin: 0 -1rem; 1216 border-radius: 0; 1217 } 1218 1219 .callout33-point { 1220 display: none; 1221 } 1222 } 1223 1224 @media (max-width: 768px) { 1225 .callout33-section { 1226 padding: 3rem 1rem; 1227 } 1228 1229 .callout33-title { 1230 font-size: 2rem; 1231 } 1232 1233 .callout33-description { 1234 font-size: 1.125rem; 1235 } 1236 } 1237</style> 1238 1239<div class="callout33-section"> 1240 <div class="callout33-gradient-bg"></div> 1241 1242 <div class="callout33-content"> 1243 <h2 class="callout33-title">Fix every email signature headache in one place</h2> 1244 <p class="callout33-description">Images showing as attachments? Signature not loading? Different on every device? With ESR, you get a signature that works perfectly across all email clients.</p> 1245 1246 <div class="callout33-showcase"> 1247 <img 1248 src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/fa066780-ac71-4cc1-8791-5e6f1282bc00/public" 1249 alt="Email Signature Template" 1250 class="callout33-image" 1251 > 1252 <div class="callout33-points"> 1253 <div class="callout33-point"> 1254 <div class="callout33-line"></div> 1255 <div class="callout33-label">Images won't break</div> 1256 </div> 1257 <div class="callout33-point"> 1258 <div class="callout33-line"></div> 1259 <div class="callout33-label">Stays consistent everywhere</div> 1260 </div> 1261 <div class="callout33-point"> 1262 <div class="callout33-line"></div> 1263 <div class="callout33-label">Design once, apply to your team</div> 1264 </div> 1265 <div class="callout33-point"> 1266 <div class="callout33-line"></div> 1267 <div class="callout33-label">Tested in Outlook, Apple Mail, Gmail + more</div> 1268 </div> 1269 </div> 1270 </div> 1271 </div> 1272</div></div></section><section class="section-21"><div class="w-embed"><style> 1273 .cta-bar-sig-wrapper * { 1274 box-sizing: border-box; 1275 margin: 0; 1276 padding: 0; 1277 } 1278 1279 .cta-bar-sig-section { 1280 width: 100%; 1281 background: #6d918d; 1282 padding: 1.5rem; 1283 position: relative; 1284 overflow: visible; 1285 transition: transform 0.3s ease; 1286 } 1287 1288 .cta-bar-sig-container { 1289 max-width: 1200px; 1290 margin: 0 auto; 1291 display: flex; 1292 align-items: center; 1293 justify-content: space-between; 1294 gap: 2rem; 1295 position: relative; 1296 z-index: 2; 1297 } 1298 1299 .cta-bar-sig-content { 1300 flex: 1; 1301 } 1302 1303 .cta-bar-sig-text { 1304 color: white; 1305 font-size: 1.125rem; 1306 font-weight: 500; 1307 margin: 0; 1308 line-height: 1.5; 1309 } 1310 1311 .cta-bar-sig-signatures { 1312 display: flex; 1313 align-items: flex-end; 1314 justify-content: center; 1315 position: relative; 1316 min-width: 300px; 1317 perspective: 1000px; 1318 margin: 0 2rem; 1319 margin-bottom: -1.5rem; 1320 } 1321 1322 .signature-preview { 1323 position: absolute; 1324 width: 160px; 1325 height: 200px; 1326 border-radius: 8px; 1327 overflow: hidden; 1328 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); 1329 transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); 1330 cursor: pointer; 1331 background: white; 1332 transform-origin: bottom center; 1333 bottom: -10px; 1334 } 1335 1336 .signature-preview img { 1337 width: 100%; 1338 height: auto; 1339 object-fit: cover; 1340 transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); 1341 } 1342 1343 .signature-preview:hover { 1344 transform: translateY(-40px) scale(1.1); 1345 z-index: 10; 1346 } 1347 1348 .signature-preview:nth-child(1) { 1349 transform: translateX(-80px) translateY(-40px) rotate(-15deg); 1350 z-index: 1; 1351 } 1352 1353 .signature-preview:nth-child(2) { 1354 transform: translateY(-60px); 1355 z-index: 2; 1356 } 1357 1358 .signature-preview:nth-child(3) { 1359 transform: translateX(80px) translateY(-40px) rotate(15deg); 1360 z-index: 1; 1361 } 1362 1363 .signature-preview:nth-child(1):hover { 1364 transform: translateX(-80px) translateY(-80px) rotate(-5deg) scale(1.1); 1365 } 1366 1367 .signature-preview:nth-child(2):hover { 1368 transform: translateY(-100px) scale(1.1); 1369 } 1370 1371 .signature-preview:nth-child(3):hover { 1372 transform: translateX(80px) translateY(-80px) rotate(5deg) scale(1.1); 1373 } 1374 1375 .cta-bar-sig-button { 1376 display: inline-flex; 1377 align-items: center; 1378 gap: 0.5rem; 1379 background-color: #4d6966; 1380 color: #fff; 1381 font-weight: 600; 1382 font-size: 1rem; 1383 padding: 0.875rem 1.5rem; 1384 border-radius: 100px; 1385 border: none; 1386 cursor: pointer; 1387 text-decoration: none; 1388 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 1389 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 1390 white-space: nowrap; 1391 z-index: 10; 1392 position: relative; 1393 } 1394 1395 .cta-bar-sig-button:hover { 1396 transform: translateY(-2px); 1397 box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
1398 background-color: #1d2c2b; 1399 } 1400 1401 .cta-bar-sig-button:active { 1402 transform: translateY(0); 1403 } 1404 1405 .cta-bar-sig-button-arrow { 1406 transition: transform 0.3s ease; 1407 } 1408 1409 .cta-bar-sig-button:hover .cta-bar-sig-button-arrow { 1410 transform: translateX(4px); 1411 } 1412 1413 /* Decorative elements */ 1414 .cta-bar-sig-decoration { 1415 position: absolute; 1416 background: rgba(255, 255, 255, 0.1); 1417 border-radius: 50%; 1418 pointer-events: none; 1419 } 1420 1421 .cta-bar-sig-decoration-1 { 1422 width: 150px; 1423 height: 150px; 1424 top: -75px; 1425 right: 15%; 1426 } 1427 1428 .cta-bar-sig-decoration-2 { 1429 width: 100px; 1430 height: 100px; 1431 bottom: -50px; 1432 left: 25%; 1433 } 1434 1435 @media (max-width: 1024px) { 1436 .cta-bar-sig-signatures { 1437 display: none; 1438 } 1439 } 1440 1441 @media (max-width: 768px) { 1442 .cta-bar-sig-container { 1443 flex-direction: column; 1444 text-align: center; 1445 gap: 1rem; 1446 } 1447 1448 .cta-bar-sig-text { 1449 margin-bottom: 0.5rem; 1450 } 1451 1452 .cta-bar-sig-section { 1453 padding: 1.5rem 1rem; 1454 } 1455 } 1456 </style> 1457 1458 <div class="cta-bar-sig-wrapper"> 1459 <div class="cta-bar-sig-section"> 1460 <div class="cta-bar-sig-decoration cta-bar-sig-decoration-1"></div> 1461 <div class="cta-bar-sig-decoration cta-bar-sig-decoration-2"></div> 1462 1463 <div class="cta-bar-sig-container"> 1464 <div class="cta-bar-sig-content"> 1465 <p class="cta-bar-sig-text">Ready to transform your email signatures?</p> 1466 </div> 1467 1468 <div class="cta-bar-sig-signatures"> 1469 <div class="signature-preview"> 1470 <img src="https://cdn.prod.website-files.com/64eed64ad81415ffcae1bfd1/6744f0f433b876aa854c380d_email-signature-templates-FLYBY.avif" loading="lazy" alt="FLYBY Signature"> 1471 </div> 1472 <div class="signature-preview"> 1473 <img src="https://cdn.prod.website-files.com/64eed64ad81415ffcae1bfd1/6744f2fe4b13b8d2786c45a9_AUTHOR.avif" loading="lazy" alt="AUTHOR Signature"> 1474 </div> 1475 <div class="signature-preview"> 1476 <img src="https://cdn.prod.website-files.com/64eed64ad81415ffcae1bfd1/6744f4c6b6d579825cc0832c_RAISE.avif" loading="lazy" alt="RAISE Signature"> 1477 </div> 1478 </div> 1479 1480 <a href="/email-signature-templates" class="cta-bar-sig-button"> 1481 See Templates 1482 <svg class="cta-bar-sig-button-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 1483 <path d="M5 12h14m-7-7l7 7-7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1484 </svg> 1485 </a> 1486 </div> 1487 </div> 1488 </div></div></section><section class="section-35"><div class="code-embed-51 w-embed"><style>.checklist33-section{position:relative;width:100%;padding:6rem 2rem;background:linear-gradient(135deg,rgb(181 127 147 / .05),#fff0 50%),linear-gradient(225deg,rgb(181 127 147 / .05),#fff0 50%);overflow:hidden}.checklist33-gradient-bg{position:absolute;inset:0;background:radial-gradient(circle at 0% 0%,rgb(181 127 147 / .08) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgb(181 127 147 / .08) 0%,transparent 50%);z-index:0}.checklist33-content{position:relative;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;z-index:1}.checklist33-showcase{position:relative}.checklist33-showcase-circle{position:relative;width:100%;aspect-ratio:1;background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 25px 50px -12px rgb(0 0 0 / .1),0 0 0 1px rgb(255 123 172 / .1);transition:all 0.3s;transform-style:preserve-3d;perspective:1000px;animation:showcase-float 6s ease-in-out infinite}@keyframes showcase-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.checklist33-showcase-circle::before{content:'';position:absolute;inset:0;border-radius:1rem;padding:2px;background:linear-gradient(45deg,transparent,rgb(255 123 172 / .3),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.checklist33-showcase-image{width:100%;height:100%;object-fit:contain;border-radius:.75rem}.checklist33-text{animation:fadeInUp 1s cubic-bezier(.4,0,.2,1) forwards}.checklist33-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:2rem;background:linear-gradient(to right,#4D6966);-webkit-background-clip:text;background-clip:text;color:#14141417;max-width:100%;word-wrap:break-word}.checklist33-features{margin:2rem 0;background:rgb(255 255 255 / .8);backdrop-filter:blur(8px);border-radius:1rem;padding:2rem}.checklist33-feature{display:flex;align-items:center;gap:1rem;font-size:1.25rem;color:#000;padding:.75rem;opacity:0;transform:translateY(20px);animation:feature-appear 0.5s cubic-bezier(.4,0,.2,1) forwards}.checklist33-feature:nth-child(1){animation-delay:0.5s}.checklist33-feature:nth-child(2){animation-delay:1s}.checklist33-feature:nth-child(3){animation-delay:1.5s}.checklist33-feature:nth-child(4){animation-delay:2s}.checklist33-checkbox{width:1.5rem;height:1.5rem;border:2px solid #4D6966;border-radius:.5rem;position:relative;flex-shrink:0;animation:checkbox-check 0.3s cubic-bezier(.4,0,.2,1) forwards;
1488animation-delay:inherit}.checklist33-checkbox::before{content:'';position:absolute;inset:0;background:#4D6966;border-radius:.3rem;transform:scale(0);animation:checkbox-fill 0.3s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(inherit + 0.3s)}.checklist33-checkbox::after{content:'';position:absolute;left:50%;top:45%;width:6px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg) scale(0);animation:checkbox-tick 0.3s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(inherit + 0.6s)}.checklist33-feature-text{opacity:0;animation:text-appear 0.5s ease forwards;animation-delay:inherit}.checklist33-feature:nth-child(1) .checklist33-feature-text::after{content:'Professional templates for every industry'}.checklist33-feature:nth-child(2) .checklist33-feature-text::after{content:'Mobile optimized designs'}.checklist33-feature:nth-child(3) .checklist33-feature-text::after{content:'Easy customization options'}.checklist33-feature:nth-child(4) .checklist33-feature-text::after{content:'Regular template updates'}.checklist33-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#4d6966;color:#fff;border-radius:9999px;font-weight:600;font-size:1.125rem;border:none;cursor:pointer;position:relative;overflow:hidden;transition:all 0.3s;text-decoration:none}.checklist33-button::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgb(255 255 255 / .2),transparent);transform:translateX(-100%);transition:transform 0.6s}.checklist33-button:hover{transform:scale(1.05);background:#1d2c2b;box-shadow:0 10px 25px -5px rgb(214 231 229)}.checklist33-button:hover::before{transform:translateX(100%)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes feature-appear{to{opacity:1;transform:translateY(0)}}@keyframes checkbox-check{to{transform:scale(1)}}@keyframes checkbox-fill{to{transform:scale(1)}}@keyframes checkbox-tick{to{transform:translate(-50%,-50%) rotate(45deg) scale(1)}}@keyframes text-appear{to{opacity:1}}@media (max-width:768px){.checklist33-section{padding:3rem 1rem}.checklist33-content{grid-template-columns:1fr;gap:2rem}.checklist33-title{font-size:2.25rem}.checklist33-feature{font-size:1.125rem}}</style> 1489 1490 <div class="checklist33-section"> 1491 <div class="checklist33-gradient-bg"></div> 1492 1493 <div class="checklist33-content"> 1494 <div class="checklist33-showcase"> 1495 <div class="checklist33-showcase-circle"> 1496 <img 1497 src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/75acc5a1-159e-473d-09d6-d8112827e900/public" loading="lazy" 1498 alt="Email signature example design" 1499 class="checklist33-showcase-image" 1500 > 1501 </div> 1502 </div> 1503 1504 <div class="checklist33-text"> 1505 <h2 class="checklist33-title">100's professionally designed and tested templates</h2> 1506 1507 <div class="checklist33-features"> 1508 <div class="checklist33-feature"> 1509 <div class="checklist33-checkbox"></div> 1510 <div class="checklist33-feature-text"></div> 1511 </div> 1512 <div class="checklist33-feature"> 1513 <div class="checklist33-checkbox"></div> 1514 <div class="checklist33-feature-text"></div> 1515 </div> 1516 <div class="checklist33-feature"> 1517 <div class="checklist33-checkbox"></div> 1518 <div class="checklist33-feature-text"></div> 1519 </div> 1520 <div class="checklist33-feature"> 1521 <div class="checklist33-checkbox"></div> 1522 <div class="checklist33-feature-text"></div> 1523 </div> 1524 </div> 1525 1526 <a href="/email-signature-templates" target="_blank" class="checklist33-button"> 1527 See All Templates 1528 <svg width="20" height="20" viewBox="0 0 24 24" fill="#ffffff" stroke="#ffffff" stroke-width="2"> 1529 <line x1="5" y1="12" x2="19" y2="12"></line> 1530 <polyline points="12 5 19 12 12 19"></polyline> 1531 </svg> 1532 </a> 1533 </div> 1534 </div> 1535 </div></div><div class="checklist-cta-big-image-section"></div></section><section><div class="w-embed w-iframe w-script">
1535<script type="text/javascript" src="https://widget.senja.io/js/iframeResizer.min.js"></script>
1535 1536<iframe id="wall-of-love-RIIB7XW" src="https://senja.io/p/emailsignaturerescue/RIIB7XW?hideNavigation=true&embed=true" title="Wall of Love" frameborder="0" scrolling="no" width="100%"></iframe>
1537<script type="text/javascript">document.addEventListener("DOMContentLoaded", function () {iFrameResize({log: false, checkOrigin: false}, "#wall-of-love-RIIB7XW");});</script>
1537</div></section><section><div class="w-embed"><style>.cl-section{position:relative;width:100%;;padding:6rem 2rem;}.cl-gradient-bg{position:absolute;inset:0;background:radial-gradient(circle at 0% 0%,rgb(181 127 147 / .08) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgb(181 127 147 / .08) 0%,transparent 50%);z-index:0}.cl-content{position:relative;max-width:1280px;margin:0 auto;z-index:1}.cl-badge{display:inline-block;padding:.5rem 1rem;background:rgb(181 127 147 / .1);color:#ff7bac;border-radius:9999px;font-weight:500;font-size:.875rem;margin-bottom:1.5rem;transition:transform 0.3s}.cl-badge:hover{transform:scale(1.05);background:rgb(181 127 147 / .15)}.cl-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#4D6966}.cl-description{font-size:1.25rem;line-height:1.6;color:#4D6966;max-width:600px;margin-bottom:3rem}.cl-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;margin-bottom:4rem}.cl-stat{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 25px 50px -12px rgb(0 0 0 / .1), 0 0 0 1px rgb(105 145 141 / 10%);transition:all 0.3s;opacity:0;transform:translateY(20px);position:relative;overflow:hidden}.cl-stat::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg, transparent, rgb(105 145 141 / 5%), transparent);transform:translateX(-100%);transition:transform 0.6s}.cl-stat:hover::before{transform:translateX(100%)}.cl-stat:nth-child(1){animation:fadeInUp 0.6s cubic-bezier(.4,0,.2,1) forwards 0.2s}.cl-stat:nth-child(2){animation:fadeInUp 0.6s cubic-bezier(.4,0,.2,1) forwards 0.3s}.cl-stat:nth-child(3){animation:fadeInUp 0.6s cubic-bezier(.4,0,.2,1) forwards 0.4s}.cl-stat:nth-child(4){animation:fadeInUp 0.6s cubic-bezier(.4,0,.2,1) forwards 0.5s}.cl-stat:nth-child(5){animation:fadeInUp 0.6s cubic-bezier(.4,0,.2,1) forwards 0.6s}.cl-stat:hover{transform:translateY(-5px);box-shadow:0 30px 60px -15px rgb(0 0 0 / .15), 0 0 0 1px rgb(74 105 102 / 20%)}.cl-stat-icon{width:32px;height:32px;margin-bottom:1rem;color:#ff7bac}.cl-stat-number{font-size:2.5rem;font-weight:800;color:#6d918d;margin-bottom:.5rem;display:flex;align-items:baseline;gap:.25rem}.cl-stat-suffix{font-size:1.25rem;font-weight:600;color:#6d918d}.cl-stat-label{font-size:.875rem;color:#6d918d;line-height:1.4}.cl-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;align-items:center;justify-items:center;padding:2rem;background:#f7f7f7;backdrop-filter:blur(8px);border-radius:1rem;box-shadow:0 25px 50px -12px rgb(0 0 0 / .1)}.cl-logo{max-width:160px;height:auto;opacity:0;filter:grayscale(1);transition:all 0.3s;position:relative;overflow:hidden}.cl-logo::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgb(255 255 255 / .3),transparent);transform:skewX(-25deg);animation:shine 3s infinite}.cl-logo:hover{filter:grayscale(0);transform:scale(1.05)}.cl-logo:nth-child(1){animation:logoFadeIn 0.6s forwards 0.2s}.cl-logo:nth-child(2){animation:logoFadeIn 0.6s forwards 0.3s}.cl-logo:nth-child(3){animation:logoFadeIn 0.6s forwards 0.4s}.cl-logo:nth-child(4){animation:logoFadeIn 0.6s forwards 0.5s}.cl-logo:nth-child(5){animation:logoFadeIn 0.6s forwards 0.6s}.cl-logo:nth-child(1)::after{animation-delay:0s}.cl-logo:nth-child(2)::after{animation-delay:0.5s}.cl-logo:nth-child(3)::after{animation-delay:1s}.cl-logo:nth-child(4)::after{animation-delay:1.5s}.cl-logo:nth-child(5)::after{animation-delay:2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes logoFadeIn{to{opacity:1}}@keyframes shine{0%{left:-100%}20%,100%{left:150%}}@media (max-width:1200px){.cl-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.cl-section{padding:3rem 1rem}.cl-title{font-size:2.5rem}.cl-description{font-size:1.125rem}.cl-stats{grid-template-columns:repeat(2,1fr)}.cl-logos{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.cl-stats{grid-template-columns:1fr}.cl-stat-number{font-size:2rem}.cl-logos{grid-template-columns:1fr}}</style> 1538 1539<div class="cl-section"> 1540 <!--<div class="cl-gradient-bg"></div>--> 1541 <div class="cl-content"> 1542 1543 <h2 class="cl-title">We work with<br>the best clients</h2> 1544 <p class="cl-description">Join our community of thousands of businesses worldwide who trust us to create, host, manage, and deploy their HTML email signatures across 60+ email clients, apps, and CRM platforms. <strong>With over 10 years of expertise</strong>, weâve helped businesses navigate the complexities of email signature design, ensuring industry-leading, professional and polished signatures.</p> 1545 1546 <div class="cl-stats"> 1547 <div class="cl-stat"> 1548 <svg class="cl-stat-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#4D6966">
1549 <path d="M243.5 37.3c8-3.4 17-3.4 25 0l176.7 75c11.3 4.8 18.9 15.5 18.8 27.6c-.5 94-39.4 259.8-195.5 334.5c-7.9 3.8-17.2 3.8-25.1 0C87.3 399.6 48.5 233.8 48 139.8c-.1-12.1 7.5-22.8 18.8-27.6l176.7-75zM281 7.8c-16-6.8-34-6.8-50 0L54.3 82.8c-22 9.3-38.4 31-38.3 57.2c.5 99.2 41.3 280.7 213.6 363.2c16.7 8 36.1 8 52.8 0C454.7 420.7 495.5 239.2 496 140c.1-26.2-16.3-47.9-38.3-57.2L281 7.8zm82.3 195.5c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L224 297.4l-52.7-52.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l64 64c6.2 6.2 16.4 6.2 22.6 0l128-128z"/> 1550 </svg> 1551 <div class="cl-stat-number">4.8</div> 1552 <div class="cl-stat-label">Trustpilot Rating</div> 1553 </div> 1554 1555 <div class="cl-stat"> 1556 <svg class="cl-stat-icon users-rescued" xmlns="http://www.w3.org/2000/svg" viewBox="60 0 512 512" fill="#4D6966" style="width:40px;"> 1557 <path d="M128 128a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM269.7 336c80 0 145 64.3 146.3 144L32 480c1.2-79.7 66.2-144 146.3-144l91.4 0zM224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0zm431 208c17 0 30.7-13.8 30.7-30.7C640 392.2 567.8 320 478.7 320l-61.4 0c-4.4 0-8.8 .2-13.2 .5c11.3 9.4 21.6 19.9 30.7 31.5l43.9 0c71 0 128.6 57.2 129.3 128l-128 0c0 .8 0 1.5 0 2.3c0 10.8-2.8 20.9-7.6 29.7l136.9 0zM432 256c61.9 0 112-50.1 112-112s-50.1-112-112-112c-24.8 0-47.7 8.1-66.3 21.7c5.2 9.8 9.3 20.3 12.4 31.2C392.3 71.9 411.2 64 432 64c44.2 0 80 35.8 80 80s-35.8 80-80 80c-25.2 0-47.6-11.6-62.3-29.8c-4.7 10.3-10.4 19.9-17 28.9C373 243.4 401 256 432 256z"/> 1558 </svg> 1559 <div class="cl-stat-number">200<span class="cl-stat-suffix">k+</span></div> 1560 <div class="cl-stat-label">Users Rescued</div> 1561 </div> 1562 1563 <div class="cl-stat"> 1564 <svg class="cl-stat-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#4D6966"> 1565 <path d="M480 256A224 224 0 1 1 32 256a224 224 0 1 1 448 0zM0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM240 112l0 144c0 5.3 2.7 10.3 7.1 13.3l96 64c7.4 4.9 17.3 2.9 22.2-4.4s2.9-17.3-4.4-22.2L272 247.4 272 112c0-8.8-7.2-16-16-16s-16 7.2-16 16z"/> 1566 </svg> 1567 <div class="cl-stat-number">30<span class="cl-stat-suffix">M+</span></div> 1568 <div class="cl-stat-label">Hours Saved</div> 1569 </div> 1570 1571 <div class="cl-stat"> 1572 <svg class="cl-stat-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#4D6966"> 1573 <path d="M160 48l0 48 192 0 0-48c0-8.8-7.2-16-16-16L176 32c-8.8 0-16 7.2-16 16zM128 96l0-48c0-26.5 21.5-48 48-48L336 0c26.5 0 48 21.5 48 48l0 48 64 0c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 160c0-35.3 28.7-64 64-64l64 0zm240 32l-224 0-80 0c-17.7 0-32 14.3-32 32l0 96 144 0 32 0 96 0 32 0 144 0 0-96c0-17.7-14.3-32-32-32l-80 0zM480 288l-144 0 0 48c0 17.7-14.3 32-32 32l-96 0c-17.7 0-32-14.3-32-32l0-48L32 288l0 128c0 17.7 14.3 32 32 32l384 0c17.7 0 32-14.3 32-32l0-128zm-272 0l0 48 96 0 0-48-96 0z"/> 1574 </svg> 1575 <div class="cl-stat-number">12<span class="cl-stat-suffix">+</span></div> 1576 <div class="cl-stat-label">Years in the Business</div> 1577 </div> 1578 1579 <div class="cl-stat"> 1580 <svg class="cl-stat-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#4D6966"> 1581 <path d="M64 64C46.3 64 32 78.3 32 96l0 233.4 67.7-67.7c15.6-15.6 40.9-15.6 56.6 0L224 329.4 355.7 197.7c15.6-15.6 40.9-15.6 56.6 0L480 265.4 480 96c0-17.7-14.3-32-32-32L64 64zM32 374.6L32 416c0 17.7 14.3 32 32 32l41.4 0 96-96-67.7-67.7c-3.1-3.1-8.2-3.1-11.3 0L32 374.6zM389.7 220.3c-3.1-3.1-8.2-3.1-11.3 0L150.6 448 448 448c17.7 0 32-14.3 32-32l0-105.4-90.3-90.3zM0 96C0 60.7 28.7 32 64 32l384 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zm160 48a16 16 0 1 0 -32 0 16 16 0 1 0 32 0zm-64 0a48 48 0 1 1 96 0 48 48 0 1 1 -96 0z"/> 1582 </svg> 1583 <div class="cl-stat-number">1.1<span class="cl-stat-suffix">M+</span></div> 1584 <div class="cl-stat-label">Images Hosted</div> 1585 </div> 1586 </div> 1587 1588 <div class="cl-logos"> 1589 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/6f99c021-a1cd-4c83-3392-17889dba9c00/public" alt="Universal" class="cl-logo"> 1590 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/58f89864-9c8e-481d-4356-0e7500c61e00/public" alt="Seattle University" class="cl-logo"> 1591 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/46daebb8-dfd2-4c7f-7d7b-ada58817ec00/public" alt="McAfee" class="cl-logo"> 1592 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/d9f80dc8-9ab5-4681-c442-18c9635c6500/public" alt="Dude Perfect" class="cl-logo"> 1593 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/c1a90a04-28d2-4a9f-3e8c-01d3cf31eb00/public" alt="Keller Williams" class="cl-logo"> 1594 </div> 1595 </div> 1596 </div></div></section><section class="section-21"><div class="w-embed"><style>.cta-bar-sig-wrapper *{box-sizing:border-box;margin:0;padding:0}.cta-bar-sig-section{width:100%;background:#6d918d;padding:1.5rem;font-family:'Plus Jakarta Sans',sans-serif;position:relative;overflow:visible;transition:transform 0.3s ease}.cta-bar-sig-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;z-index:2}.cta-bar-sig-content{flex:1}.cta-bar-sig-text{color:#fff;font-size:1.125rem;font-weight:500;margin:0;line-height:1.5}.cta-bar-sig-signatures{display:flex;align-items:flex-end;justify-content:center;position:relative;min-width:300px;perspective:1000px;margin:0 2rem;margin-bottom:-1.5rem}.signature-preview{position:absolute;width:160px;height:200px;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px rgb(0 0 0 / .15);transition:all 0.5s cubic-bezier(.4,0,.2,1);cursor:pointer;background:#fff;transform-origin:bottom center;bottom:-10px}.signature-preview img{width:100%;height:auto;object-fit:cover;transition:transform 0.5s cubic-bezier(.4,0,.2,1)}.signature-preview:hover{transform:translateY(-40px) scale(1.1);z-index:10}.signature-preview:nth-child(1){transform:translateX(-80px) translateY(-40px) rotate(-15deg);z-index:1}.signature-preview:nth-child(2){transform:translateY(-60px);z-index:2}.signature-preview:nth-child(3){transform:translateX(80px) translateY(-40px) rotate(15deg);z-index:1}.signature-preview:nth-child(1):hover{transform:translateX(-80px) translateY(-80px) rotate(-5deg) scale(1.1)}.signature-preview:nth-child(2):hover{transform:translateY(-100px) scale(1.1)}.signature-preview:nth-child(3):hover{transform:translateX(80px) translateY(-80px) rotate(5deg) scale(1.1)}.cta-bar-sig-button{display:inline-flex;align-items:center;gap:.5rem;background-color:#4d6966;color:#fff;font-weight:600;font-size:1rem;padding:.875rem 1.5rem;border-radius:100px;border:none;cursor:pointer;text-decoration:none;transition:all 0.3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgb(0 0 0 / .1);white-space:nowrap;z-index:10;position:relative}.cta-bar-sig-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgb(0 0 0 / .15);background-color:#1d2c2b;}.cta-bar-sig-button:active{transform:translateY(0)}.cta-bar-sig-button-arrow{transition:transform 0.3s ease}.cta-bar-sig-button:hover .cta-bar-sig-button-arrow{transform:translateX(4px)}.cta-bar-sig-decoration{position:absolute;background:rgb(255 255 255 / .1);border-radius:50%;pointer-events:none}.cta-bar-sig-decoration-1{width:150px;height:150px;top:-75px;right:15%}.cta-bar-sig-decoration-2{width:100px;height:100px;bottom:-50px;left:25%}@media (max-width:1024px){.cta-bar-sig-signatures{display:none}}@media (max-width:768px){.cta-bar-sig-container{flex-direction:column;text-align:center;gap:1rem}.cta-bar-sig-text{margin-bottom:.5rem}
1596.cta-bar-sig-section{padding:1.5rem 1rem}}</style> 1597 1598 <div class="cta-bar-sig-wrapper"> 1599 <div class="cta-bar-sig-section"> 1600 <div class="cta-bar-sig-decoration cta-bar-sig-decoration-1"></div> 1601 <div class="cta-bar-sig-decoration cta-bar-sig-decoration-2"></div> 1602 1603 <div class="cta-bar-sig-container"> 1604 <div class="cta-bar-sig-content"> 1605 <p class="cta-bar-sig-text">Rescue your own clients from email signature stress.</p> 1606 </div> 1607 1608 <div class="cta-bar-sig-signatures"> 1609 <div class="signature-preview"> 1610 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/382a2410-b680-4a96-8dda-4e8dfddf9800/public" alt="FLYBY Signature"> 1611 </div> 1612 <div class="signature-preview"> 1613 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/275e94da-6de7-4f4c-79c4-20a954c74600/public" alt="AUTHOR Signature"> 1614 </div> 1615 <div class="signature-preview"> 1616 <img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/5b77f176-7461-4dd5-478f-d72e45aa8100/public" alt="RAISE Signature"> 1617 </div> 1618 </div> 1619 1620 <a href="/partners" class="cta-bar-sig-button"> 1621 Partner Program 1622 <svg class="cta-bar-sig-button-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 1623 <path d="M5 12h14m-7-7l7 7-7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 1624 </svg> 1625 </a> 1626 </div> 1627 </div> 1628 </div></div></section><div id="my-footer" class="footer-section"><div class="footer-gradient-bg"><div class="w-layout-blockcontainer container-1280 w-container"><div class="w-embed"><style> 1629.footer-column-heading::after { 1630 content: ''; 1631 position: absolute; 1632 bottom: 0; 1633 left: 0; 1634 width: 2rem; 1635 height: 2px; 1636 background: #6d918d; 1637 transition: width 0.3s; 1638} 1639.footer-link-list:hover .footer-column-heading::after { 1640 width: 3rem; 1641} 1642.footer-legal-link::before { 1643 content: ''; 1644 position: absolute; 1645 bottom: -2px; 1646 left: 0; 1647 width: 100%; 1648 height: 1px; 1649 background: #6d918d; 1650 transform: scaleX(0); 1651 transition: transform 0.3s; 1652} 1653.footer-legal-link:hover::before { 1654 transform: scaleX(1); 1655} 1656.w--current.footer-legal-link::before { 1657 transform: scaleX(1); 1658} 1659.w--current.footer-legal-link { 1660 color: #6d918d; 1661} 1662 1663</style></div><div class="top-footer"><div class="footer-left"><a href="/" aria-current="page" class="w-inline-block w--current"><div class="w-embed"><img src="https://imagedelivery.net/5XIWaKAyYES-Tn0JkYdl_w/3499da42-324e-4cca-c51b-513449e59300/public" width="200" loading="lazy" alt="Email Signature Rescue Logo"/></div></a><div class="footer-socials"><a href="https://www.facebook.com/emailsignaturerescue/" target="_blank" class="social-footer-icon w-inline-block"><div class="text-block-61">ï</div></a><a href="https://www.instagram.com/emailsignaturerescue/" target="_blank" class="social-footer-icon w-inline-block"><div class="text-block-61">ï </div></a><a href="https://au.linkedin.com/company/emailsignaturerescue" target="_blank" class="social-footer-icon w-inline-block"><div class="text-block-61">ï¡</div></a><a href="https://au.pinterest.com/emailsigrescue/" target="_blank" class="social-footer-icon w-inline-block"><div class="text-block-61">ï</div></a><a href="https://x.com/emailsigrescue" target="_blank" class="social-footer-icon w-inline-block"><div class="text-block-61">î</div></a><a href="https://www.youtube.com/user/emailsignaturerescue" target="_blank" class="social-footer-icon last-social-icon w-inline-block"><div class="text-block-61">ï §</div></a></div><form action="/search" class="search-2 w-form"><input class="search-input-2 w-input" maxlength="256" name="query" placeholder="Searchâ¦" type="search" id="search" required=""/><input type="submit" class="search-button-2 w-button" value="Search"/></form></div><div class="footer-link-list"><div class="footer-column-heading">What We Do</div><a href="/" aria-current="page" class="footer-list-link w--current">Email Signature Rescue</a><a href="/case-study" class="footer-list-link">Case Studies</a><a href="/partners" class="footer-list-link">Partners/Resellers</a><a href="/email-signature-software" class="footer-list-link">Email Signature Software</a><a href="/email-signatures-for-outlook" class="footer-list-link">Outlook Signatures</a><a href="https://www.emailsignaturerescue.com/software/gmail" class="footer-list-link">Gmail Signatures</a><a href="/software/apple-mail" class="footer-list-link">Apple Mail Signatures</a><a href="https://emailsignaturerescue.com/#demo" class="footer-list-link">Video Demo</a><a href="https://www.emailsignaturerescue.com/blog/email-signatures-your-privacy-why-client-side-email-signature-software-is-more-privacy-focused-and-you-should-be-choosing-it-over-server-side" class="footer-list-link">Why Privacy-Focused?</a></div><div class="footer-link-list"><div class="footer-column-heading">Services</div><a href="/email-signatures" class="footer-list-link">Email Signatures</a><a href="/email-signature-templates" class="footer-list-link">Email Signature Templates</a><a href="/email-signature-examples" class="footer-list-link">Email Signature Examples</a><a href="/email-signature-samples" class="footer-list-link">Email Signature Samples</a><a href="/email-signature-generator" class="footer-list-link">Email Signature Generator</a><a href="/email-footers" class="footer-list-link">Email Footers</a></div><div class="footer-link-list"><div class="footer-column-heading">Support</div><a href="/getting-started" class="footer-list-link">Getting Started</a><a href="/guides" class="footer-list-link">Install Guides</a><a href="/software" class="footer-list-link">Installer Apps & Extensions</a><a href="/email-signature-rescue-v2-documentation" class="footer-list-link">Documentation</a><a href="/software" class="footer-list-link">All Integrations</a><a href="/downloads" class="footer-list-link">Installation Software</a><a href="/downloads" class="footer-list-link">Got a Signature Key?</a></div><div class="footer-link-list"><div class="footer-column-heading">Company</div><a href="/contact" class="footer-list-link">Contact</a><a href="/blog" class="footer-list-link">Blog</a><a href="/about" class="footer-list-link">About</a><div class="footer-column-heading">Free Tools</div><a href="/free-tools/free-email-signature-generator" class="footer-list-link">Email Signature Generator</a><a href="/free-tools/email-icons-generator" class="footer-list-link">Email Icons Generator</a><a href="/free-tools/email-banner-generator" class="footer-list-link">Email Banner Generator</a><a href="/free-tools/email-thumbnail-generator" class="footer-list-link">
1663Email Thumbnail Generator</a><a href="/free-tools/handwritten-signature-generator" class="footer-list-link">Handwritten Signature Generator</a></div></div><div class="bottom-footer"><div class="footer-copyright"><div class="text-block-62">© All rights reserved 2013-2025. Loadout Pty Ltd.</div></div><div class="footer-legal"><a href="/terms" class="footer-legal-link">Terms </a><a href="/privacy" class="footer-legal-link">Privacy</a><a href="/eula" class="footer-legal-link">EULA</a><a href="/refunds" class="footer-legal-link">Refunds</a><a href="/partner-terms" class="footer-legal-link">Partners</a></div></div></div></div></div></section>
1663<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64eed649d81415ffcae1be71" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
1663<script src="https://cdn.prod.website-files.com/64eed649d81415ffcae1be71/js/webflow.2d6df5b0.ba9d835181874cb6.js" type="text/javascript" integrity="sha384-Nul4qh0Krq/1Zxh9llJTuQd16thf/I89qq4eduMgR6q9pmbzcyVnQxo648k40Dba" crossorigin="anonymous"></script>
1663<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1663-1664
1663 1664<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1664GTM-PLRZGW
vendor: 83 bytes, lines 1664-1665
1664" 1665height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1666<!-- End Google Tag Manager (noscript) --> 1667 1668<!-- THIS IS HERE SO WE CAN USE FOOTER COMPONENT ON ALL PAGES -->
1669<script> 1670document.addEventListener('DOMContentLoaded', () => { 1671 // Add hover effect to logo 1672 const logo = document.querySelector('.ft2-logo'); 1673 1674 logo.addEventListener('mousemove', (e) => { 1675 const { left, top, width, height } = logo.getBoundingClientRect(); 1676 const x = (e.clientX - left) / width - 0.5; 1677 const y = (e.clientY - top) / height - 0.5; 1678 1679 logo.style.transform = ` 1680 perspective(1000px) 1681 rotateY(${x * 20}deg) 1682 rotateX(${-y * 20}deg) 1683 scale(1.05) 1684 `; 1685 }); 1686 1687 logo.addEventListener('mouseleave', () => { 1688 logo.style.transform = 'none'; 1689 }); 1690 1691 // Add hover effect to social links 1692 const socialLinks = document.querySelectorAll('.ft2-social-link'); 1693 1694 socialLinks.forEach(link => { 1695 link.addEventListener('mouseenter', () => { 1696 link.style.transform = 'translateY(-4px) scale(1.1)'; 1697 }); 1698 1699 link.addEventListener('mouseleave', () => { 1700 link.style.transform = 'none'; 1701 }); 1702 }); 1703 1704 // Add stagger animation to links on page load 1705 const links = document.querySelectorAll('.ft2-link'); 1706 links.forEach((link, index) => { 1707 link.style.opacity = '0'; 1708 link.style.transform = 'translateY(10px)'; 1709 1710 setTimeout(() => { 1711 link.style.transition = 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)'; 1712 link.style.opacity = '1'; 1713 link.style.transform = 'none'; 1714 }, 100 + (index * 50)); 1715 }); 1716 1717 // Add intersection observer for columns 1718 const columns = document.querySelectorAll('.ft2-column'); 1719 const observer = new IntersectionObserver( 1720 (entries) => { 1721 entries.forEach(entry => { 1722 if (entry.isIntersecting) { 1723 entry.target.style.opacity = '1'; 1724 entry.target.style.transform = 'translateY(0)'; 1725 } 1726 }); 1727 }, 1728 { threshold: 0.2 } 1729 ); 1730 1731 columns.forEach(column => { 1732 column.style.opacity = '0'; 1733 column.style.transform = 'translateY(20px)'; 1734 column.style.transition = 'all 0.5s cubic-bezier(0.4, 0, 0.2, 1)'; 1735 observer.observe(column); 1736 }); 1737}); 1738</script>
1738 1739<!-- End FOOTER CODE --> 1740 1741 1742 1743 1744<!-- BEGIN SENJA -->
1745<script src="https://widget.senja.io/widget/51ad47a4-89ff-4767-be8f-a9db6385a646/platform.js" type="text/javascript" async></script>
1745 1746<!-- END SENJA --> 1747 1748<!-- TOOLTIPS -->
1749<script> 1750// Tooltip Script for Webflow 1751document.addEventListener('DOMContentLoaded', () => { 1752 // Create tooltip element 1753 const tooltip = document.createElement('div'); 1754 tooltip.className = 'custom-tooltip'; 1755 document.body.appendChild(tooltip); 1756 1757 // Get all elements with data-tooltip attribute 1758 const tooltipTriggers = document.querySelectorAll('[data-tooltip]'); 1759 1760 // Event handlers 1761 const showTooltip = (e) => { 1762 const text = e.target.getAttribute('data-tooltip'); 1763 if (!text) return; // Guard against empty tooltips 1764 1765 tooltip.textContent = text; 1766 1767 // Reset any previous transforms and ensure visibility for calculations 1768 tooltip.style.visibility = 'hidden'; 1769 tooltip.style.opacity = '0'; 1770 tooltip.style.transform = 'none'; 1771 1772 // Position the tooltip 1773 const rect = e.target.getBoundingClientRect(); 1774 const tooltipRect = tooltip.getBoundingClientRect(); 1775 1776 // Calculate centered position 1777 let left = rect.left + (rect.width / 2) - (tooltipRect.width / 2); 1778 let top = rect.top - tooltipRect.height - 10; 1779 1780 // Keep tooltip within viewport bounds 1781 const padding = 10; 1782 left = Math.max(padding, Math.min(left, window.innerWidth - tooltipRect.width - padding)); 1783 1784 // Handle case where tooltip would appear above viewport 1785 if (top < padding) { 1786 // Show below the element instead 1787 top = rect.bottom + 10; 1788 tooltip.classList.add('custom-tooltip--bottom'); 1789 } else { 1790 tooltip.classList.remove('custom-tooltip--bottom'); 1791 } 1792 1793 // Apply position 1794 tooltip.style.left = `${left}px`; 1795 tooltip.style.top = `${top}px`; 1796 1797 // Show tooltip with animation 1798 requestAnimationFrame(() => { 1799 tooltip.style.visibility = 'visible'; 1800 tooltip.style.opacity = '1'; 1801 tooltip.style.transform = 'scale(1) translateY(0)'; 1802 }); 1803 }; 1804 1805 const hideTooltip = () => { 1806 tooltip.style.opacity = '0'; 1807 tooltip.style.transform = 'scale(0.9) translateY(3px)'; 1808 1809 // Clean up after animation 1810 setTimeout(() => { 1811 if (tooltip.style.opacity === '0') { 1812 tooltip.style.visibility = 'hidden'; 1813 } 1814 }, 200); 1815 }; 1816 1817 // Touch device detection 1818 const isTouch = 'ontouchstart' in window || navigator.maxTouchPoints > 0; 1819 1820 // Add event listeners to all tooltip triggers 1821 tooltipTriggers.forEach(trigger => { 1822 if (isTouch) { 1823 // For touch devices 1824 trigger.addEventListener('touchstart', showTooltip, { passive: true }); 1825 trigger.addEventListener('touchend', hideTooltip); 1826 } else { 1827 // For mouse devices 1828 trigger.addEventListener('mouseenter', showTooltip); 1829 trigger.addEventListener('mouseleave', hideTooltip); 1830 trigger.addEventListener('focus', showTooltip); 1831 trigger.addEventListener('blur', hideTooltip); 1832 } 1833 }); 1834}); 1835 </script>
1835 <!--promotekit-->
1836<script async src="https://cdn.promotekit.com/promotekit.js" data-promotekit="96d0dd8c-814d-42f6-b44e-bf4f4ef557f9"></script>
vendor: 1 bytes, line 1836
1836
1837<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
vendor: 1 bytes, line 1837
1837
1838<script> 1839$(document).ready(function(){ 1840 setTimeout(function() { 1841 $('a[href^="https://buy.stripe.com/"]').each(function(){ 1842 const oldBuyUrl = $(this).attr("href"); 1843 const referralId = window.promotekit_referral; 1844 if (!oldBuyUrl.includes("client_reference_id")) { 1845 const newBuyUrl = oldBuyUrl + "?client_reference_id=" + referralId; 1846 $(this).attr("href", newBuyUrl); 1847 } 1848 }); 1849 $("[pricing-table-id]").each(function(){ 1850 $(this).attr("client-reference-id", window.promotekit_referral); 1851 }); 1852 $("[buy-button-id]").each(function(){ 1853 $(this).attr("client-reference-id", window.promotekit_referral); 1854 }); 1855 }, 1500); 1856}); 1857</script>
1857 1858<!--promotekit--></body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.