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 & 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 & 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;">×</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;">►</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;">►</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 & 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;">►</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_<ID></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;">►</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 & 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 & 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 = '▼'; // 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 = '►'; // 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.