1<!DOCTYPE html> 2<html lang="en" class="scroll-smooth"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 7 <title>Savings calculator</title> 8 <meta name="description" content="Enter a few numbers about your shelter or rescue and see the hours and dollars Shelterluv saves you each year, based on averages from real customer data."> 9 10 11 <link rel="canonical" href="https://www.shelterluv.com/product/savings-calculator"> 12 13 14 <link rel="icon" type="image/png" sizes="16x16" href="https://new-s3.shelterluv.com/public/img/marketing/favicon-16x16.png"> 15 <link rel="icon" type="image/png" sizes="32x32" href="https://new-s3.shelterluv.com/public/img/marketing/favicon-32x32.png"> 16 <link rel="apple-touch-icon" sizes="180x180" href="https://new-s3.shelterluv.com/public/img/marketing/apple-touch-icon.png"> 17 <link rel="mask-icon" href="https://new-s3.shelterluv.com/public/img/marketing/safari-pinned-tab.svg" color="#f7bb14"> 18 19 <meta property="og:type" content="website"> 20 <meta property="og:site_name" content="Shelterluv"> 21 <meta property="og:title" content="Savings calculator"> 22 <meta property="og:url" content="https://www.shelterluv.com/product/savings-calculator"> 23 <meta property="og:image" content="https://new-s3.shelterluv.com/public/img/marketing/social-card.png"> 24 <meta property="og:image:width" content="719"> 25 <meta property="og:image:height" content="442"> 26 <meta property="og:image:alt" content="The Shelterluv wordmark beside a dog wearing a bandana"> 27 <meta name="twitter:card" content="summary_large_image"> 28 <meta name="twitter:image" content="https://new-s3.shelterluv.com/public/img/marketing/social-card.png"> 29 <meta name="twitter:title" content="Savings calculator"> 30 <meta property="og:description" content="Enter a few numbers about your shelter or rescue and see the hours and dollars Shelterluv saves you each year, based on averages from real customer data."> 31 <meta name="twitter:description" content="Enter a few numbers about your shelter or rescue and see the hours and dollars Shelterluv saves you each year, based on averages from real customer data."> 32 33 34 35 <link rel="preconnect" href="https://fonts.googleapis.com"> 36 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 37 <link rel="preconnect" href="https://app.termly.io"> 38 <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap" rel="stylesheet"> 39 40 41
41<script src="https://app.termly.io/resource-blocker/6eb9c6f4-c7b9-48b3-bee9-0730c02fb84a?autoBlock=off" async></script>
41 42 43 44
44<script type="text/plain" data-categories="analytics">
vendor: 348 bytes, lines 44-49
44 45 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 46 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 47 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 48 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 49 })(window,document,'script','dataLayer','
49GTM-K8DCC48B
vendor: 4 bytes, line 49
49');
50</script>
50 51
51<script 52 type="text/plain" 53 data-categories="analytics" 54 id="hs-script-loader" 55 async 56 defer 57 src="https://js.hs-scripts.com/5377515.js" 58></script>
58 59 60 <link rel="preload" as="style" href="https://new-s3.shelterluv.com/public/build/assets/marketing-IQlcr-fe.css" /><link rel="stylesheet" href="https://new-s3.shelterluv.com/public/build/assets/marketing-IQlcr-fe.css" data-navigate-track="reload" /></head> 61<body class="min-h-screen bg-white font-sans text-brand-gray-800 antialiased"> 62 63 <a 64 href="#main-content" 65 class="fixed left-0 top-0 z-50 -translate-y-full rounded-br-lg bg-primary-2-700 px-4 py-3 text-body-md font-bold text-white transition-transform focus:translate-y-0" 66 > 67 Skip to main content 68 </a> 69 70 <div 71 class="flex w-full flex-wrap items-center justify-center gap-x-3 gap-y-1 bg-primary-3-700 px-4 py-4 text-center sm:gap-x-5" 72> 73 <span class="flex items-center gap-2 sm:gap-5"> 74 <img 75 src="https://new-s3.shelterluv.com/public/svg/shelterpay-reversed.svg" 76 alt="Shelterpay by Shelterluv" 77 width="140" 78 height="26" 79 class="shrink-0" 80 > 81 82 <span class="flex items-center gap-1.5"> 83 <img 84 src="https://new-s3.shelterluv.com/public/svg/money-bag-heart.svg" 85 alt="" 86 aria-hidden="true" 87 width="26" 88 height="26" 89 class="shrink-0" 90 > 91 <span class="whitespace-nowrap text-2xl font-bold leading-8 tracking-tight text-primary-1-500 sm:text-3xl">$64,615,442</span> 92 </span> 93 </span> 94 95 <span class="text-body-md font-bold text-white">in donations raised (and counting!)</span> 96</div> 97 <header x-data="{ mobileOpen: false }" class="relative border-b border-brand-gray-100 bg-white"> 98 <div class="mx-auto flex max-w-7xl items-center justify-between px-4 py-3 sm:px-6"> 99 <a href="https://www.shelterluv.com" aria-label="Shelterluv home" class="shrink-0"> 100 <img src="https://new-s3.shelterluv.com/public/svg/shelterluv.svg" alt="Shelterluv" width="232" height="19"> 101 </a> 102 103 <nav class="hidden items-center gap-3 xl:flex"> 104 <div class="relative" x-data="{ open: false }" x-on:click.outside="open = false" x-on:keydown.escape="open = false"> 105 <button 106 type="button" 107 x-on:click="open = ! open" 108 :aria-expanded="open" 109 class="flex items-center gap-0.5 px-2.5 py-4 text-body-md font-bold text-brand-gray-800 transition-colors hover:text-primary-2-650" 110 > 111 How we help 112 <img 113 src="https://new-s3.shelterluv.com/public/svg/chevron-down.svg" 114 alt="" 115 aria-hidden="true" 116 width="16" 117 height="16" 118 class="transition-transform" 119 :class="{ 'rotate-180': open }" 120 > 121 </button> 122 123 <div 124 x-show="open" 125 x-cloak 126 x-transition 127 class="absolute left-0 top-full z-20 mt-1 flex w-64 flex-col rounded-3xl bg-white p-2.5 shadow-brand-sm" 128 > 129 <a href="https://www.shelterluv.com/product/savings-calculator" class="flex items-center rounded-full py-1 pl-2.5 pr-5 text-body-md text-brand-gray-800 hover:bg-primary-3-100">Savings calculator</a> 130 <a href="https://www.shelterluv.com/product/non-profit-shelters" class="flex items-center rounded-full py-1 pl-2.5 pr-5 text-body-md text-brand-gray-800 hover:bg-primary-3-100">Non-profit shelters</a> 131 <a href="https://www.shelterluv.com/product/foster-based-rescues" class="flex items-center rounded-full py-1 pl-2.5 pr-5 text-body-md text-brand-gray-800 hover:bg-primary-3-100">Foster-based rescues</a> 132 <a href="https://www.shelterluv.com/product/government-shelters" class="flex items-center rounded-full py-1 pl-2.5 pr-5 text-body-md text-brand-gray-800 hover:bg-primary-3-100">Government shelters</a> 133 <a href="https://www.shelterluv.com/product/field-services" class="flex items-center rounded-full py-1 pl-2.5 pr-5 text-body-md text-brand-gray-800 hover:bg-primary-3-100">Field services</a> 134 <a href="https://www.shelterluv.com/product/community-programs" class="flex items-center rounded-full py-1 pl-2.5 pr-5 text-body-md text-brand-gray-800 hover:bg-primary-3-100">Community programs</a> 135 <a href="https://www.shelterluv.com/product/shelterpay" class="flex items-center rounded-full py-1 pl-2.5 pr-5 text-body-md text-brand-gray-800 hover:bg-primary-3-100">Shelterpay</a> 136 </div> 137 </div> 138 139 <a 140 href="https://www.shelterluv.com/product/features" 141 class="relative px-2.5 py-4 text-body-md font-bold text-brand-gray-800 transition-colors hover:text-primary-2-650" 142>Features</a> 143 <a 144 href="https://www.shelterluv.com/product/tour" 145 class="relative px-2.5 py-4 text-body-md font-bold text-brand-gray-800 transition-colors hover:text-primary-2-650" 146>Take a tour</a> 147 <a 148 href="https://adopterluv.com/petprofessionals" 149 target="_blank" rel="noopener" class="relative px-2.5 py-4 text-body-md font-bold text-brand-gray-800 transition-colors hover:text-primary-2-650" 150>Adopterluv Microchip Registry<span class="sr-only"> (opens in a new tab)</span></a> 151 152 <a href="https://www.shelterluv.com/login" class="flex items-center gap-1.5 px-2.5 py-4 text-body-md font-bold text-brand-gray-800 transition-colors hover:text-primary-2-650"> 153 <img src="https://new-s3.shelterluv.com/public/svg/user.svg" alt="" aria-hidden="true" width="24" height="24"> 154 Log in 155 </a> 156 157 <a href="https://www.shelterluv.com/activate" class="inline-flex h-12 items-center justify-center rounded-full px-5 text-body-md font-bold text-brand-gray-800 transition-colors border border-primary-2-500 bg-white hover:bg-primary-2-500 hover:text-white">Sign up</a> 158 <a href="https://www.shelterluv.com/signup" class="inline-flex h-12 items-center justify-center rounded-full px-5 text-body-md font-bold text-brand-gray-800 transition-colors bg-primary-1-500 hover:bg-primary-1-600">Free trial</a> 159 </nav> 160 161 <button 162 type="button" 163 x-on:click="mobileOpen = ! mobileOpen" 164 :aria-expanded="mobileOpen" 165 aria-label="Toggle menu" 166 class="-mr-2 p-2 text-brand-gray-800 xl:hidden" 167 > 168 <img src="https://new-s3.shelterluv.com/public/svg/menu.svg" alt="" aria-hidden="true" width="24" height="24" x-show="! mobileOpen"> 169 <img src="https://new-s3.shelterluv.com/public/svg/close.svg" alt="" aria-hidden="true" width="24" height="24" x-show="mobileOpen" x-cloak> 170 </button> 171 </div> 172 173 <nav x-show="mobileOpen" x-cloak x-transition class="border-t border-brand-gray-100 xl:hidden"> 174 <div class="mx-auto flex max-w-7xl flex-col gap-1 px-4 py-4 sm:px-6"> 175 <p class="px-3 py-2 text-body-md font-bold text-brand-gray-800">How we help</p> 176 <a href="https://www.shelterluv.com/product/savings-calculator" class="rounded-lg py-2 pl-6 pr-3 text-body-md text-brand-gray-800 hover:bg-primary-3-100">Savings calculator</a> 177 <a href="https://www.shelterluv.com/product/non-profit-shelters" class="rounded-lg py-2 pl-6 pr-3 text-body-md text-brand-gray-800 hover:bg-primary-3-100">Non-profit shelters</a> 178 <a href="https://www.shelterluv.com/product/foster-based-rescues" class="rounded-lg py-2 pl-6 pr-3 text-body-md text-brand-gray-800 hover:bg-primary-3-100">Foster-based rescues</a> 179 <a href="https://www.shelterluv.com/product/government-shelters" class="rounded-lg py-2 pl-6 pr-3 text-body-md text-brand-gray-800 hover:bg-primary-3-100">Government shelters</a> 180 <a href="https://www.shelterluv.com/product/field-services" class="rounded-lg py-2 pl-6 pr-3 text-body-md text-brand-gray-800 hover:bg-primary-3-100">Field services</a> 181 <a href="https://www.shelterluv.com/product/community-programs" class="rounded-lg py-2 pl-6 pr-3 text-body-md text-brand-gray-800 hover:bg-primary-3-100">Community programs</a> 182 <a href="https://www.shelterluv.com/product/shelterpay" class="rounded-lg py-2 pl-6 pr-3 text-body-md text-brand-gray-800 hover:bg-primary-3-100">Shelterpay</a> 183 184 <a 185 href="https://www.shelterluv.com/product/features" 186 class="rounded-lg px-3 py-2 text-body-md font-bold hover:bg-primary-3-100 text-brand-gray-800" 187>Features</a> 188 <a 189 href="https://www.shelterluv.com/product/tour" 190 class="rounded-lg px-3 py-2 text-body-md font-bold hover:bg-primary-3-100 text-brand-gray-800" 191>Take a tour</a> 192 <a 193 href="https://adopterluv.com/petprofessionals" 194 target="_blank" rel="noopener" class="rounded-lg px-3 py-2 text-body-md font-bold hover:bg-primary-3-100 text-brand-gray-800" 195>Adopterluv Microchip Registry<span class="sr-only"> (opens in a new tab)</span></a> 196 197 <a href="https://www.shelterluv.com/login" class="flex items-center gap-1.5 rounded-lg px-3 py-2 text-body-md font-bold text-brand-gray-800 hover:bg-primary-3-100"> 198 <img src="https://new-s3.shelterluv.com/public/svg/user.svg" alt="" aria-hidden="true" width="24" height="24"> 199 Log in 200 </a> 201 202 <div class="mt-2 flex flex-col gap-2"> 203 <a href="https://www.shelterluv.com/activate" class="inline-flex h-12 items-center justify-center rounded-full px-5 text-body-md font-bold text-brand-gray-800 transition-colors border border-primary-2-500 bg-white hover:bg-primary-2-500 hover:text-white w-full">Sign up</a> 204 <a href="https://www.shelterluv.com/signup" class="inline-flex h-12 items-center justify-center rounded-full px-5 text-body-md font-bold text-brand-gray-800 transition-colors bg-primary-1-500 hover:bg-primary-1-600 w-full">Free trial</a> 205 </div> 206 </div> 207 </nav> 208</header> 209 210 211 <main id="main-content" tabindex="-1" class="focus:outline-none">
vendor: 69 bytes, lines 211-212
211 212 <script src="https://www.google.com/recaptcha/api.js?render=
2126LfDn7QUAAAAAJad8N26ai_hrM04LMO9N04L6eOa
vendor: 33 bytes, lines 212-214
212" async defer></script> 213 214
214<section class="bg-primary-3-50"> 215 <div class="mx-auto flex max-w-7xl flex-col gap-6 px-5 py-8 sm:px-6 lg:gap-8 lg:py-15"> 216 <div class="flex flex-col items-center gap-2 text-center"> 217 <h1 class="text-display-lg tracking-tight lg:text-display-2xl lg:leading-15"> 218 Calculate your savings with Shelterluv 219 </h1> 220 <p class="max-w-4xl text-body-lg"> 221 Enter some basic information about your organization and see how much time and money you can save with Shelterluv! 222 </p> 223 </div> 224 225 <div class="flex flex-col gap-8 lg:flex-row lg:items-start lg:gap-15"> 226 227 <form 228 method="POST" 229 action="https://www.shelterluv.com/product/savings-calculator" 230 novalidate 231 x-data="{ 232 country: '', 233 states: JSON.parse('{\u0022US\u0022:{\u0022AA\u0022:\u0022Armed Forces Americas (except Canada)\u0022,\u0022AE\u0022:\u0022Armed Forces Americas (Africa, Canada, Europe, Middle East)\u0022,\u0022AL\u0022:\u0022Alabama\u0022,\u0022AK\u0022:\u0022Alaska\u0022,\u0022AP\u0022:\u0022Armed Forces Americas (Pacific)\u0022,\u0022AZ\u0022:\u0022Arizona\u0022,\u0022AR\u0022:\u0022Arkansas\u0022,\u0022CA\u0022:\u0022California\u0022,\u0022CO\u0022:\u0022Colorado\u0022,\u0022CT\u0022:\u0022Connecticut\u0022,\u0022DE\u0022:\u0022Delaware\u0022,\u0022DC\u0022:\u0022District of Columbia\u0022,\u0022FL\u0022:\u0022Florida\u0022,\u0022GA\u0022:\u0022Georgia\u0022,\u0022GU\u0022:\u0022Guam\u0022,\u0022HI\u0022:\u0022Hawaii\u0022,\u0022ID\u0022:\u0022Idaho\u0022,\u0022IL\u0022:\u0022Illinois\u0022,\u0022IN\u0022:\u0022Indiana\u0022,\u0022IA\u0022:\u0022Iowa\u0022,\u0022KS\u0022:\u0022Kansas\u0022,\u0022KY\u0022:\u0022Kentucky\u0022,\u0022LA\u0022:\u0022Louisiana\u0022,\u0022ME\u0022:\u0022Maine\u0022,\u0022MD\u0022:\u0022Maryland\u0022,\u0022MA\u0022:\u0022Massachusetts\u0022,\u0022MI\u0022:\u0022Michigan\u0022,\u0022MN\u0022:\u0022Minnesota\u0022,\u0022MP\u0022:\u0022Northern Mariana Islands\u0022,\u0022MS\u0022:\u0022Mississippi\u0022,\u0022MO\u0022:\u0022Missouri\u0022,\u0022MT\u0022:\u0022Montana\u0022,\u0022NC\u0022:\u0022North Carolina\u0022,\u0022ND\u0022:\u0022North Dakota\u0022,\u0022NE\u0022:\u0022Nebraska\u0022,\u0022NH\u0022:\u0022New Hampshire\u0022,\u0022NJ\u0022:\u0022New Jersey\u0022,\u0022NM\u0022:\u0022New Mexico\u0022,\u0022NV\u0022:\u0022Nevada\u0022,\u0022NY\u0022:\u0022New York\u0022,\u0022OH\u0022:\u0022Ohio\u0022,\u0022OK\u0022:\u0022Oklahoma\u0022,\u0022OR\u0022:\u0022Oregon\u0022,\u0022PA\u0022:\u0022Pennsylvania\u0022,\u0022PR\u0022:\u0022Puerto Rico\u0022,\u0022RI\u0022:\u0022Rhode Island\u0022,\u0022SC\u0022:\u0022South Carolina\u0022,\u0022SD\u0022:\u0022South Dakota\u0022,\u0022TN\u0022:\u0022Tennessee\u0022,\u0022TX\u0022:\u0022Texas\u0022,\u0022UT\u0022:\u0022Utah\u0022,\u0022VI\u0022:\u0022Virgin Islands\u0022,\u0022VT\u0022:\u0022Vermont\u0022,\u0022VA\u0022:\u0022Virginia\u0022,\u0022WA\u0022:\u0022Washington\u0022,\u0022WV\u0022:\u0022West Virginia\u0022,\u0022WI\u0022:\u0022Wisconsin\u0022,\u0022WY\u0022:\u0022Wyoming\u0022},\u0022CA\u0022:{\u0022AB\u0022:\u0022Alberta\u0022,\u0022BC\u0022:\u0022British Columbia\u0022,\u0022MB\u0022:\u0022Manitoba\u0022,\u0022NB\u0022:\u0022New Brunswick\u0022,\u0022NL\u0022:\u0022Newfoundland and Labrador\u0022,\u0022NS\u0022:\u0022Nova Scotia\u0022,\u0022NT\u0022:\u0022Northwest Territories\u0022,\u0022NU\u0022:\u0022Nunavut\u0022,\u0022ON\u0022:\u0022Ontario\u0022,\u0022PE\u0022:\u0022Prince Edward Island\u0022,\u0022QC\u0022:\u0022Quebec\u0022,\u0022SK\u0022:\u0022Saskatchewan\u0022,\u0022YT\u0022:\u0022Yukon\u0022}}'), 234 signed: false, 235 async sign(event) { 236 if (this.signed || typeof grecaptcha === 'undefined') { 237 return; 238 } 239 240 event.preventDefault(); 241 this.signed = true; 242 243 try { 244 await new Promise((ready) => grecaptcha.ready(ready)); 245 this.$refs.recaptchaToken.value = await grecaptcha.execute('6LfDn7QUAAAAAJad8N26ai_hrM04LMO9N04L6eOa', { action: 'formSavings' }); 246 } catch (error) { 247 /* An unreachable reCAPTCHA posts an empty token rather than stranding the visitor. */ 248 } 249 250 event.target.submit(); 251 }, 252 }" 253 x-on:submit="sign($event)" class="flex flex-col gap-5 rounded-3xl bg-white p-5 shadow-brand-sm lg:flex-1 lg:p-10" 254 > 255 <input type="hidden" name="_token" value="NSmI7UKHxvs1J9WNDaaq0otxqBR2RHqLOW82uSIN" autocomplete="off"> 256 257 <input type="hidden" name="recaptchaToken" x-ref="recaptchaToken"> 258 259 <div class="flex flex-col"> 260 <label for="field-name" class="pb-2 text-body-md font-bold"> 261 Your name<span class="text-error" aria-hidden="true"> *</span> </label> 262 263 <div class="relative"> 264 265 <input 266 id="field-name" 267 name="name" 268 type="text" 269 value="" 270 autocomplete="name" required class="h-12 w-full rounded-full border border-brand-gray-500 px-5 text-body-md text-brand-gray-800 bg-white placeholder:text-brand-gray-600 " 271 > 272 </div> 273 274 </div> <div class="flex flex-col"> 275 <label for="field-email" class="pb-2 text-body-md font-bold"> 276 Your email<span class="text-error" aria-hidden="true"> *</span> </label> 277 278 <div class="relative"> 279 280 <input 281 id="field-email" 282 name="email" 283 type="email" 284 value="" 285 autocomplete="email" required class="h-12 w-full rounded-full border border-brand-gray-500 px-5 text-body-md text-brand-gray-800 bg-white placeholder:text-brand-gray-600 " 286 > 287 </div> 288 289 </div> <div class="flex flex-col"> 290 <label for="field-orgName" class="pb-2 text-body-md font-bold"> 291 Organization name<span class="text-error" aria-hidden="true"> *</span> </label> 292 293 <div class="relative"> 294 295 <input 296 id="field-orgName" 297 name="orgName" 298 type="text" 299 value="" 300 autocomplete="organization" required class="h-12 w-full rounded-full border border-brand-gray-500 px-5 text-body-md text-brand-gray-800 bg-white placeholder:text-brand-gray-600 " 301 > 302 </div> 303 304 </div> 305 <div class="flex flex-col" x-on:change="country = $event.target.value"> 306 <label for="field-country" class="pb-2 text-body-md font-bold"> 307 Country<span class="text-error" aria-hidden="true"> *</span> </label> 308 309 <div class="relative"> 310 311 <select 312 id="field-country" 313 name="country" 314 autocomplete="country" required class="h-12 w-full rounded-full border border-brand-gray-500 pl-5 pr-12 text-body-md text-brand-gray-800 bg-white placeholder:text-brand-gray-600 appearance-none" 315 > 316 <option value="">Selectâ¦</option> 317 <option value="US" >US - United States</option> 318 <option value="CA" >CA - Canada</option> 319 <option value="international" >International</option> 320 </select> 321
322 <span aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-5 flex items-center"> 323 <img src="https://new-s3.shelterluv.com/public/svg/chevron-down.svg" alt="" width="16" height="16"> 324 </span> 325 </div> 326 327 </div> 328 329 <div class="flex flex-col" x-show="['US', 'CA'].includes(country)"> 330 <label for="field-stateProvince" class="pb-2 text-body-md font-bold"> 331 State / province<span class="text-error" aria-hidden="true"> *</span> </label> 332 333 <div class="relative"> 334 335 <select 336 id="field-stateProvince" 337 name="stateProvince" 338 autocomplete="address-level1" required class="h-12 w-full rounded-full border border-brand-gray-500 pl-5 pr-12 text-body-md text-brand-gray-800 bg-white placeholder:text-brand-gray-600 appearance-none" 339 > 340 <option value="">Selectâ¦</option> 341 <template x-for="[value, text] in Object.entries(states[country] ?? {})" :key="value"> 342 <option :value="value" x-text="text" :selected="value === null"></option> 343 </template> 344 </select> 345 346 <span aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-5 flex items-center"> 347 <img src="https://new-s3.shelterluv.com/public/svg/chevron-down.svg" alt="" width="16" height="16"> 348 </span> 349 </div> 350 351 </div> 352 <div class="flex flex-col"> 353 <label for="field-intakeCount" class="pb-2 text-body-md font-bold"> 354 Number of intakes per year<span class="text-error" aria-hidden="true"> *</span> </label> 355 356 <div class="relative"> 357 358 <input 359 id="field-intakeCount" 360 name="intakeCount" 361 type="number" 362 value="" 363 inputmode="numeric" min="0" step="1" required class="h-12 w-full rounded-full border border-brand-gray-500 px-5 text-body-md text-brand-gray-800 bg-white placeholder:text-brand-gray-600 " 364 > 365 </div> 366 367 </div> <div class="flex flex-col"> 368 <label for="field-intakeMinutes" class="pb-2 text-body-md font-bold"> 369 Estimated minutes to process an intake<span class="text-error" aria-hidden="true"> *</span> </label> 370 371 <div class="relative"> 372 373 <input 374 id="field-intakeMinutes" 375 name="intakeMinutes" 376 type="number" 377 value="" 378 inputmode="numeric" min="0" step="1" required class="h-12 w-full rounded-full border border-brand-gray-500 px-5 text-body-md text-brand-gray-800 bg-white placeholder:text-brand-gray-600 " 379 > 380 </div> 381 382 </div> <div class="flex flex-col"> 383 <label for="field-adoptCount" class="pb-2 text-body-md font-bold"> 384 Number of adoptions per year<span class="text-error" aria-hidden="true"> *</span> </label> 385 386 <div class="relative"> 387 388 <input 389 id="field-adoptCount" 390 name="adoptCount" 391 type="number" 392 value="" 393 inputmode="numeric" min="0" step="1" required class="h-12 w-full rounded-full border border-brand-gray-500 px-5 text-body-md text-brand-gray-800 bg-white placeholder:text-brand-gray-600 " 394 > 395 </div> 396 397 </div> <div class="flex flex-col"> 398 <label for="field-adoptMinutes" class="pb-2 text-body-md font-bold"> 399 Estimated minutes to process an adoption<span class="text-error" aria-hidden="true"> *</span> </label> 400 401 <div class="relative"> 402 403 <input 404 id="field-adoptMinutes" 405 name="adoptMinutes" 406 type="number" 407 value="" 408 inputmode="numeric" min="0" step="1" required class="h-12 w-full rounded-full border border-brand-gray-500 px-5 text-body-md text-brand-gray-800 bg-white placeholder:text-brand-gray-600 " 409 > 410 </div> 411 412 </div> <div class="flex flex-col"> 413 <label for="field-microchipCount" class="pb-2 text-body-md font-bold"> 414 Number of microchips purchased per year<span class="text-error" aria-hidden="true"> *</span> </label> 415 416 <div class="relative"> 417 418 <input 419 id="field-microchipCount" 420 name="microchipCount" 421 type="number" 422 value="" 423 inputmode="numeric" min="0" step="1" required class="h-12 w-full rounded-full border border-brand-gray-500 px-5 text-body-md text-brand-gray-800 bg-white placeholder:text-brand-gray-600 " 424 > 425 </div> 426 427 </div> 428 429 <div class="flex items-end gap-5"> 430 <div class="flex flex-col flex-1"> 431 <label for="field-microchipCost" class="pb-2 text-body-md font-bold"> 432 Cost per microchip<span class="text-error" aria-hidden="true"> *</span> </label> 433 434 <div class="relative"> 435
436 <span aria-hidden="true" class="pointer-events-none absolute inset-y-0 left-5 flex items-center text-body-md text-brand-gray-600">$</span> 437 438 <input 439 id="field-microchipCost" 440 name="microchipCost" 441 type="text" 442 value="" 443 placeholder="0.00" required class="h-12 w-full rounded-full border border-brand-gray-500 px-5 text-body-md text-brand-gray-800 bg-white placeholder:text-brand-gray-600 pl-9 " 444 > 445 </div> 446 447 </div> <div class="flex flex-col w-32 shrink-0"> 448 <label for="field-microchipCurrency" class="pb-2 text-body-md font-bold"> 449 Currency<span class="text-error" aria-hidden="true"> *</span> </label> 450 451 <div class="relative"> 452 453 <select 454 id="field-microchipCurrency" 455 name="microchipCurrency" 456 required class="h-12 w-full rounded-full border border-brand-gray-500 pl-5 pr-12 text-body-md text-brand-gray-800 bg-white placeholder:text-brand-gray-600 appearance-none" 457 > 458 <option value="USD" selected>USD</option> 459 <option value="CAD" >CAD</option> 460 </select> 461 462 <span aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-5 flex items-center"> 463 <img src="https://new-s3.shelterluv.com/public/svg/chevron-down.svg" alt="" width="16" height="16"> 464 </span> 465 </div> 466 467 </div> </div> 468 469 <div class="flex flex-col"> 470 <label for="field-otherCosts" class="pb-2 text-body-md font-bold"> 471 Any other costs associated with your software? </label> 472 473 <textarea 474 id="field-otherCosts" 475 name="otherCosts" 476 rows="2" 477 class="w-full rounded-3xl border border-brand-gray-500 px-5 text-body-md text-brand-gray-800 bg-white placeholder:text-brand-gray-600 py-3" 478 ></textarea> 479 480 </div> 481 <button class="inline-flex h-12 items-center justify-center rounded-full px-5 text-body-md font-bold text-brand-gray-800 transition-colors bg-primary-1-500 hover:bg-primary-1-600 h-15 self-end px-8" type="submit">Calculate my savings</button> 482 </form> 483 484 <div class="lg:flex-1"> 485 486 <div 487 x-data="{ 488 active: 0, 489 count: 4, 490 startX: null, 491 select(i) { 492 this.active = i; 493 this.$root.querySelectorAll('video').forEach((video) => video.pause()); 494 }, 495 next(...rest) { this.select((this.active + 1) % this.count, ...rest) }, 496 prev(...rest) { this.select((this.active + this.count - 1) % this.count, ...rest) }, 497 swipeStart(event) { this.startX = event.touches[0].clientX }, 498 swipeEnd(event) { 499 if (this.startX === null) { return } 500 const dx = event.changedTouches[0].clientX - this.startX; 501 if (Math.abs(dx) > 40) { dx < 0 ? this.next() : this.prev() } 502 }, 503 }" 504 class="flex flex-col gap-8 lg:contents" 505> 506 <div class="rounded-3xl bg-linear-to-r from-primary-3-500 to-primary-1-500 p-0.5 lg:contents"> 507 <div class="rounded-3xl bg-white p-5 lg:contents"> 508 <div 509 class="grid lg:flex lg:flex-col lg:gap-10" 510 x-on:touchstart.passive="swipeStart($event)" 511 x-on:touchend="swipeEnd($event)" 512 > 513 514 <div 515 class="col-start-1 row-start-1 flex-col gap-6 lg:flex flex" 516 :class="{ 'flex': active === 0, 'hidden': active !== 0 }" 517 > 518 519 <a 520 href="https://www.austinpetsalive.org/"
521 target="_blank" rel="noopener" class="self-start transition-opacity hover:opacity-75" 522><img 523 src="https://new-s3.shelterluv.com/public/img/marketing/austin-pets-alive.webp" 524 srcset="https://new-s3.shelterluv.com/public/img/marketing/austin-pets-alive.webp 1x, https://new-s3.shelterluv.com/public/img/marketing/austin-pets-alive-2x.webp 2x" 525 alt="Austin Pets Alive!" 526 width="319" 527 height="70" 528 class="h-15 w-auto" 529 ><span class="sr-only"> (opens in a new tab)</span></a> 530 531 <div class="flex items-start gap-7.5"> 532 <svg 533 xmlns="http://www.w3.org/2000/svg" 534 width="40" 535 height="40" 536 viewBox="0 0 40 40" 537 fill="none" 538 aria-hidden="true" 539 class="shrink-0 text-primary-1-500" 540> 541 <path fill="currentColor" d="M15 5C6.75 5 0 11.75 0 20V35H15V20H5C5 14.45 9.45 10 15 10V5ZM40 5C31.75 5 25 11.75 25 20V35H40V20H30C30 14.45 34.45 10 40 10V5Z"/> 542</svg> 543 <div class="flex flex-col gap-4 text-body-lg"> 544 <p>We made an additional $500 in donations over the course of a weekâ¦Having the ask for donations built into the checkout flow reduces stress on our adoption counselors and reminds adopters of our mission.</p> 545 <p class="font-bold">Austin Pets Alive!</p> 546 </div> 547 </div> 548 </div> 549 550 <div 551 class="col-start-1 row-start-1 flex-col gap-6 lg:flex hidden" 552 :class="{ 'flex': active === 1, 'hidden': active !== 1 }" 553 > 554 <span aria-hidden="true" class="hidden border-t-3 border-primary-2-300 lg:block"></span> 555 556 <a 557 href="https://www.fayettehumane.org/" 558 target="_blank" rel="noopener" class="self-start transition-opacity hover:opacity-75" 559><img 560 src="https://new-s3.shelterluv.com/public/img/marketing/fayette-humane-society.webp" 561 srcset="https://new-s3.shelterluv.com/public/img/marketing/fayette-humane-society.webp 1x, https://new-s3.shelterluv.com/public/img/marketing/fayette-humane-society-2x.webp 2x" 562 alt="Fayette Humane Society" 563 width="164" 564 height="164" 565 class="size-40" 566 ><span class="sr-only"> (opens in a new tab)</span></a> 567 568 <div class="flex items-start gap-7.5"> 569 <svg 570 xmlns="http://www.w3.org/2000/svg" 571 width="40" 572 height="40" 573 viewBox="0 0 40 40" 574 fill="none" 575 aria-hidden="true" 576 class="shrink-0 text-primary-1-500" 577> 578 <path fill="currentColor" d="M15 5C6.75 5 0 11.75 0 20V35H15V20H5C5 14.45 9.45 10 15 10V5ZM40 5C31.75 5 25 11.75 25 20V35H40V20H30C30 14.45 34.45 10 40 10V5Z"/> 579</svg> 580 <div class="flex flex-col gap-4 text-body-lg"> 581 <p>We MAKE money off of Shelterluv. I was SUPER concerned when adopting Shelterluv that it would be an expense to us. Boy, was I wrong.</p> 582 <p class="font-bold">Rick DeLoach, Fayette Humane Society</p> 583 </div> 584 </div> 585 </div> 586 587 <div 588 class="col-start-1 row-start-1 flex-col gap-6 lg:flex hidden" 589 :class="{ 'flex': active === 2, 'hidden': active !== 2 }" 590 > 591 <span aria-hidden="true" class="hidden border-t-3 border-primary-3-300 lg:block"></span> 592 593 <a 594 href="https://istodaymydayrescue.org/" 595 target="_blank" rel="noopener" class="self-start transition-opacity hover:opacity-75" 596><img 597 src="https://new-s3.shelterluv.com/public/img/marketing/is-today-my-day-rescue.webp" 598 srcset="https://new-s3.shelterluv.com/public/img/marketing/is-today-my-day-rescue.webp 1x, https://new-s3.shelterluv.com/public/img/marketing/is-today-my-day-rescue-2x.webp 2x" 599 alt="Is Today My Day Dog Rescue" 600 width="502" 601 height="336" 602 class="h-40 w-auto rounded-2xl" 603 ><span class="sr-only"> (opens in a new tab)</span></a> 604 605 <div class="flex items-start gap-7.5"> 606 <svg 607 xmlns="http://www.w3.org/2000/svg" 608 width="40" 609 height="40"
610 viewBox="0 0 40 40" 611 fill="none" 612 aria-hidden="true" 613 class="shrink-0 text-primary-1-500" 614> 615 <path fill="currentColor" d="M15 5C6.75 5 0 11.75 0 20V35H15V20H5C5 14.45 9.45 10 15 10V5ZM40 5C31.75 5 25 11.75 25 20V35H40V20H30C30 14.45 34.45 10 40 10V5Z"/> 616</svg> 617 <div class="flex flex-col gap-4 text-body-lg"> 618 <p>This software has completely changed our financial situation. We donât even have to fundraise the way we used to; the system does it for us.</p> 619 <p class="font-bold">Stephanie Gillespie, Is Today My Day Dog Rescue</p> 620 </div> 621 </div> 622 </div> 623 624 <div 625 class="col-start-1 row-start-1 flex-col gap-6 lg:flex hidden" 626 :class="{ 'flex': active === 3, 'hidden': active !== 3 }" 627 > 628 <span aria-hidden="true" class="hidden border-t-3 border-primary-1-300 lg:block"></span> 629 630 <a 631 href="https://www.happytailsrescueinc.com/" 632 target="_blank" rel="noopener" class="self-start transition-opacity hover:opacity-75" 633><img 634 src="https://new-s3.shelterluv.com/public/img/marketing/happy-tails-rescue.webp" 635 srcset="https://new-s3.shelterluv.com/public/img/marketing/happy-tails-rescue.webp 1x, https://new-s3.shelterluv.com/public/img/marketing/happy-tails-rescue-2x.webp 2x" 636 alt="Happy Tails Rescue, Inc." 637 width="165" 638 height="160" 639 class="h-40 w-auto" 640 ><span class="sr-only"> (opens in a new tab)</span></a> 641 642 <div class="flex items-start gap-7.5"> 643 <svg 644 xmlns="http://www.w3.org/2000/svg" 645 width="40" 646 height="40" 647 viewBox="0 0 40 40" 648 fill="none" 649 aria-hidden="true" 650 class="shrink-0 text-primary-1-500" 651> 652 <path fill="currentColor" d="M15 5C6.75 5 0 11.75 0 20V35H15V20H5C5 14.45 9.45 10 15 10V5ZM40 5C31.75 5 25 11.75 25 20V35H40V20H30C30 14.45 34.45 10 40 10V5Z"/> 653</svg> 654 <div class="flex flex-col gap-4 text-body-lg"> 655 <p>It is the most affordable for a non profit charity.</p> 656 <p class="font-bold">LaDonna, Happy Tails Rescue, Inc.</p> 657 </div> 658 </div> 659 </div> 660 </div> 661 </div> 662 </div> 663 664 665 <div class="flex items-center gap-6 lg:hidden justify-center"> 666 <button 667 type="button" 668 class="size-5 rounded-full transition-colors" 669 :class="active === 0 ? 'bg-primary-3-500' : 'bg-brand-gray-100'" 670 aria-label="Show testimonial 1" 671 @click="select(0)" 672 ></button> 673 <button 674 type="button" 675 class="size-5 rounded-full transition-colors" 676 :class="active === 1 ? 'bg-primary-3-500' : 'bg-brand-gray-100'" 677 aria-label="Show testimonial 2" 678 @click="select(1)" 679 ></button> 680 <button 681 type="button" 682 class="size-5 rounded-full transition-colors" 683 :class="active === 2 ? 'bg-primary-3-500' : 'bg-brand-gray-100'" 684 aria-label="Show testimonial 3" 685 @click="select(2)" 686 ></button> 687 <button 688 type="button" 689 class="size-5 rounded-full transition-colors" 690 :class="active === 3 ? 'bg-primary-3-500' : 'bg-brand-gray-100'" 691 aria-label="Show testimonial 4" 692 @click="select(3)" 693 ></button> 694 </div> 695</div></div> </div> 696 </div> 697 </section> 698 </main> 699 700 <div id="termly-code-snippet-support"></div> 701 702 <footer class="bg-primary-2-700 text-white"> 703 <div class="mx-auto max-w-7xl px-5 py-6 sm:px-6 lg:pb-14 lg:pt-15"> 704 <div class="grid gap-5 lg:grid-cols-4 lg:gap-x-15 lg:gap-y-6"> 705 <nav class="flex flex-col gap-5 text-body-md lg:gap-2" aria-label="Product"> 706 <p class="font-bold">Product</p> 707 <a 708 href="https://www.shelterluv.com/product/savings-calculator" 709 class="hover:underline" 710>Savings calculator</a> 711 <a 712 href="https://www.shelterluv.com/product/non-profit-shelters" 713 class="hover:underline" 714>Non-profit shelters</a> 715 <a 716 href="https://www.shelterluv.com/product/foster-based-rescues" 717 class="hover:underline" 718>Foster-based rescues</a> 719 <a 720 href="https://www.shelterluv.com/product/government-shelters" 721 class="hover:underline" 722>Government shelters</a> 723 <a 724 href="https://www.shelterluv.com/product/field-services" 725 class="hover:underline" 726>Field services</a> 727 <a 728 href="https://www.shelterluv.com/product/community-programs" 729 class="hover:underline" 730>Community programs</a> 731 <a 732 href="https://www.shelterluv.com/product/features" 733 class="hover:underline" 734>Features</a> 735 <a 736 href="https://adopterluv.com/petprofessionals" 737 target="_blank" rel="noopener" class="hover:underline" 738>Adopterluv Microchip Registry<span class="sr-only"> (opens in a new tab)</span></a> 739 </nav> 740 <nav class="flex flex-col gap-5 text-body-md lg:gap-2" aria-label="Company"> 741 <p class="font-bold">Company</p> 742 <a 743 href="https://www.shelterluv.com/signup" 744 class="hover:underline" 745>Try it free</a> 746 <a 747 href="https://www.shelterluv.com/product/tour" 748 class="hover:underline" 749>Take a tour</a> 750 <a 751 href="https://www.shelterluv.com/activate" 752 class="hover:underline" 753>Activate now</a> 754 <a 755 href="https://www.shelterluv.com/login" 756 class="hover:underline" 757>Login</a> 758 <a 759 href="https://www.shelterluv.com/careers" 760 class="hover:underline" 761>Careers</a> 762 <a 763 href="https://www.shelterluv.com/about" 764 class="hover:underline" 765>About us</a> 766 </nav> 767 768 <nav class="flex flex-col gap-5 text-body-md lg:gap-2" aria-label="Connect"> 769 <p class="font-bold">Connect</p> 770 <a href="https://www.shelterluv.com/contact" class="hover:underline">Contact us</a> 771 <a 772 href="https://blog.shelterluv.com/" 773 target="_blank" rel="noopener" class="hover:underline" 774>Blog<span class="sr-only"> (opens in a new tab)</span></a> 775 <a 776 href="https://www.facebook.com/Shelterluv/" 777 target="_blank" rel="noopener" class="flex items-center gap-2.5 hover:underline" 778><img src="https://new-s3.shelterluv.com/public/svg/facebook.svg" alt="" aria-hidden="true" width="16" height="18"> 779 Facebook<span class="sr-only"> (opens in a new tab)</span></a> 780 <a 781 href="https://www.instagram.com/shelterluv/" 782 target="_blank" rel="noopener" class="flex items-center gap-2.5 hover:underline" 783><img src="https://new-s3.shelterluv.com/public/svg/instagram.svg" alt="" aria-hidden="true" width="16" height="18"> 784 Instagram<span class="sr-only"> (opens in a new tab)</span></a> 785 </nav> 786 787 <div class="flex flex-col gap-5 text-body-sm lg:col-span-4 lg:col-start-1 lg:flex-row lg:flex-wrap lg:gap-x-10 lg:gap-y-2"> 788 789 <nav class="flex flex-col gap-5 lg:contents" aria-label="Legal"> 790 791 <a 792 href="https://www.shelterluv.com/terms_and_conditions" 793 class="hover:underline" 794>Terms & conditions</a> 795 796 <a 797 href="https://www.shelterluv.com/privacy" 798 class="hover:underline" 799>Privacy policy</a> 800 801 <a 802 href="https://www.shelterluv.com/cookies" 803 class="hover:underline" 804>
804Cookies</a> 805 806 <a 807 href="#" 808 class="hover:underline termly-display-preferences" 809>Consent preferences</a> 810 811 <a 812 href="https://app.termly.io/dsar/6182c46d-3bdd-4c2c-9197-d8e830d79368" 813 target="_blank" rel="noopener" class="hover:underline" 814>Do not sell or share my personal information<span class="sr-only"> (opens in a new tab)</span></a> 815 </nav> 816 817 <p>This site contains AI-generated images of people.</p> 818 </div> 819 820 <div class="flex flex-col gap-2 border-t border-white/20 pt-5 text-center text-body-md lg:order-first lg:border-t-0 lg:pt-0 lg:text-left"> 821 <div class="flex flex-col gap-3.5"> 822 <img src="https://new-s3.shelterluv.com/public/svg/shelterluv-reversed.svg" alt="Shelterluv" width="232" height="19" class="mx-auto lg:mx-0"> 823 <p class="font-bold">Rescued is my favorite breedâ¢</p> 824 </div> 825 <p>© 2026 Shelterluv, Inc.</p> 826 </div> 827 </div> 828 </div> 829</footer> 830 831 832
832<script src="https://www.shelterluv.com/vendor/livewire/livewire.min.js?id=0ae8dee3" data-csrf="NSmI7UKHxvs1J9WNDaaq0otxqBR2RHqLOW82uSIN" data-module-url="https://www.shelterluv.com/livewire-06647db5" data-update-uri="https://www.shelterluv.com/livewire-06647db5/update" data-navigate-once="true"></script>
832 833</body> 834</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.