PageSourceSearch

https://univariety.com/home/contact-us.php

html univariety.com collected 2026-10-02 06:00:51 UTC 77,605 bytes, 1,317 lines download raw bytes

1 <!DOCTYPE html>
2  <head>
3    <html lang="en">
4  <meta name="viewport" content="width=device-width, initial-scale=1">    
5    <link rel="icon" alt="Univariety_favicon" type="image/png" sizes="32x32" href="https://s3.ap-south-1.amazonaws.com/media.univariety.dev/mainadmin/images/favicon.ico">
6    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
7       
7<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" ></script>
7
8    <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
9    <link href="css/owl.carousel.min.css" rel="stylesheet">
10    <link href="css/owl.theme.default.min.css" rel="stylesheet">
11    <link href="css/univariety.css" rel="stylesheet">
12     <!-- Fresh Chat -->
13 
14                    
14<script
15                    src='//in.fw-cdn.com/31211464/565975.js'
16                    chat='true'>
17                    </script>
17
18                    <!-- Fresh Chat -->
19
20
21    <title>Univariety : Career Counselling | College Admissions | Student Mentors</title>
22    <meta name="description" content="Revolutionizing career guidance in schools that is backed by scientific knowledge and research tools for students.">
23  <meta name="keyword" content="">
24  <meta name="author" content="">
25  <meta name="viewport" content="width=device-width, initial-scale=1.0">
26     <style>
27        /* Styles for the popup */
28        #exitIntentPopup {
29            display: none;
30            position: fixed;
31            top: 50%;
32            left: 50%;
33            transform: translate(-50%, -50%);
34            background-color: #fff;
35            padding: 20px;
36            border: 1px solid #ccc;
37            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
38        }
39    </style>
40
41  
42
43 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 43-44
43
44<script async src="https://www.googletagmanager.com/gtag/js?id=
44G-98FDWM9P90
vendor: 12 bytes, line 44
44"></script>
45<script>
46  
vendor: 134 bytes, lines 46-50
46window.dataLayer = window.dataLayer || [];
47  function gtag(){dataLayer.push(arguments);}
48  gtag('js', new Date());
49
50  gtag('config', '
50G-98FDWM9P90
vendor: 4 bytes, line 50
50');
51</script>
51
52  </head>
53    <!--Start of Tawk.to Script-->
54
55<script type="text/javascript">
56
57var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
58
59(function(){
60
61var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
62
63s1.async=true;
64
65s1.src='https://embed.tawk.to/6811bfc4af5560190d0d181b/1iq2la67m';
66
67s1.charset='UTF-8';
68
69s1.setAttribute('crossorigin','*');
70
71s0.parentNode.insertBefore(s1,s0);
72
73})();
74
75</script>
75
76
77<!--End of Tawk.to Script-->
78  <body>
79       <header >
80        <div class="container-fluid headerTop">
81            <div class="w-1200 mx-auto" >
82                <nav class="navbar navbar-expand-lg pe-0">
83                    <div class="w-100">
84                        <div class='row g-3'>
85                            <div class='col' data-aos="fade-right" data-aos-delay="200">
86                                <a class="navbar-brand" href="index.php" ><img src='images/univariety-white-logo.svg' alt='univariety' /></a>
87                            </div>
88                            <div class='col-auto d-flex justify-content-end'>
89                            <button class="navbar-toggler nav-toggle" type="button" data-bs-toggle="offcanvas" href="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
90                                <span class="navbar-toggler-icon"><b></b></span>
91                            </button>
92                        <div class="offcanvas offcanvas-start" id="navbarNavDropdown">
93                          <div class="mobile-new-header d-block d-lg-none">
94                              <div class="row g-3">
95                                  <div class="col">
96                                      <a class="navbar-brand" href="index.php"><img src='images/univariety-white-logo.svg' alt='univariety' /></a>
97                                  </div>
98                                  <div class="col-auto">
99                                      <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
100                                  </div>
101                              </div>
102                              
103  
104                          </div>
105                          <ul class="navbar-nav" data-aos="fade-left" data-aos-delay="200">
106                        
107                           <li class="nav-item dropdown custom-dropdown">
108                                <a class="nav-link dropdown-toggle" aria-current="page" role="button"
109                                    data-bs-toggle="collapse" href="#collapseProducts"
110                                    aria-expanded="false">
111                                    Products
112                                </a>
113                                <div class="collapse dropdown-list custom-dropdown-wrap"
114                                    id='collapseProducts'>
115                                    <div class="custom-dropdown-list-wrap">
116                                        <div class="row g-0">
117                                            <div class="col-md-5">
118                                                <div class="left-pane">
119                                                    <div class='mobileToggle' data-bs-toggle="collapse" data-bs-target="#innerListCollapseConfiguration" aria-expanded="false">
120                                                        <h3>Configurations</h3>
121                                                        <i class="icon-right-arrow" role="button" ></i>
122                                                    </div>
123                                                    <ul class="custom-dropdown-list collapse" id="innerListCollapseConfiguration">
124                                                        <li>
125                                                            <a href="full-impact-program.php">
126                                                                <i class="icon"><img src="images/full-alumni-impact-program.svg" alt=""></i>
127                                                                <span class="d-flex flex-column flex-1">
128                                                                    <b>Full Alumni Impact Program</b>
129                                                                    <span>Comprehensive alumni lifecycle management for institute growth & success</span>
130                                                                </span>
131                                                            </a>
132                                                        </li>
133                                                        <li>
134                                                            <a href="data-deep-dive.php">
135                                                                <i class="icon"><img src="images/data-deep-dive.svg" alt=""></i>
136                                                                <sp
136an class="d-flex flex-column flex-1">
137                                                                    <b>Data Deep Dive</b>
138                                                                    <span>Transform existing alumni data, find missing alumni & get AI powered insights</span>
139                                                                </span>
140                                                            </a>
141                                                        </li>
142                                                        <li>
143                                                            <a href="engagement-2.0.php">
144                                                                <i class="icon"><img src="images/menu-admission-marketing-support.svg" alt=""></i>
145                                                                <span class="d-flex flex-column flex-1">
146                                                                    <b>Engagement 2.0</b>
147                                                                    <span>Consistent & purposeful campaign designs around relevant engagement hooks</span>
148                                                                </span>
149                                                            </a>
150                                                        </li>
151                                                        <li>
152                                                            <a href="marketing-booster.php">
153                                                                <i class="icon"><img src="images/marketing-booster.svg" alt=""></i>
154                                                                <span class="d-flex flex-column flex-1">
155                                                                    <b>Marketing Booster</b>
156                                                                    <span>Empower your existing marketing & admissions through alumni success stories</span>
157                                                                </span>
158                                                            </a>
159                                                        </li>
160                                                        
161                                                        
162                                                    </ul>
163                                                </div>
164                                            </div>
165                                            <div class="col-md-7">
166                                                <div class="right-pane">
167                                                    <div class='mobileToggle' data-bs-toggle="collapse" data-bs-target="#innerListCollapseSolutions" aria-expanded="false">
168                                                    <h3>Solutions</h3> 
169                                                    <i class="icon-right-arrow" role="button" ></i>
170                                                    </div>
171                                                    
172                                                    <div class="collapse" id="innerListCollapseSolutions">
173                                                        <div class="row g-0 g-md-2">
174                                                            <div class="col-md-6">
175                                                                <ul class="custom-dropdown-list">
176                                                                    <li>
177                                                                        <a href="data-management.php">
178                                                                            <i class="icon"><img src="images/data-management.svg" alt=""></i>
179                                                                            <span
180                                                                                class="d-flex flex-column flex-1">
181                                                                                <b>Database Management</b>
182                                                                                <sp
182an>Deep data collection & smart segmentation of alumni</span>
183                                                                            </span>
184                                                                        </a>
185                                                                    </li>
186                                                                    <li>
187                                                                        <a href="alumni-engagement.php">
188                                                                            <i class="icon"><img src="images/menu-alumni-engagement.svg" alt=""></i>
189                                                                            <span
190                                                                                class="d-flex flex-column flex-1">
191                                                                                <b>Alumni Engagement</b>
192                                                                                <span>Purposeful engagement via digital & physical outreach</span>
193                                                                            </span>
194                                                                        </a>
195                                                                    </li>
196                                                                    <li>
197                                                                        <a href="alumni-guidance.php">
198                                                                            <i class="icon"><img src="images/menu-video-conference.svg" alt=""></i>
199                                                                            <span
200                                                                                class="d-flex flex-column flex-1">
201                                                                                <b> Alumni Guidance </b>
202                                                                                <span>Leveraging alumni expertise for mentorship & guidance</span>
203                                                                            </span>
204                                                                        </a>
205                                                                    </li>
206                                                                    <li>
207                                                                        <a href="marketing.php">
208                                                                            <i class="icon"><img src="images/alumni-led-marketing.svg" alt=""></i>
209                                                                            <span
210                                                                                class="d-flex flex-column flex-1">
211                                                                                <b>Marketing Solutions</b>
212                                                                                <span>Extraction & distribution of alumni success stories </span>
213                                                                            </span>
214                                                                        </a>
215                                                                    </li>
216                                                                    
217                                                                    
218                                                                    
219                                                                </ul>
220                                                            </div>
221                                                            <div class="col-md-6">
222                                                                <ul class="custom-dropdown-list">
223                                                                    <li>
224                                                                        <a href="fundraising.php">
225                                                                            <i class="icon"><img src="images/menu-scholarships.svg" alt=""></i>
226                                                                            <sp
226an
227                                                                                class="d-flex flex-column flex-1">
228                                                                                <b>Alumni Led Fundraising</b>
229                                                                                <span>Insights, strategies & toolkit to manage fundraising</span>
230                                                                            </span>
231                                                                        </a>
232                                                                    </li>
233                                                                    <li>
234                                                                        <a href="alumni-as-recruiter.php">
235                                                                            <i class="icon"><img src="images/menu-alumni-networking-management.svg" alt=""></i>
236                                                                            <span
237                                                                                class="d-flex flex-column flex-1">
238                                                                                <b>Alumni as Recruiter</b>
239                                                                                <span>Identify & engage alumni recruiters to boost placement</span>
240                                                                            </span>
241                                                                        </a>
242                                                                    </li>
243                                                                    
244                                                                    <li>
245                                                                        <a href="admission-support.php">
246                                                                            <i class="icon"><img src="images/menu-consultation.svg" alt=""></i>
247                                                                            <span
248                                                                                class="d-flex flex-column flex-1">
249                                                                                <b> Admission Support</b>
250                                                                                <span>Empower admission team via referrals & alumni stories</span>
251                                                                            </span>
252                                                                        </a>
253                                                                    </li>
254                                                                    <li>
255                                                                        <a href="counselling-solutions.php">
256                                                                            <i class="icon"><img src="images/menu-personalised-counselling.svg" alt=""></i>
257                                                                            <span
258                                                                                class="d-flex flex-column flex-1">
259                                                                                <b>Counselling Solutions</b>
260                                                                                <span>Psychometric tests, guidance sessions & certification</span>
261                                                                            </span>
262                                                                        </a>
263                                                                    </li>
264                                                                </ul>
265                                                            </div>
266                                                        </div>
267                                                    </div>
268                                                    
269                                                </div>
270                                            </div>
271                                        </div>
272                                        <div class="d-flex justify-content-end bottom-link">
273                                            <a href="javascript:;" class="arrow-link btn-move" data-move="#connect" data-bs-dismiss="offcanvas" aria-label="Close">Contact Sales
274                                                <i></i></a>
275                                        </div>
276                                    </div>
277                                </div>
278                            </li>              
279                         
280                           
281                            <li class="nav-item dropdown">
282                                <a class="nav-link dropdown-toggle" role="button" data-bs-toggle="collapse" href="#collapseCompany" aria-expanded="false">Company</a>
283                                <div class="collapse dropdown-list" id='collapseCompany'>
284                                <ul>
285                                    <li><a class="dropdown-item" href="about-us.php">About Us</a></li>
286                                    <li><a class="dropdown-item" href="https://www.linkedin.com/school/univariety/jobs/" target="_blank">Careers</a></li>
287                                    <li><a class="dropdown-item video-btn triger-link" href="javascript:;" data-src="https://www.youtube.com/embed/6I63X8JnNek" >Life at Univariety</a></li>
288                                </ul>
289                                </div>
290                            </li>
291                           <li class="nav-item dropdown">
292                                <a class="nav-link dropdown-toggle" role="button" data-bs-toggle="collapse" href="#collapseCustomerJourneys" aria-expanded="false">Success Stories</a>
293                                <div class="collapse dropdown-list" id='collapseCustomerJourneys'>
294                                <ul>
295                                <li><a class="dropdown-item" target="" href="/home/case-studies.php">Case Studies</a></li>
296                                    <li><a class="dropdown-item" href="our-client.php">Our Clients</a></li>
297                                </ul>
298                         
299                                </div>
300                            </li>
301                            <li class="nav-item dropdown">
302                                <a class="nav-link dropdown-toggle" role="button" data-bs-toggle="collapse" href="#collapseResources" aria-expanded="false">Resources</a>              
303                                <div class="collapse dropdown-list" id='collapseResources'>
304                                   <ul>
305                                        
306                                        <li><a class="dropdown-item" target="_blank" href="https://www.univariety.com/blog/">Blog</a></li>
307                                        <!-- <li><a class="dropdown-item" href="javascript:;">eBooks</a></li> -->
308                                        <li><a class="dropdown-item" target="_blank" href="https://www.univariety.com/resources/featured-insights/">Featured Insights</a></li>
309                                        <li><a class="dropdown-item" href="https://www.univariety.com/home/faq.php"> FAQs</a></li>
310                                        <!-- <li><a class="dropdown-item" target="_blank" href="https://resources.univariety.com/alumni-impact-calculator"> Alumni Impact Calculator</a></li> -->
311
312                                    </ul>
313                                </div>
314                            </li>
315                            <li class="nav-item">
316                                <a class="nav-link btn-connect" href='javascript:;' data-bs-toggle="modal" data-bs-target="#form_popup">Connect With Us</a>              
317                             
318                            </li>
319                        </ul>
320                            </div>
321                        </div>
322                        
323                        
324                        </div>
325                    </div>
326                </nav>
327                
328            </div>
329        </div>      
330      </header>
331    
332    <main>
333        <section class="container-fluid headerBanner client_banner" id="headerBanner">
334            <div class="w-1080 mx-auto pt-3">
335                <div class="row g-4">
336                  <div class="col-md-12">
337                    <div class="row g-5 align-items-center">
338                        <div class="col-md-6" data-aos="fade-left" data-aos-delay="200">
339                            <h1 class="mb-3">We would love to hear from you!</h1>
340                            <p class="text-start mb-4">Univariety is all about you!<br class="d-none d-sm-block" />
341                                Go ahead and send in your queries about our guidance programs, products, events, partnerships and more.</p>
342                            <address>
343                                <ul>
344                                    <li class="mobile"><a href="tel:90307 08800"> +91 900 094 3570 </a></li>
345                                    <li class="mail"><a href="mailto:[email protected]"> [email protected] </a></li>
346                                    <li class="location">
347                                        Suite 301B, Sri Durga Towers, Road No. 10,<br class="d-none d-sm-block" />Banjara Hills, Hyderabad 500034,<br class="d-none d-sm-block" />Telangana, India
348                                    </li>
349                                </ul>
350                            </address>                    
351                        </div>
352                        <div class="col-md-6 text-center">
353                            <img data-aos="fade-right" data-aos-delay="200" src="images/contact_header_img.png" width="383" class="img-fluid" alt="">
354                        </div>
355                    </div>
356                  </div>
357               
358                </div>
359            </div>
360        </section>
361
362        <section class="container-fluid contactMails" id="contactMails">
363            <div class="w-1200 mx-auto">
364                <h2 class="text-white mb-5">
364For any new enquiry please drop here</h2>
365                <div class="row pt-3">
366                    
367                    <div class="col-md-6 col-sm-6 mb-5">
368                        <div class="callout bg-white radius-4 position-relative p-4 text-center mb-4">
369                            <div class="icon d-flex justify-content-center align-items-center position-absolute">
370                                <img src="images/family-contact.svg">
371                            </div>
372                            <p class="font-14 font-500 mt-4 m-0 text-center">Students / Parents</p>
373                            <a class="font-18 font-600" href="mailto:[email protected]">[email protected]</a>
374                        </div>
375                    </div>
376                    <div class="col-md-6 col-sm-6 mb-5">
377                        <div class="callout bg-white radius-4 position-relative p-4 text-center mb-4">
378                            <div class="icon d-flex justify-content-center align-items-center position-absolute">
379                                <img src="images/glyph.svg">
380                            </div>
381                            <p class="font-14 font-500 mt-4 m-0 text-center">School</p>
382                            <a class="font-18 font-600" href="mailto:[email protected]">[email protected]</a>
383                        </div>
384                    </div>
385                    <div class="col-md-6 col-sm-6 mb-5 mb-lg-3 mb-md-3">
386                        <div class="callout bg-white radius-4 position-relative p-4 text-center mb-4">
387                            <div class="icon d-flex justify-content-center align-items-center position-absolute">
388                                <img src="images/family-contact.svg">
389                            </div>
390                            <p class="font-14 font-500 mt-4 m-0 text-center">University</p>
391                            <a class="font-18 font-600" href="mailto:[email protected]">[email protected]</a>
392                        </div>
393                    </div>
394                    <div class="col-md-6 col-sm-6 mb-3 mb-lg-3 mb-md-3">
395                        <div class="callout bg-white radius-4 position-relative p-4 text-center mb-4">
396                            <div class="icon d-flex justify-content-center align-items-center position-absolute">
397                                <img src="images/glyph.svg">
398                            </div>
399                            <p class="font-14 font-500 mt-4 m-0 text-center">Counsellor</p>
400                            <a class="font-18 font-600" href="mailto:[email protected]">[email protected]</a>
401                        </div>
402                    </div>
403
404
405                    <div class="col-md-6 col-sm-6 mb-3">
406                        <h4 class="font-24 text-white text-center mb-5">For any support related query<br>please mail us here</h4>
407                        <div class="callout bg-white radius-4 position-relative p-4 text-center mb-4">
408                            <div class="icon d-flex justify-content-center align-items-center position-absolute">
409                                <img src="images/family-contact.svg">
410                            </div>
411                            <p class="font-14 font-500 mt-4 m-0 text-center">Support</p>
412                            <a class="font-18 font-600" href="mailto:[email protected]">[email protected]</a>
413                        </div>
414                    </div>
415                    <div class="col-md-6 col-sm-6 mb-3">
416                        <h4 class="font-24 text-white text-center mb-5">For marketing &amp; events partnership opportunity please write us at</h4>
417                        <div class="callout bg-white radius-4 position-relative p-4 text-center mb-4">
418                            <div class="icon d-flex justify-content-center align-items-center position-absolute">
419                                <img src="images/glyph.svg">
420                            </div>
421                            <p class="font-14 font-500 mt-4 m-0 text-center">Partnership</p>
422                            <a class="font-18 font-600" href="mailto:[email protected]">[email protected]</a>
423                        </div>
424                    </div>
425                </div>
426                
427            </div>
428        </section>
429
430        <section class="container-fluid contactForm" id="contactForm">
431            <div class="w-1200 mx-auto">
432               
433                <div class="row g-4 g-sm-5">
434                    
435                    <div class="col-lg-3 col-md-4">
436                        <h3 class="font-25 font-600">Here’s our communication timeline!</h3>
437                        <div class="greenListBlock">
438                            <ul>
439                                <li><i></i><span>
439You can write in your queries to us</span></li>
440                                <li><i></i><span>If necessary, a personalized agent will assist you when required</span></li>
441                                <li><i></i><span>All your queries will be answered and closed within 1 or 2 working days</span></li>
442                                <li><i></i><span>If you’re a new customer, you can sign in and register to avail services</span></li>
443                                <li><i></i><span>Your valuable feedback on social media would be much appreciated</span></li>
444                            </ul>
445                        </div>
446                    </div>
447                   
448                    
449                    <div class="col-lg-9 col-md-8">
450                        <!-- inner tab section start -->
451                        <div class="FormTab_scroll">
452                            <ul class="nav nav-tabs" id="FormTab" role="tablist">
453                                <li class="nav-item" role="presentation">
454                                    <button class="nav-link active" id="Student-tab" data-bs-toggle="tab" data-bs-target="#Others" type="button" role="tab" aria-controls="Student" aria-selected="true">Student</button>
455                                </li>
456                                <li class="nav-item" role="presentation">
457                                    <button class="nav-link" id="Parent-tab" data-bs-toggle="tab" data-bs-target="#Others" type="button" role="tab" aria-controls="Parent" aria-selected="false">Parent</button>
458                                </li>
459                                <li class="nav-item" role="presentation">
460                                    <button class="nav-link" id="School-tab" data-bs-toggle="tab" data-bs-target="#Others" type="button" role="tab" aria-controls="School" aria-selected="false">School</button>
461                                </li>
462                                <li class="nav-item" role="presentation">
463                                    <button class="nav-link" id="University-tab" data-bs-toggle="tab" data-bs-target="#Others" type="button" role="tab" aria-controls="University" aria-selected="false">University</button>
464                                </li>
465                                <li class="nav-item" role="presentation">
466                                    <button class="nav-link" id="Counsellor-tab" data-bs-toggle="tab" data-bs-target="#Others" type="button" role="tab" aria-controls="Counsellor" aria-selected="false">Counsellor</button>
467                                </li>
468                                <li class="nav-item" role="presentation">
469                                    
470                                    <button class="nav-link" id="Others-tab" data-bs-toggle="tab" data-bs-target="#Others" type="button" role="tab" aria-controls="Others" aria-selected="false">Others</button>
471                                </li>
472                            </ul>
473                        </div>
474                        <!-- inner tab buttons end -->
475        
476                        <div class="tab-content" id="FormTabContent">
477                         
478                          
479                            <!-- University Content end -->
480        
481                            <!-- Counsellor Content end -->
482        
483                            <div class="tab-pane fade show active" id="Others" role="tabpanel" aria-labelledby="Others-tab">
484                                    <form class="needs-validation" id="others_form" name="others_form" action="" method="post">
485                                        <p class="text-end font-13 font-500 mb-4">* Marked fields are mandatory</p>
486            
487                                        <div class="row g-0 mb-3">
488                                            <div class="col-md-4"><label for="YourNameOth" class="form-label">Your Name*</label></div>
489                                            <div class="col-md-8"><input type="text" class="form-control flex-1" name="YourNameOth" id="YourNameOth"  value="">
490                                            <div id="YourNameOthsp" class="error-feedback"></div></div>
491                                        </div>
492                                        <div class="row g-0 mb-3">
493                                            <div class="col-md-4"><label for="EmailAddressOth" class="form-label">Email Address*</label></div>
494                                            <div class="col-md-8"><input type="email" class="form-control flex-1" name="EmailAddressOth" id="EmailAddressOth"   value="">
495                                            <div id="EmailAddressOthsp" class="error-feedback"></div></div>
496                                        </div>
497                                        <div class="row g-0 mb-3">
498                                            <div class="col-md-4"><label for="ContactNumberOth" class="form-label">Contact Number*</label></div>
499                                            <div class="col-md-8"><input type="text" class="form-control flex-1" name="ContactNumberOth" id="ContactNumberOth"  value="">
500                                            <div id="ContactNumberOthsp" class="error-feedback"></div></div>
501                                        </div>
502                                        <div class="row g-0 mb-3">
503                                            <div class="col-md-4"><label for="HelpfulInformationOth" class="form-label">Helpful Information</label></div>
504                                            <div class="col-md-8">
505                                                <textarea class="form-control flex-1" id="HelpfulInformationOth" name="HelpfulInformationOth" rows="3"></textarea>
506                                                <button type="submit" class="btn btn-submit grdGreenBlue mt-4" id="submit_oth" name="submit_oth" onclick="return onForm_Submit('6')"><span>Submit</span></button>
507                                            </div>
508                                        </div>
509
510                                </form>
511                               
512<!-- Your HTML form here -->
513
514
515
516                            </div>
517                            <!-- Others Content end -->
518        
519                        </div>
520                        <!-- inner tab section end -->
521                    </div>
522            
523                </div>
524                
525            </div>
526        </section>
527    </main>
528    <footer>
529      <div class="container-fluid bg_darkblue py-5 text-white">
530        <div class="w-1200 mx-auto">
531     
532            <div class="row footer-row footer-row2">
533                <div class="col-6 col-md-4 col-lg-2 mb-4 mb-md-0">
534                    <ul>
535                        <li><a target="_blank" href="https://www.univariety.com/blog/">Blog</a></li>
536                        <li><a href="our-client.php">Our Partners</a></li>
537                    </ul>
538                </div>
539                <div class="col-6 col-md-4 col-lg-2 mb-4 mb-md-0">
540                    <ul>
541                       <li><a href="privacy-policy.php">Privacy Policy</a></li>
542                        <li><a href="terms-and-conditions.php">Terms &amp; Conditions</a></li>
543                    </ul>
544                </div>
545                <div class="col-6 col-md-4 col-lg-2 mb-4 mb-md-0">
546                    <ul>
547                        <li><a href="about-us.php">About Us</a></li>
548                        <li><a href="contact-us.php">Contact Us</a></li>
549                        <li><a href="faq.php">FAQ's</a></li>
550                    
551                    </ul>
552                </div>
553                <div class="col-6 col-md-4 col-lg-2 mb-4 mb-md-0">
554                    <ul>
555                        
556                        <li><a href="refund-policy.php">Refund Policy</a></li>
557                        <li><a target="_blank" href="https://univariety.com/sitemap.xml">Sitemap</a></li>
558                    </ul>
559                </div>
560             <div class="col-6 col-md-4 col-lg-2 mb-4 mb-md-0">
561                    <img src="https://s3.ap-south-1.amazonaws.com/media.univariety.com/website/images/iso_27001-Information-white.png" width="92" alt="">
562                </div>
563            </div>
564        </div>
565      </div>
566      <div class="container-fluid copyRight py-4">
567        <div class="w-1200 mx-auto">
568            <div class="row g-4 align-items-center text-center text-sm-start">
569                <div class="col-sm">
570                    <p class="m-0">International Educational Gateway Pvt. Ltd. © 2026. All Rights Reserved. Univariety</p>
571                </div>
572                <div class="col-sm-auto">
573                    <div class="social-links">
574
575                        <a href="https://www.facebook.com/univariety/" target="_blank"><img src="images/facebook_icon.svg" alt=""></a>
576                        <a href="https://www.linkedin.com/company/univariety/" target="_blank"><img src="images/linkedin_icon.svg" alt=""></a>
577                        <a href="https://www.instagram.com/theofficialunivariety/" target="_blank"><img src="images/instagram_icon.svg" alt=""></a>
578                        <a href="https://twitter.com/Univariety" target="_blank"><img src="images/twitter_icon.svg" alt=""></a>
579                        <a href="https://www.youtube.com/channel/UCpwpzaFC6Dn3xDLrlEiFoUA?view_as=subscriber" target="_blank"><img class="m-0" src="images/youtube_icon.svg" alt=""></a>
580                    </div>
581                </div>
582            </div>
583        </div>
584      </div>
585    </footer>
586
587    <div class="modal fade" id="video_pop" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
588        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
589            <div class="modal-content">
590              <div class="modal-body p-0">
591                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
592                  <span aria-hidden="true">×</span>
593                </button>
594                <!-- 16:9 aspect ratio -->
595                <div class="ratio ratio-16x9">
596                  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/nPGpe4ORV6E" id="video" allowscriptaccess="always"></iframe>
597                </div>
598              </div>
599            </div>
600          </div>
601    </div>
602
603
604
605    <!-- Notification pop up -->
606
607<div class="modal fade" id="form_popup" tabindex="-1" aria-labelledby="exampleModalLabelvideo" aria-hidden="false">
608    <div class="modal-dialog modal-dialog-centered w-720" role="document">
609        <div class="modal-content radius-20">
610            <div class="modal-header d-flex justify-content-end">
611                <h2>Connect with Us</h2>
612                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
613            </div>
614            <div class="modal-body p-5 text-capitalize">
615                <form class="needs-validation" id="popupForm" novalidate="">
616                    <div class="row g-3">
617                        <div class="col-md-6">
618                            <input type="text" class="form-control flex-1" placeholder="Name *" name="name" id="namehome" required="">
619                            <div class="invalid-feedback">Enter Valid  Name</div>
620                        </div>
621
622                        <div class="col-md-6">
623                             <input type="" name="pdf_url" id="pdf_url" hidden="true">
624                    <input type="" name="btn_name" id="btn_name" hidden="true">
625                            <input type="email" class="form-control flex-1" placeholder="Email ID *" name="email" id="emailhome" required="">
626                            <div class="invalid-feedback">Enter Valid Email Address</div>
627                        </div>
628                           <div class="col-md-6">
629                            <input type="text" class="form-control flex-1" placeholder="Contact Number *" name="contactnumber" pattern="[0-9]{10}" id="contacthome" required="">
630                            <div class="invalid-feedback">Enter Valid Contact Number</div>
631                        </div>
632                        <div class="col-md-6">
633                            <input type="text" class="form-control flex-1" placeholder="Institution Name *" name="inst_name" id="inst_name" required="">
634                            <div class="invalid-feedback">Enter Valid Institution Name</div>
635                        </div>
636                        <div class="col-md-6">
637                         <select class="form-select" aria-label="Default select example" id="inst_type" required="" name="inst_type">
638                                            <option value="">Type of Institute *</option>
639                                            <option value="School">School</option>
640                                            <option value="University">University</option>
641                                            <option value="Coaching-Institute">Coaching Institute</option>
642                                            <option value="Others">Others</option>
643                         </select>
644                     </div>
645
646                        <div class="col-md-6">
647                            <input type="text" class="form-control flex-1" placeholder="City of Institution *" id="city_home" name="city" required="">
648                            <div class="invalid-feedback">Enter Valid City</div>
649                             <input type="text" class="form-control flex-1" name="title" hidden="true" value="Other">
650                             <input type="text" class="form-control flex-1" name="Source"  hidden="true" value="Website">
651                        </div>
652
653                       
654
655                        <div class="col-md-12">
656                            <input type="text" class="form-control flex-1" placeholder="Designation *" id="designation_home" name="designation"  required="">
657                            <div class="invalid-feedback">Enter Valid Designation</div>
658                        </div>
659
660                 <div class="col-md-12 d-flex justify-content-center mt-4 pt-2">
661                   
662    <button type="submit" id="submitBtn" class="btn btn-submit">GET STARTED!</button>
663                </div>
664
665
666                    </div>
667                </form>
668
669            </div>
670        </div>
671    </div>
672</div>
673
674
675<div class="modal fade" id="downloadBrochure" aria-labelledby="exampleModalToggleLabel" tabindex="-1" aria-hidden="true">
676  <a href="" id="afterSubmitUrl" class="d-none"></a>
677  <div class="modal-dialog modal-dialog-centered max-570 mx-auto">
678    <div class="modal-content bg-transparent border-0">
679      <div class="modal-header p-40 py-3 bg-liteblue border-0">
680        <h5 class="modal-title font-24 font-600 text-center text-white w-100" id="exampleModalToggleLabel">Connect With Us</h5>
681        <button type="button" class="btn-close btn-close-white btn-close-small position-absolute top-0 right-0" data-bs-dismiss="modal" aria-label="Close"></button>
682      </div>
683      <div class="modal-body p-0">
684          <div class="rightSideForm">
685               <form id="user_form_cta_btn" name="user_form_cta_btn" novalidate="novalidate">
686               <input type="hidden" value="WHAT TRUMP’S WIN TEACHES ABOUT ALUMNI" name="headingstd" id="headingstd">
687               <input type="hidden" name="article-url" value="what-trumps-win-teaches-about-alumni">
688                  <div class="row g-3 align-items-center">
689                      <div class="col-md-12">
690                          <p class="text-end font-14 font-500 mb-0">* Marked fields are mandatory</p>
691                      </div>
692                      <div class="col-md-12">
693                          <input type="text" class="form-control height-45 flex-1" placeholder="Name*" name="FirstNamestd" id="FirstNamestd">
694                          <div class="error-feedback" id="FirstNamestdsp"></div>
695                      </div>
696                      
697                      
698                      <div class="col-md-12">
699                          <input type="email" class="form-control height-45 flex-1" placeholder="Email ID*" name="EmailAddressstd" id="EmailAddressstd">
700                          <div id="EmailAddressstdsp" class="error-feedback"></div>
701
702                      </div>
703                      
704                      <div class="col-md-12">
705
706                          <input type="text" class="form-control height-45 flex-1" placeholder="Contact Number*" name="Mobile" id="Mobile_Fold">
707                          <div id="Mobile_Foldsp" class="error error-feedback"></div>
708                      </div>
709                      <div class="col-md-12">
710                          <input type="text" class="form-control height-45 flex-1" placeholder="Institute Name*" name="ParentNamestd" id="ParentNamestd">
711                          <div id="ParentNamestdsp" class="error-feedback"></div>
712                      </div>
713                      <div class="col-md-12">
714                          <select class="form-select height-45" aria-label="Default select example" id="Institype_Fold" name="Institype">
715                              <option disabled="" hidden="" selected="">
715Type of Institute</option>
716                              <option value="School">School</option>
717                              <option value="University">University</option>
718                              <option value="Coaching-Institute">Coaching Institute</option>
719                              <option value="Others">Others</option>
720                          </select>
721                          <div id="Selectstdsp" class="error-feedback"></div> 
722                      </div>
723                      <div class="col-md-12">
724                          <input type="text" class="form-control height-45 flex-1" placeholder="City of School*" name="SchoolNamestd" id="SchoolNamestd">
725                          <div id="SchoolNamestdsp" class="error-feedback"></div>
726                      </div>
727                      <div class="col-md-12">
728                          <input type="text" class="form-control height-45 flex-1" placeholder="Designation*" name="Designation" id="Designationtd">
729                          <div id="Designationtdsp" class="error-feedback"></div>
730                      </div>
731                      
732                      <!-- <div class="col-md-12">
733
734                          <textarea class="form-control min-h-95" placeholder="Have Any Thoughts, Share Them with Us" id="floatingTextarea"></textarea>
735                          <div id="ContactNumberstdsp" class="error-feedback"></div>
736                      </div> -->
737                      <div class="col-md-12">
738                          <div class="row justify-content-end align-items-center">
739
740                              <!-- <div class="col-auto"><button type="button" class="btn btn-cancel" data-bs-dismiss="modal">Cancel</button></div> -->
741                              <!-- <div class="col-auto"><button type="button" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#success_popup" class="btn btn-submit" onclick="onSubmit()">Submit</button></div> -->
742                              <!-- <div class="col-auto"><button type="button" class="btn btn-submit" data-bs-target="#success_popup" onclick="return onForm_Submit()">Submit</button></div>  -->
743                              <div class="col-auto"><input type="submit" class="btn btn-submit px-5" data-bs-target="#success_popup" value="Submit"></div> 
744                              <!-- <div class="col-auto"><input type="submit" name="submit" data-bs-target="#success_popup" value="Submit" class="btn btn-submit" onclick="return onSubmit();"></div> -->
745                          </div>
746                      </div>
747                  </div>
748
749              </form>
750          </div>
751      </div>
752  
753    </div>
754  </div>
755</div>
756
757
758
759
760
761
762 
763<script>
764
765    document.getElementById('popupForm').addEventListener('submit', function (event) {
766        event.preventDefault();
767
768        if (this.checkValidity() === false) {
769            event.stopPropagation();
770            this.classList.add('was-validated');
771        } else {
772            const formData = new FormData(this);
773
774            fetch('submit_form.php', {
775                method: 'POST',
776                body: formData,
777            })
778                .then(response => response.json())
779                .then(data => {
780                    if (data.success) {
781                        alert('Form submitted successfully!');
782                        this.reset();
783                        this.classList.remove('was-validated');
784                    } else {
785                        alert('Form submission failed. Please try again.');
786                    }
787                })
788                .catch(error => {
789                    console.error('Error:', error);
790                });
791        }
792    });
793
794
795document.getElementById('footerSubmitBtn').addEventListener('click', function () {
796    const workField = document.getElementById('footerWork');
797    const emailField = document.getElementById('footerEmail');
798    const nameField = document.getElementById('footerName');
799    let isValid = true;
800
801    // Validate Name
802    if (!nameField.value.trim()) {
803        nameField.classList.add('is-invalid');
804        isValid = false;
805    } else {
806        nameField.classList.remove('is-invalid');
807    }
808
809    // Validate Email
810    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
811    if (!emailRegex.test(emailField.value.trim())) {
812        emailField.classList.add('is-invalid');
813        isValid = false;
814    } else {
815        emailField.classList.remove('is-invalid');
816    }
817
818    // Validate "I Work For" Select Field
819    if (workField.selectedIndex === 0) {
820        workField.classList.add('is-invalid');
821        isValid = false;
822    } else {
823        workField.classList.remove('is-invalid');
824    }
825
826    if (isValid) {
827        const formData = {
828            name: nameField.value.trim(),
829            email: emailField.value.trim(),
830            work: workField.value.trim(),
831        };
832
833        fetch('subscription_submit.php', {
834            method: 'POST',
835            headers: { 'Content-Type': 'application/json' },
836            body: JSON.stringify(formData),
837        })
838        .then(response => {
839            console.log('Raw Response:', response);
840            if (!response.ok) {
841                throw new Error(`HTTP error! Status: ${response.status}`);
842            }
843            return response.json();
844        })
845        .then(data => {
846            console.log('Parsed JSON Response:', data);
847            if (data.success) {
848                alert(data.message); // Show "Subscription successful."
849                if (data.email_message) {
850                    alert(data.email_message); // Show "Email sent successfully."
851                }
852
853                // Reset form fields
854                nameField.value = '';
855                emailField.value = '';
856                workField.selectedIndex = 0;
857            } else {
858                alert(data.message || 'Submission failed. Please try again.');
859            }
860        })
861        .catch(error => {
862            console.error('Fetch Error:', error);
863            alert('An error occurred. Please try again.');
864        });
865    }
866});
867
868
869
870
871
872//footer contact us form
873
874
875document.getElementById('popupFormIndex').addEventListener('submit', function (event) {
876    event.preventDefault();
877
878    if (this.checkValidity() === false) {
879        event.stopPropagation();
880        this.classList.add('was-validated');
881    } else {
882        const formData = new FormData(this);
883
884        fetch('submit_form.php', {
885            method: 'POST',
886            body: formData,
887        })
888            .then(response => response.json())
889            .then(data => {
890                if (data.success) {
891                    alert('Form submitted successfully!');
892                    this.reset();
893                    this.classList.remove('was-validated');
894                } else {
895                    alert('Form submission failed. Please try again.');
896                }
897            })
898            .catch(error => {
899                console.error('Error:', error);
900            });
901    }
902});
903
904document.querySelector('.btn-bookdemo').addEventListener('click', function () {
905    var pdfUrl = this.getAttribute('data-pdf-url');
906    var btnName = this.getAttribute('data-btn-name');
907    document.getElementById('pdf_url').value = pdfUrl;
908    document.getElementById('btn_name').value = btnName;
909});
910
911// Popup form
912
913// Subscribe us form
914
915</script>
915
916
917 
917<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
917
918     
918<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.3/js/bootstrap.bundle.min.js"></script>
918
919    
919<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
919
920    
920<script src="js/count.js"></script>
920
921    
921<script src="js/owl.carousel.js"></script>
921
922    
922<script src="js/univariety.js"></script>
922
923<!-- cookie functionality -->
924
925<!-- Cookie Consent Banner (Bootstrap Bottom Offcanvas) -->
926    <div class="offcanvas offcanvas-bottom h-auto border-top border-primary border-3 shadow-lg text-dark" data-bs-backdrop="false" data-bs-scroll="true" tabindex="-1" id="cookieConsentBanner" aria-labelledby="cookieConsentBannerLabel">
927      <div class="offcanvas-body py-4 bg-white">
928        <div class="container-xl">
929          <div class="row align-items-center g-3">
930            <div class="col-lg-8 col-md-7 col-12">
931              <h5 class="fw-bold mb-2 text-dark" id="cookieConsentBannerLabel">We value your privacy</h5>
932              <p class="mb-0 text-muted small" style="line-height: 1.6;">
933                Univariety uses cookies to keep this site running, understand how it's used,
934                and measure our marketing. Essential cookies are always on. You can accept everything,
935                reject all but the essentials, or choose what to allow.
936                See our <a href="/home/privacy-policy.php" class="text-primary text-decoration-underline fw-medium">Privacy Policy</a>.
937              </p>
938            </div>
939            <div class="col-lg-4 col-md-5 col-12 text-md-end text-start">
940              <div class="d-flex flex-wrap gap-2 justify-content-md-end justify-content-start align-items-center">
941                <button type="button" class="btn btn-outline-dark btn-sm px-3 py-2 fw-semibold" data-uv-cc="reject">Reject all</button>
942                <button type="button" class="btn btn-link text-primary text-decoration-underline btn-sm p-0 fw-semibold mx-2" data-uv-cc="manage">Manage preferences</button>
943                <button type="button" class="btn btn-primary btn-sm px-4 py-2 fw-semibold" data-uv-cc="accept">Accept all</button>
944              </div>
945            </div>
946          </div>
947        </div>
948      </div>
949    </div>
950
951    <!-- Cookie Preferences (Bootstrap Pop-up Modal) -->
952    <div class="modal fade text-dark" id="cookiePreferencesOffcanvas" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="cookiePreferencesLabel" aria-hidden="true">
953      <div class="modal-dialog modal-dialog-centered" style="max-width: 680px; margin: 1.75rem auto;">
954        <div class="modal-content border-0 rounded-4 shadow-lg bg-white">
955          <!-- Modal Header -->
956          <div class="modal-header border-bottom py-3 px-4 d-flex justify-content-between align-items-start">
957            <div class="pe-3">
958              <h5 class="font-20 font-600 mb-1 text-dark" id="cookiePreferencesLabel">Your cookie preferences</h5>
959              <p class="text-muted small mb-0 mt-2" style="font-size: 13.5px; line-height: 1.5; color: #465778 !important;">Turn each category on or off. Your choice is saved for 6 months, after which we'll ask again. Full details are in our <a href="/home/privacy-policy.php" class="text-primary text-decoration-underline fw-semibold">Privacy Policy</a>.</p>
960            </div>
961            <button type="button" class="btn border-warning border-2 rounded-3 d-flex align-items-center justify-content-center p-0 flex-shrink-0 mt-1" style="width: 36px; height: 36px; background-color: #fff;" data-uv-cc="close" aria-label="Close">
962              <span style="font-size: 22px; line-height: 1; color: #8593ad;">&times;</span>
963            </button>
964          </div>
965          <!-- Modal Body -->
966          <div class="modal-body py-4 px-4" style="max-height: 60vh; overflow-y: auto;">
967
968            <!-- Strictly necessary -->
969            <div class="card mb-3 border-light-subtle shadow-sm rounded-3">
970              <div class="card-body p-3">
971                <div class="d-flex justify-content-between align-items-center mb-2">
972                  <div class="d-flex align-items-center gap-2" data-bs-toggle="collapse" data-bs-target="#detailsNecessary" style="cursor: pointer;">
973                    <span class="text-secondary small collapse-caret" style="color: #8593ad !important; font-size: 0.8rem; user-select: none;">&#9658;</span>
974                    <h6 class="font-15 font-600 mb-0 text-dark" >Strictly necessary</h6>
975                  </div>
976                  <span class="fw-bold text-success small text-success">Always on</span>
977                </div>
978                <p class="text-muted small mb-0 mt-1 text-secondary" >Required for the site to work — secure browsing, server load balancing, and remembering your privacy choice. These can't be switched off.</p>
979
980                <div class="collapse mt-3" id="detailsNecessary">
981                  <div class="table-responsive">
982                    <table class="table table-sm table-striped small mb-0" style="font-size: 0.775rem;">
983                      <thead class="table-light">
984                        <tr><th>Cookie</th><th>Provider</th><th>Purpose</th><th>Duration</th></tr>
985                      </thead>
986                      <tbody>
987                        <tr><td>AWSALB, AWSALBCORS</td><td>AWS</td><td>Routes you to the right server</td><td>7 days</td></tr>
988                        <tr><td>PHPSESSID</td><td>Univariety</td><td>Keeps your browsing session</td><td>Session</td></tr>
989                        <tr><td>uv_cookie_consent</td><td>Univariety</td><td>Stores your cookie choices</td><td>6 months</td></tr>
990                      </tbody>
991                    </table>
992                  </div>
993                </div>
994              </div>
995            </div>
996
997            <!-- Functional -->
998            <div class="card mb-3 border-light-subtle shadow-sm rounded-3">
999              <div class="card-body p-3">
1000                <div class="d-flex justify-content-between align-items-center mb-2">
1001                  <div class="d-flex align-items-center gap-2" data-bs-toggle="collapse" data-bs-target="#detailsFunctional" style="cursor: pointer;">
1002                    <span class="text-secondary small collapse-caret" style="color: #8593ad !important; font-size: 0.8rem; user-select: none;">&#9658;</span>
1003                    <h6 class="font-15 font-600 mb-0 text-dark" >Functional</h6>
1004                  </div>
1005                  <div class="form-check form-switch m-0 p-0">
1006                    <input class="form-check-input ms-0" type="checkbox" role="switch" id="cookieSwitchFunctional" data-uv-cc-toggle="functional" aria-label="Allow functional cookies" style="cursor: pointer;">
1007                  </div>
1008                </div>
1009                <p class="text-muted small mb-0 mt-1 text-secondary" >Enables extra features such as live chat (Tawk.to), WhatsApp messaging and embedded social content.</p>
1010
1011                <div class="collapse mt-3" id="detailsFunctional">
1012                  <div class="table-responsive">
1013                    <table class="table table-sm table-striped small mb-0" style="font-size: 0.775rem;">
1014                      <thead class="table-light">
1015                        <tr><th>Service</th><th>Provider</th><th>Purpose</th><th>Duration</th></tr>
1016                      </thead>
1017                      <tbody>
1018                        <tr><td>__tawkuuid</td><td>Tawk.to</td><td>Recognises returning visitors to live chat</td><td>6 months</td></tr>
1019                        <tr><td>TawkConnectionTime</td><td>Tawk.to</td><td>Maintains the live-chat session</td><td>Session</td></tr>
1020                        <tr><td>WhatsApp widget</td><td>AiSensy</td><td>Start a WhatsApp conversation</td><td>Persistent</td></tr>
1021                        <tr><td>Social embeds</td><td>Meta</td><td>Display embedded posts &amp; feeds</td><td>Varies</td></tr>
1022                      </tbody>
1023                    </table>
1024                  </div>
1025                </div>
1026              </div>
1027            </div>
1028
1029            <!-- Analytics -->
1030            <div class="card mb-3 border-light-subtle shadow-sm rounded-3">
1031              <div class="card-body p-3">
1032                <div class="d-flex justify-content-between align-items-center mb-2">
1033                  <div class="d-flex align-items-center gap-2" data-bs-toggle="collapse" data-bs-target="#detailsAnalytics" style="cursor: pointer;">
1034                    <span class="text-secondary small collapse-caret" style="color: #8593ad !important; font-size: 0.8rem; user-select: none;">&#9658;</span>
1035                    <h6 class="font-15 font-600 mb-0 text-dark" >Analytics</h6>
1036                  </div>
1037                  <div class="form-check form-switch m-0 p-0">
1038                    <input class="form-check-input ms-0" type="checkbox" role="switch" id="cookieSwitchAnalytics" data-uv-cc-toggle="analytics" aria-label="Allow analytics cookies" style="cursor: pointer;">
1039                  </div>
1040                </div>
1041                <p class="text-muted small mb-0 mt-1 text-secondary" >Helps us understand how visitors find and use the site so we can improve it. All data is aggregated.</p>
1042
1043                <div class="collapse mt-3" id="detailsAnalytics">
1044                  <div class="table-responsive">
1045                    <table class="table table-sm table-striped small mb-0" style="font-size: 0.775rem;">
1046                      <thead class="table-light">
1047                        <tr><th>Cookie</th><th>Provider</th><th>Purpose</th><th>Duration</th></tr>
1048                      </thead>
1049                      <tbody>
1050                        <tr><td>_ga</td><td>Google Analytics</td><td>Distinguishes unique visitors</td><td>2 years</td></tr>
1051                        <tr><td>_ga_&lt;ID&gt;</td><td>Google Analytics</td><td>Maintains session state (GA4)</td><td>2 years</td></tr>
1052                        <tr><td>_gid</td><td>Google Analytics</td><td>Distinguishes visitors</td><td>24 hours</td></tr>
1053                        <tr><td>_gat</td><td>Google Analytics</td><td>Limits request rate</td><td>1 min</td></tr>
1054                        <tr><td>MOE_DATA, moe_uuid</td><td>MoEngage</td><td>Product usage analytics</td><td>2 years</td></tr>
1055                        <tr><td>Call-source</td><td>Claritel</td><td>Attributes calls to their source</td><td>Session/30d</td></tr>
1056                      </tbody>
1057                    </table>
1058                  </div>
1059                </div>
1060              </div>
1061            </div>
1062
1063            <!-- Marketing -->
1064            <div class="card mb-3 border-light-subtle shadow-sm rounded-3">
1065              <div class="card-body p-3">
1066                <div class="d-flex justify-content-between align-items-center mb-2">
1067                  <div class="d-flex align-items-center gap-2" data-bs-toggle="collapse" data-bs-target="#detailsMarketing" style="cursor: pointer;">
1068                    <span class="text-secondary small collapse-caret" style="color: #8593ad !important; font-size: 0.8rem; user-select: none;">&#9658;</span>
1069                    <h6 class="font-15 font-600 mb-0 text-dark" >Marketing</h6>
1070                  </div>
1071                  <div class="form-check form-switch m-0 p-0">
1072                    <input class="form-check-input ms-0" type="checkbox" role="switch" id="cookieSwitchMarketing" data-uv-cc-toggle="marketing" aria-label="Allow marketing cookies" style="cursor: pointer;">
1073                  </div>
1074                </div>
1075                <p class="text-muted small mb-0 mt-1 text-secondary" >Lets us measure campaigns and show you relevant content on platforms like Facebook, Instagram and LinkedIn.</p>
1076
1077                <div class="collapse mt-3" id="detailsMarketing">
1078                  <div class="table-responsive">
1079                    <table class="table table-sm table-striped small mb-0" style="font-size: 0.775rem;">
1080                      <thead class="table-light">
1081                        <tr><th>Cookie</th><th>Provider</th><th>Purpose</th><th>Duration</th></tr>
1082                      </thead>
1083                      <tbody>
1084                        <tr><td>_fbp</td><td>Meta</td><td>Ad delivery &amp; measurement</td><td>3 months</td></tr>
1085                        <tr><td>_fbc</td><td>Meta</td><td>Stores ad click for attribution</td><td>3 months</td></tr>
1086                        <tr><td>bcookie</td><td>LinkedIn</td><td>Browser ID for advertising</td><td>1 year</td></tr>
1087                        <tr><td>UserMatchHistory</td><td>LinkedIn</td><td>Syncs ad-targeting IDs</td><td>30 days</td></tr>
1088                        <tr><td>lidc</td><td>LinkedIn</td><td>Data-centre routing</td><td>1 day</td></tr>
1089                        <tr><td>Lead tracking</td><td>LeadSquared</td><td>Attributes leads to campaigns</td><td>Persistent</td></tr>
1090                        <tr><td>Campaign / push</td><td>MoEngage</td><td>Targeted campaigns &amp; push</td><td>2 years</td></tr>
1091                      </tbody>
1092                    </table>
1093                  </div>
1094                </div>
1095              </div>
1096            </div>
1097
1098          </div>
1099          <!-- Modal Footer -->
1100          <div class="modal-footer border-top p-3 px-4 d-flex gap-2 justify-content-end bg-white">
1101            <button type="button" class="btn btn-outline-dark px-3 py-2 fw-semibold" data-uv-cc="reject" style="border-radius: 8px; font-size: 14px;">Reject all</button>
1102            <button type="button" class="btn btn-outline-dark px-3 py-2 fw-semibold" data-uv-cc="accept" style="border-radius: 8px; font-size: 14px;">Accept all</button>
1103            <button type="button" class="btn btn-primary px-3 py-2 fw-semibold" data-uv-cc="save" style="border-radius: 8px; font-size: 14px; background-color: #1f5fbf; border-color: #1f5fbf;">Save my choices</button>
1104          </div>
1105        </div>
1106      </div>
1107    </div>
1108
1109    
1109<script>
1110    /* ===================================================================
1111       Univariety cookie consent (Bootstrap Offcanvas System)
1112       =================================================================== */
1113    (function () {
1114      "use strict";
1115
1116      var CONFIG = {
1117        cookieName: "uv_cookie_consent",
1118        expiryDays: 180,                 // re-prompt after ~6 months
1119        version: 1,                      // bump this to force everyone to re-consent
1120        cookieDomain: ".univariety.com"
1121      };
1122
1123      var CATEGORIES = ["functional", "analytics", "marketing"];
1124
1125      // ---------- cookie helpers ----------
1126      function setCookie(value) {
1127        var d = new Date();
1128        d.setTime(d.getTime() + CONFIG.expiryDays * 864e5);
1129        var domain = (location.hostname.indexOf("univariety.com") !== -1) ? ";domain=" + CONFIG.cookieDomain : "";
1130        document.cookie = CONFIG.cookieName + "=" + encodeURIComponent(value) +
1131          ";expires=" + d.toUTCString() + ";path=/" + domain +
1132          ";SameSite=Lax" + (location.protocol === "https:" ? ";Secure" : "");
1133      }
1134      function readCookie() {
1135        var m = document.cookie.match(new RegExp("(?:^|; )" + CONFIG.cookieName + "=([^;]*)"));
1136        return m ? decodeURIComponent(m[1]) : null;
1137      }
1138      function getStored() {
1139        try {
1140          var raw = readCookie();
1141          if (!raw) return null;
1142          var data = JSON.parse(raw);
1143          if (data.v !== CONFIG.version) return null;
1144          return data;
1145        } catch (e) { return null; }
1146      }
1147      function store(consent) {
1148        setCookie(JSON.stringify({
1149          v: CONFIG.version,
1150          t: new Date().toISOString(),
1151          c: consent
1152        }));
1153      }
1154
1155      // ---------- DOM & Bootstrap refs ----------
1156      var bannerEl = document.getElementById("cookieConsentBanner");
1157      var preferencesEl = document.getElementById("cookiePreferencesOffcanvas");
1158
1159      var bannerOffcanvas = null;
1160      var preferencesOffcanvas = null;
1161
1162      function initBootstrapOffcanvas() {
1163        if (typeof bootstrap !== 'undefined') {
1164          if (!bannerOffcanvas && bannerEl) {
1165            bannerOffcanvas = new bootstrap.Offcanvas(bannerEl);
1166          }
1167          if (!preferencesOffcanvas && preferencesEl) {
1168            preferencesOffcanvas = new bootstrap.Modal(preferencesEl);
1169          }
1170        }
1171      }
1172
1173      function showBanner() {
1174        initBootstrapOffcanvas();
1175        if (bannerOffcanvas) bannerOffcanvas.show();
1176      }
1177      function hideBanner() {
1178        initBootstrapOffcanvas();
1179        if (bannerOffcanvas) bannerOffcanvas.hide();
1180      }
1181
1182      function openPreferences() {
1183        initBootstrapOffcanvas();
1184        syncTogglesFrom(getStored() ? getStored().c : null);
1185        if (bannerOffcanvas) bannerOffcanvas.hide();
1186        if (preferencesOffcanvas) preferencesOffcanvas.show();
1187      }
1188      function closePreferences() {
1189        initBootstrapOffcanvas();
1190        if (preferencesOffcanvas) preferencesOffcanvas.hide();
1191        localStorage.setItem("uv_cookie_banner_closed", "true");
1192      }
1193
1194      // ---------- toggles ----------
1195      function getToggle(cat) { return preferencesEl.querySelector('[data-uv-cc-toggle="' + cat + '"]'); }
1196      function syncTogglesFrom(consent) {
1197        CATEGORIES.forEach(function (cat) {
1198          var el = getToggle(cat);
1199          if (el) el.checked = !!(consent && consent[cat]);
1200        });
1201      }
1202      function readToggles() {
1203        var c = {};
1204        CATEGORIES.forEach(function (cat) {
1205          var el = getToggle(cat);
1206          c[cat] = el ? !!el.checked : false;
1207        });
1208        return c;
1209      }
1210
1211      // ---------- apply consent ----------
1212      function applyConsent(consent) {
1213        var all = { necessary: true };
1214        CATEGORIES.forEach(function (c) { all[c] = !!consent[c]; });
1215
1216        document.querySelectorAll('script[type="text/plain"][data-uv-cc]').forEach(function (node) {
1217          var cat = node.getAttribute("data-uv-cc");
1218          if (!all[cat] || node.getAttribute("data-uv-cc-activated") === "1") return;
1219          var s = document.createElement("script");
1220          for (var i = 0; i < node.attributes.length; i++) {
1221            var a = node.attributes[i];
1222            if (a.name === "type" || a.name === "data-uv-cc" || a.name === "data-src") continue;
1223            s.setAttribute(a.name, a.value);
1224          }
1225          if (node.getAttribute("data-src")) s.src = node.getAttribute("data-src");
1226          if (node.textContent.trim()) s.textContent = node.textContent;
1227          node.setAttribute("data-uv-cc-activated", "1");
1228          node.parentNode.insertBefore(s, node.nextSibling);
1229        });
1230
1231        window.dispatchEvent(new CustomEvent("uv-consent-change", { detail: all }));
1232      }
1233
1234      // ---------- finalise a choice ----------
1235      function commit(consent) {
1236        store(consent);
1237        applyConsent(consent);
1238        hideBanner();
1239        if (preferencesOffcanvas) preferencesOffcanvas.hide();
1240      }
1241      function acceptAll() { var c = {}; CATEGORIES.forEach(function (x){c[x]=true;}); commit(c); }
1242      function rejectAll() { var c = {}; CATEGORIES.forEach(function (x){c[x]=false;}); commit(c); }
1243      function saveChoices() { commit(readToggles()); }
1244
1245      // ---------- wire up events ----------
1246      document.addEventListener("click", function (e) {
1247        var t = e.target.closest("[data-uv-cc]");
1248        if (t) {
1249          var action = t.getAttribute("data-uv-cc");
1250          if (action === "accept") acceptAll();
1251          else if (action === "reject") rejectAll();
1252          else if (action === "save") saveChoices();
1253          else if (action === "manage") openPreferences();
1254          else if (action === "close") closePreferences();
1255        }
1256      });
1257
1258      document.addEventListener('DOMContentLoaded', function () {
1259        initBootstrapOffcanvas();
1260
1261        // Hook collapse events to rotate carets
1262        document.querySelectorAll('#cookiePreferencesOffcanvas .collapse').forEach(function (collapseEl) {
1263          collapseEl.addEventListener('show.bs.collapse', function () {
1264            var trigger = document.querySelector('[data-bs-target="#' + collapseEl.id + '"]');
1265            if (trigger) {
1266              var caret = trigger.querySelector('.collapse-caret');
1267              if (caret) {
1268                caret.innerHTML = '&#9660;'; // Down triangle ▼
1269              }
1270            }
1271          });
1272          collapseEl.addEventListener('hide.bs.collapse', function () {
1273            var trigger = document.querySelector('[data-bs-target="#' + collapseEl.id + '"]');
1274            if (trigger) {
1275              var caret = trigger.querySelector('.collapse-caret');
1276              if (caret) {
1277                caret.innerHTML = '&#9658;'; // Right triangle ▶
1278              }
1279            }
1280          });
1281        });
1282
1283        if (preferencesEl) {
1284          preferencesEl.addEventListener('hidden.bs.modal', function () {
1285            localStorage.setItem("uv_cookie_banner_closed", "true");
1286          });
1287        }
1288
1289        // ---------- init ----------
1290        var stored = getStored();
1291        var isClosed = localStorage.getItem("uv_cookie_banner_closed") === "true";
1292        if (stored) {
1293          applyConsent(stored.c);
1294        } else if (!isClosed) {
1295          showBanner();
1296        }
1297      });
1298
1299      // ---------- public API ----------
1300      window.UnivarietyConsent = {
1301        openSettings: openPreferences,
1302        accept: acceptAll,
1303        reject: rejectAll,
1304        get: function () { var s = getStored(); return s ? s.c : null; },
1305        reset: function () {
1306          localStorage.removeItem("uv_cookie_banner_closed");
1307          setCookie("");
1308          document.cookie = CONFIG.cookieName + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/";
1309          location.reload();
1310        }
1311      };
1312    })();
1313    </script>
1313
1314
1315<!-- cookie functionality end -->
1316  </body>
1317</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.