PageSourceSearch

https://zinng.ai/accounts/login/

html zinng.ai collected 2026-10-05 13:20:56 UTC 28,212 bytes, 640 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en">
4    <head>
5        
6<!-- Meta Pixel Code -->
7<script>
vendor: 399 bytes, lines 7-16
7
8!function(f,b,e,v,n,t,s)
9{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
10n.callMethod.apply(n,arguments):n.queue.push(arguments)};
11if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
12n.queue=[];t=b.createElement(e);t.async=!0;
13t.src=v;s=b.getElementsByTagName(e)[0];
14s.parentNode.insertBefore(t,s)}(window, document,'script',
15'https://connect.facebook.net/en_US/fbevents.js');
16fbq('init', '
161939300040024623
vendor: 30 bytes, lines 16-17
16');
17fbq('track', 'PageView');
18</script>
18
19<noscript><img height="1" width="1" style="display:none"
20src="https://www.facebook.com/tr?id=1939300040024623&ev=PageView&noscript=1"
21/></noscript>
22<!-- End Meta Pixel Code -->
23
24
25
26        <meta charset="UTF-8">
27        <meta name="viewport" content="width=device-width, initial-scale=1.0">
28        <!-- Basic SEO meta tags -->
29        <title>Zinng.ai</title>
30        <meta name="description" content="None">
31        <meta name="keywords" content="None">
32        <!-- Open Graph meta tags for social media -->
33        <meta property="og:title" content="Zinng.ai">
34        <meta property="og:description" content="None.">
35        <meta property="og:image" content="None">
36        <meta property="og:url" content="None">
37        <meta property="og:type" content="website">
38        <!-- Twitter Card meta tags -->
39        <meta name="twitter:card" content="summary_large_image">
40        <meta name="twitter:title" content="Zinng.ai">
41        <meta name="twitter:description" content="None">
42        <meta name="twitter:image" content="None">
43        <!-- Favicon -->
44        <link rel="icon" href="/static/images/zinnglogo1.svg" type="image/x-icon">
45        <!-- Include Tailwind CSS -->
46        <link href="/static/css/output.css" rel="stylesheet">
47        
47<script src="https://unpkg.com/[email protected]"></script>
47
48        <!-- Alpine.js (bundled from node_modules, see core/static/react/src/entryPoints/alpineRuntime) -->
49        
49<script src="/static/react/dist/runtime-714f2f52b922.js" ></script>
vendor: 1 bytes, line 49
49
50<script src="/static/react/dist/1094-3485c36a411d.js" ></script>
vendor: 1 bytes, line 50
50
51<script src="/static/react/dist/alpineRuntime-6719c34ad188.js" ></script>
51
52
53        <!-- Font Awesome -->
54        
54<script data-search-pseudo-elements defer src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/all.min.js" crossorigin="anonymous"></script>
54
55        
55<script async src="https://tally.so/widgets/embed.js"></script>
55
56        
56<script src="/static/js/webPushNotification.js"></script>
56
57        
58        
58<script src="https://js.sentry-cdn.com/1a25b548720ab3e15a7859263ec727bc.min.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 58
58
59<script>
60    Sentry.init({
61        dsn: "https://1a25b548720ab3e15a7859263ec727bc@o4507600884531200.ingest.us.sentry.io/4508576755613696",
62        tracesSampleRate: 1.0,
63        ignoreErrors: [
64            // Outlook / Office SafeLink crawler noise
65            /Object Not Found Matching Id:\d+, MethodName:update, ParamCount:\d+/,
66            // Facebook / Instagram in-app webview injected-bridge noise
67            // (their scripts call window.webkit.messageHandlers; not our code)
68            /window\.webkit\.messageHandlers/,
69            /sendDataToNative/,
70            /sendPageHideMessage/,
71            // as a friendly message in useRetellWebCall.ts, not an app bug (see CONFIRMLY-CV)
72            /Requested device not found/,
73            /publishing rejected as engine not connected within timeout/,
74            /not allowed by the user agent or the platform/,
75        ],
76    });
77</script>
77
78
79        
80  <link href="/static/css/auth.css" rel="stylesheet">
81
82    </head>
83    <!-- Header -->
84
85    <body x-data="{
86        loaded: true,
87        darkMode: true,
88        stickyMenu: false,
89        showPopup: true,
90        sidebarToggle: window.innerWidth >= 1024,
91        scrollTop: false,
92        showEditModalSignup: false,
93        showOnboardingModal: false,
94        showHelpModal: false
95    }"
96    @open-help-modal.window="showHelpModal = true"
97    x-init="
98        darkMode = JSON.parse(localStorage.getItem('darkMode'));
99        $watch('darkMode', value => localStorage.setItem('darkMode', JSON.stringify(value)));
100    "
101    :class="{'dark text-bodydark bg-boxdark-2': darkMode === true}"
102    style="--admin-bar-height: 0px;"
103    >
104    <!-- ===== Page Wrapper Start ===== -->
105    
106
107
108
109    <div class="relative flex overflow-hidden" style="height: calc(100vh - var(--admin-bar-height, 0px));">
110            <!-- ===== Content Area Start ===== -->
111            
112            <div class="relative flex flex-1 flex-col overflow-y-auto overflow-x-hidden">
113                
114                
115                
116                
117                <!-- Main Content -->
118                <div  class="flex h-full flex-col "
119                >
120
121
122                    
123
124                    <main class="flex-grow">
125                        <div class="max-w-screen-2xl mx-auto p-4 md:p-6 2xl:p-10">
126                            
127   <body x-data="{ page: 'signin', 'loaded': true, 'darkMode': true, 'stickyMenu': false, 'sidebarToggle': false, 'scrollTop': false }">
128      <!-- ===== Page Wrapper Start ===== -->
129      
130         <!-- ===== Content Area Start ===== -->
131         <div
132            class="relative flex flex-1 flex-col overflow-y-auto overflow-x-hidden"
133            >
134            <!-- ===== Main Content Start ===== -->
135            <main>
136               <div class="mx-auto max-w-screen-2xl p-4 md:p-6 2xl:p-10">
137                   <div class="rounded-sm border border-stroke bg-white shadow-default dark:border-strokedark dark:bg-boxdark">
138                     <div class="flex flex-wrap items-center">
139                        <div class="hidden w-full xl:block xl:w-1/2">
140                           <div class="px-26 py-16 text-center">
141                            <a class="mb-5.5 inline-block" href="https://zinng.ai/">
142                                <span class="flex items-center gap-2">
143                                    <!-- Inline SVG -->
144                                    <img src="/static/images/zinnglogo1.svg" alt="Zinng.ai logo" width="35" height="35" class="text-primary">
145                                    <!-- Logo text -->
146                                    <span class="font-bold font-large text-2xl text-black dark:text-white">Zinng.ai</span>
147                                </span>
148                            </a>
149                              <p class="font-medium 2xl:px-20">
150                                 AI phone assistants for small businesses. Let us answer when you can't.
151                              </p>
152                              <span class="inline-block">
153                              <img
154                                 src="/static/images/zinng-ai-agent.png"
155                                 alt="illustration"
156                                 style="max-height: 500px;"
157                                 />
158                              </span>
159                           </div>
160                        </div>
161                        <div
162                           class="w-full border-stroke dark:border-strokedark xl:w-1/2 xl:border-l-2"
163                           >
164                           <div class="w-full p-4 sm:p-12.5 xl:p-17.5">
165                              <span class="mb-1.5 block font-medium">Welcome Back</span>
166                              <h2
167                                 class="mb-9 text-2xl font-bold text-black dark:text-white sm:text-title-xl2"
168                                 >
169                                 Sign In to Zinng.ai
170                              </h2>
171                              
172
173
174<div
175    id="in-app-browser-banner"
176    class="hidden mb-4 rounded-lg border border-amber-200 bg-amber-50 p-4 text-sm text-amber-900 dark:border-amber-700 dark:bg-amber-900/20 dark:text-amber-100"
177    role="alert"
178>
179    <p class="mb-2 font-semibold">Heads up: you're using an in-app browser</p>
180    <p class="mb-2">You're viewing this inside another app (like Instagram or Facebook), which opens links in a built-in browser. Google sign-in works fine here, but for the smoothest, most reliable experience we recommend opening this page in y
180our regular browser.</p>
181    <p id="in-app-browser-ios-tip" class="hidden mb-2">On iPhone: tap the three dots (⋯) in the top-right corner, then tap "Open in external browser."</p>
182    <p id="in-app-browser-android-tip" class="hidden mb-2">On Android: tap the three dots (⋮) in the top-right corner, then tap "Open in Chrome" (or "Open in external browser").</p>
183    <p>Or just sign in with your email below, that works fine here.</p>
184</div>
185
186<form id="google-signin-form" action="/accounts/google/login/" method="post">
187    <input type="hidden" name="csrfmiddlewaretoken" value="Ve4CUuHslyg9Ei7sxVhofe4VetFlSPwdvaysIQkQqP7wafaH2TcTdfY35AjLDSvM">
188    <button
189        id="google-signin-button"
190        type="submit"
191        class="flex w-full items-center justify-center gap-3.5 rounded-lg border border-stroke bg-gray p-4 font-medium hover:bg-opacity-80 dark:border-strokedark dark:bg-meta-4 dark:hover:bg-opacity-80"
192    >
193        <span>
194          <svg version="1.1" width="20"
195          height="20"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: block;">
196              <path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path>
197              <path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path>
198              <path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path>
199              <path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path>
200              <path fill="none" d="M0 0h48v48H0z"></path>
201            </svg>
202
203        </span>
204        Continue with Google
205    </button>
206</form>
207
208<script>
209(function () {
210    var ua = navigator.userAgent || "";
211    var inAppBrowser = /FBAN|FBAV|FB_IAB|FBIOS|Instagram|BytedanceWebview|musical_ly|TikTok/i.test(ua);
212    if (!inAppBrowser) {
213        return;
214    }
215
216    var banner = document.getElementById("in-app-browser-banner");
217    var iosTip = document.getElementById("in-app-browser-ios-tip");
218    var androidTip = document.getElementById("in-app-browser-android-tip");
219    var isIOS = /iPhone|iPad|iPod/i.test(ua);
220
221    if (banner) {
222        banner.classList.remove("hidden");
223    }
224    if (isIOS && iosTip) {
225        iosTip.classList.remove("hidden");
226    } else if (androidTip) {
227        androidTip.classList.remove("hidden");
228    }
229})();
230</script>
230
231
232                              <div class="flex justify-center py-3">
233                                <h3 class="font-bold text-xl text-black dark:text-white">
234                                 OR
235                                </h3>
236                              </div>
237
238                              <form action="/accounts/login/" method="POST">
239
240                                <input type="hidden" name="csrfmiddlewaretoken" value="Ve4CUuHslyg9Ei7sxVhofe4VetFlSPwdvaysIQkQqP7wafaH2TcTdfY35AjLDSvM">
241                                <div class="mb-4">
242    <label class="mb-2.5 block font-medium text-black dark:text-white" for="id_login">Email</label>
243    <div class="relative">
244      <input
245        id="id_login"
246        type="text"
247        name="login"
248        value=""
249        placeholder=""
250        class="w-full rounded-lg border border-stroke bg-transparent py-4 pl-6 pr-10 outline-none focus:border-primary focus-visible:shadow-none dark:border-form-strokedark dark:bg-form-input dark:focus:border-primary"
251      />
252      
253        <span class="absolute right-4 top-4">
254          <i class="fa-solid fa-envelope"></i>
255        </span>
256      
257    </div>
258    
259    <small class="text-red-500">
260    
261</small>
262
263</div>
264
265
266
267                                <div class="mb-4">
268    <label class="mb-2.5 block font-medium text-black dark:text-white" for="id_password">Password</label>
269    <div class="relative">
270      <input
271        id="id_password"
272        type="password"
273        name="password"
274        value=""
275        placeholder=""
276        class="w-full rounded-lg border border-stroke bg-transparent py-4 pl-6 pr-10 outline-none focus:border-primary focus-visible:shadow-none dark:border-form-strokedark dark:bg-form-input dark:focus:border-primary"
277      />
278      
279        <span class="absolute right-4 top-4" id="togglePassword_id_password">
280          <i id="eye-icon-id_password" class="fa-solid fa-eye cursor-pointer"></i>
281        </span>
282      
283    </div>
284    
285    <small class="text-red-500">
286    
287</small>
288
289</div>
290
291
292<script>
293    document.addEventListener("DOMContentLoaded", function() {
294        let toggleButton = document.getElementById("togglePassword_id_password");
295
296        toggleButton.addEventListener("click", function () {
297            const passwordInput = document.getElementById("id_password");
298            const eyeIcon = document.getElementById("eye-icon-id_password");
299
300            if (passwordInput.type === "password") {
301                passwordInput.type = "text";
302            } else {
303                passwordInput.type = "password";
304            }
305
306            // Toggle the 'fa-eye' and 'fa-eye-slash' classes
307            eyeIcon.classList.toggle('fa-eye');
308            eyeIcon.classList.toggle('fa-eye-slash');
309        });
310    });
311
312</script>
312
313
314
315                                
316                                <div class="mb-6 font-small">
317                                    <a href="/accounts/password/reset/" class="text-primary">
318                                        Forgot your password?
319                                    </a>
320                                </div>
321                                
322                                <div class="mb-6 font-small">
323                                    <i class="fa-solid fa-envelope"></i>
324                                    Or sign in with an
325                                    <a href="/accounts/login/code/" class="text-primary">
326                                        email code
327                                    </a>
328                                </div>
329                                
330                                 <div class="mb-5">
331                                    <button type="submit" class="zinng-auth-primary-button">
332                                        Sign in
333                                    </button>
334                                 </div>
335
336                                </form>
337                                <div class="mt-6 text-center">
338                                   <p class="font-medium">
339                                       Don’t have an account yet?
340                                      <a href="/accounts/signup/" class="text-primary">
341                                          Sign up
342                                      </a>
343                                   </p>
344                                </div>
345                           </div>
346                        </div>
347                     </div>
348                  </div>
349                  <!-- ====== Forms Section End ===== -->
350               </div>
351            </main>
352            <!-- ===== Main Content End ===== -->
353         </div>
354         <!-- ===== Content Area End ===== -->
355         
356      <!-- ===== Page Wrapper End ===== -->
357      </body>
358   
359                            <!-- Team Modal -->
360                            
361<div
362    x-show="showEditModalSignup"
363    @keydown.escape.window="showEditModalSignup = false"
364    id="edit-team-modal"
365    class="fixed inset-0 z-50 flex items-center justify-center bg-gray-900 bg-opacity-50 dark:bg-gray-800 dark:bg-opacity-75"
366    x-transition:enter="transition ease-out duration-300"
367    x-transition:enter-start="opacity-0"
368    x-transition:enter-end="opacity-100"
369    x-transition:leave="transition ease-in duration-200"
370    x-transition:leave-start="opacity-100"
371    x-transition:leave-end="opacity-0"
372    style="display: none;"
373    x-data="{ teamId: null, teamName: '' }"
374>
375    <div class="bg-white dark:bg-graydark dark:text-gray-100 rounded-lg p-6 max-w-md w-full">
376        <div class="flex justify-between items-center border-b pb-3 dark:border-gray-700">
377            <h3 class="text-lg font-medium text-black dark:text-white">Enter Organization's Name</h3>
378        </div>
379
380        <div class="p-4">
381            <!-- Modal Content (Edit Team Name Form) -->
382            <form method="POST" x-bind:action="'/teams/team/0/edit/'.replace('0', teamId)">
383                <input type="hidden" name="csrfmiddlewaretoken" value="Ve4CUuHslyg9Ei7sxVhofe4VetFlSPwdvaysIQkQqP7wafaH2TcTdfY35AjLDSvM">
384                <div class="mb-4">
385                    <label for="team_name" class="block text-sm font-medium text-gray-700 dark:text-white">Name</label>
386                    <input
387                        type="text"
388                        id="team_name"
389                        name="name"
390                        x-model="teamName"
391                        class="mt-1 block w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md
392                        shadow-sm focus:outline-none focus:ring-primary-500 focus:border-primary-500 sm:text-sm dark:border-form-strokedark dark:bg-form-input dark:focus:border-primary"
393                        required
394                    />
395                    <p class="mt-2 text-sm text-gray-500 dark:text-gray-400">
396                        Enter the name of your organization. You can update this later under My Account > Organization.
397                    </p>
398                </div>
399
400                <div class="flex justify-end">
401                    <button
402                        type="submit"
403                        class="bg-blue-500 hover:bg-blue-600 text-white py-2 px-4 roun
403ded-md"
404                    >
405                        Save Changes
406                    </button>
407                </div>
408            </form>
409        </div>
410    </div>
411</div>
412
413                            <!-- Onboarding Modal -->
414                            
415<div
416    x-show="showOnboardingModal"
417    @keydown.escape.window="showOnboardingModal = false"
418    id="onboarding-modal"
419    class="fixed inset-0 z-999999 flex items-center justify-center bg-gray-900 bg-opacity-50 dark:bg-gray-800 dark:bg-opacity-75 p-4 h-screen"
420    x-transition:enter="transition ease-out duration-300"
421    x-transition:enter-start="opacity-0"
422    x-transition:enter-end="opacity-100"
423    x-transition:leave="transition ease-in duration-200"
424    x-transition:leave-start="opacity-100"
425    x-transition:leave-end="opacity-0"
426    style="display: none;"
427>
428    <div class="bg-white dark:bg-graydark dark:text-gray-100 rounded-lg p-6 max-w-md w-full">
429        <div class="flex justify-between items-center border-b pb-3 dark:border-gray-700">
430            <h3 class="text-lg font-medium text-black dark:text-white">
431                <div class="bg-boxdark p-2 inline-flex items-center bg-white dark:bg-boxdark">
432                    <img src="/static/images/zinnglogo1.svg" alt="Zinng.ai logo" class="h-7 w-7 mr-2">
433                    <div class="text-xl font-semibold text-black hidden md:block mr-2">Zinng.ai</div>
434                </div>
435            </h3>
436        </div>
437        
438        
439        <div class="p-4">
440            <p class="text-sm text-gray-600 mt-2 mb-4">
441                Your feedback helps us improve Zinng.ai. Please take a moment to tell us a bit about yourself!
442            </p>
443            <form method="POST" action="/user/onboarding/submit/" 
444                  x-data="{ 
445                      submitted: false,
446                      howDidYouHear: '',
447                      plannedUsage: '',
448                      isValid() {
449                          return this.howDidYouHear.trim() !== '' && this.plannedUsage.trim() !== '';
450                      }
451                  }" 
452                  @submit="submitted = true">
453                <input type="hidden" name="csrfmiddlewaretoken" value="Ve4CUuHslyg9Ei7sxVhofe4VetFlSPwdvaysIQkQqP7wafaH2TcTdfY35AjLDSvM">
454                <div class="space-y-4">
455                    <div>
456                        <label for="id_how_did_you_hear" class="block text-sm font-medium text-gray-700 dark:text-white">
457                            How did you hear about Zinng.ai? <span class="text-red-500">*</span>
458                        </label>
459                        <textarea 
460                            name="how_did_you_hear" 
461                            id="id_how_did_you_hear" 
462                            x-model="howDidYouHear"
463                            class="mt-1 block w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:outline-none focus:ring-primary-500 focus:border-primary-500 sm:text-sm dark:border-form-strokedark dark:bg-form-input dark:focus:border-primary"
464                            rows="3"
465                            placeholder="Please tell us how you heard about Zinng.ai"
466                            required
467                        ></textarea>
468                        
469                        <p x-show="submitted && !howDidYouHear.trim()" class="mt-1 text-sm text-red-600">This field is required.</p>
470                    </div>
471
472                    <div>
473                        <label for="id_planned_usage" class="block text-sm font-medium text-gray-700 dark:text-white">
474                            What do you plan to use Zinng.ai for? <span class="text-red-500">*</span>
475                        </label>
476                        <textarea 
477                            name="planned_usage" 
478                            id="id_planned_usage" 
479                            x-model="plannedUsage"
480                            class="mt-1 block w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:outline-none focus:ring-primary-500 focus:border-primary-500 sm:text-sm dark:border-form-strokedark dark:bg-form-input dark:focus:border-primary"
481                            rows="3"
482                            placeholder="What do you plan to use Zinng.ai for?"
483                            required
484                        ></textarea>
485                        
486                        <p x-show="submitted && !plannedUsage.trim()" class="mt-1 text-sm text-red-600">This field is required.</p>
487                    </div>
488
489                    <div class="flex items-center">
490                        
491                        <label for="id_interested_in_onboarding_call" class="ml-2 block text-sm text-gray-700 dark:text-white">
492                            I'm interested in scheduling a personalized onboarding call
493                        </label>
494                    </div>
495                </div>
496
497                <div class="mt-6 flex justify-end">
498                    <button
499                        type="submit"
500                        class="bg-blue-500 hover:bg-blue-600 text-white py-2 px-4 roun
500ded-md disabled:opacity-50 disabled:cursor-not-allowed"
501                        :disabled="!isValid()"
502                    >
503                        Complete Onboarding
504                    </button>
505                </div>
506            </form>
507        </div>
508    </div>
509</div> 
510                        </div>
511                    </main>
512                    <!-- Toast Notification -->
513                    <div x-data="{ showToast: false, message: '', messageType: '' }"
514     x-init="
515        
516     "
517     @click="showToast = false"
518     class="absolute">
519    <template x-if="showToast">
520        <div x-show="showToast"
521             x-transition:enter="transition ease-out duration-300"
522             x-transition:enter-start="opacity-0 translate-y-2"
523             x-transition:enter-end="opacity-100 translate-y-0"
524             x-transition:leave="transition ease-in duration-300"
525             x-transition:leave-start="opacity-100 translate-y-0"
526             x-transition:leave-end="opacity-0 translate-y-2"
527             :class="{
528                'fixed z-9999 right-5 max-w-sm w-auto py-2 px-4 rounded shadow-lg bg-green-500 text-white cursor-pointer': showToast,
529                'bg-yellow-500 text-white': messageType === 'warning',
530                'bg-red-500 text-white': messageType === 'error'
531             }"
532             x-bind:style="'top: 7rem;'">
533            <p x-text="message"></p>
534        </div>
535    </template>
536</div>
537
538                    
539                    
540
541
542
543
544<!-- Footer -->
545<footer class="w-full bg-transparent text-black" id="footer">
546     <!-- Floating Badge -->
547     
548
549
550
551
552
553    <div class=" container mx-auto px-6 py-4 dark:text-white">
554        <div class="flex container mx-auto justify-between items-center">
555            <div>
556                <p>&copy; 2026 Zinng.ai. All rights reserved.</p>
557            </div>
558            <div class="space-x-4">
559                <a href="https://zinng.ai/privacy-policy/" class="hover:text-gray-300" target="_blank">
560                    Privacy Policy
561                </a>
562                <a href="https://zinng.ai/privacy-policy/" class="hover:text-gray-300 target="_blank"">
563                    Terms of Service
564                </a>
565            </div>
566        </div>
567    </div>
568</footer>
569
570                    
571
572<div
573    x-show="showHelpModal"
574    x-cloak
575    @keydown.escape.window="showHelpModal = false"
576    id="help-modal"
577    class="fixed inset-0 z-[10000] flex items-center justify-center min-h-screen bg-gray-900 bg-opacity-50 dark:bg-gray-800 dark:bg-opacity-75"
578    x-transition:enter="transition ease-out duration-300"
579    x-transition:enter-start="opacity-0"
580    x-transition:enter-end="opacity-100"
581    x-transition:leave="transition ease-in duration-200"
582    x-transition:leave-start="opacity-100"
583    x-transition:leave-end="opacity-0"
584>
585    <div class="bg-white dark:bg-graydark dark:text-gray-100 rounded-lg p-6 max-w-md w-full">
586        <div class="flex justify-between items-center border-b pb-3">
587            <h3 class="text-lg font-medium text-gray-900 dark:text-white">
588                Need Help?
589            </h3>
590            <button
591                @click="showHelpModal = false"
592                class="text-gray-700 dark:text-white hover:text-gray-900"
593            >
594                <i class="fa-regular fa-circle-xmark"></i>
595            </button>
596        </div>
597
598        <div class="p-4">
599            <p class="font-medium text-gray-700 dark:text-white">
600                If you need help, please use our chat widget at the bottom right hand corner of the page or send an email to
601                <a href="/cdn-cgi/l/email-protection#74070104041b0600340e1d1a1a135a151d" class="text-blue-500 font-semibold">
602                    <span class="__cf_email__" data-cfemail="b3c0c6c3c3dcc1c7f3c9daddddd49dd2da">[email&#160;protected]</span>
603                </a>.
604            </p>
605        </div>
606
607        <div class="flex justify-end">
608            <button
609                @click="showHelpModal = false"
610                class="bg-gray-300 hover:bg-gray-400 text-gray-800 py-2 px-4 rounded-md"
611            >
612                Close
613            </button>
614        </div>
615    </div>
616</div>
617
618                        
619
620                    <!-- ===== Main Content End ===== -->
621                </div>
vendor: 178 bytes, lines 621-627
621
622
623                
624                
625
626                
627                <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
627<script>window.$zinng = window.$zinng || [];</script>
vendor: 1 bytes, line 627
627
628<script id="chat-widget-loader" src="https://zinng.ai/static/js/chatwidget.js" data-id="254e1b6a-f444-4ec4-8ca8-82b04369a2a5" data-base-url="https://zinng.ai" async></script>
628
629                
630            </div>
631            <!-- ===== Content Area End ===== -->
632        </div>
633
634        <div>
635            
635<script data-search-pseudo-elements defer src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/all.min.js" crossorigin="anonymous"></script>
635
636
637        </div>
638        <!-- ===== Page Wrapper End ===== -->
639    </body>
640</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.