PageSourceSearch

https://www.shelterluv.com/product/savings-calculator

html shelterluv.com collected 2026-10-01 11:29:34 UTC 47,615 bytes, 834 lines download raw bytes

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 &amp; 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.