1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 6 <!-- All Meta --> 7 <meta charset="utf-8"> 8 <meta http-equiv="" content=""> 9 <meta name="author" content=""> 10 11 <!-- Page Title Here --> 12 <title>Omkar Glass And Aluminium</title> 13 <!-- Mobile Specific --> 14 <meta name="viewport" content="width=device-width, initial-scale=1"> 15 16 17 18<!-- Favicons Icon --> 19<link rel="icon" href="images/ficon.png" type="image/x-icon"> 20<link rel="shortcut icon" type="image/x-icon" href="images/ficon.png"> 21 22<!--[if lt IE 9]> 23
23<script src="js/html5shiv.min.js"></script>
23 24
24<script src="js/respond.min.js"></script>
24 25 <![endif]--> 26 27<!-- Stylesheets --> 28<link rel="stylesheet" type="text/css" href="css/plugins.css"> 29<link rel="stylesheet" type="text/css" href="css/style.css"> 30<link rel="stylesheet" type="text/css" href="fonts/flaticon/flaticon_mycollection.css"> 31<link rel="stylesheet" type="text/css" href="css/templete.css"> 32<link class="skin" rel="stylesheet" type="text/css" href="css/skin/skin-1.css"> 33<link rel="stylesheet" href="plugins/swiper/swiper-bundle.min.css"> 34<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> 35 36 37 38 <style> 39 * { 40 box-sizing: border-box; 41 font-family: Arial, sans-serif; 42 } 43 44 /* SECTION CONTAINER */ 45 .contact-section { 46 width: 100%; 47 padding: 50px 15px; 48 background: #fff; 49 } 50 51 /* MAIN CONTAINER */ 52 .contact-wrapper { 53 max-width: 1100px; 54 margin: auto; 55 display: flex; 56 box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); 57 } 58 59 /* LEFT PANEL */ 60 .contact-info { 61 width: 40%; 62 background: #0b5a7a; 63 color: #fff; 64 padding: 40px; 65 } 66 67 .contact-info h3 { 68 margin-bottom: 15px; 69 } 70 71 .contact-info p { 72 font-size: 14px; 73 margin-bottom: 25px; 74 } 75 76 .contact-info ul { 77 list-style: none; 78 padding: 0; 79 } 80 81 .contact-info ul li { 82 display: flex; 83 align-items: flex-start; 84 gap: 12px; 85 margin-bottom: 18px; 86 font-size: 14px; 87 } 88 89 /* ICON STYLE + FLIP */ 90 .icon { 91 width: 36px; 92 height: 36px; 93 background: #fff; 94 color: #0b5a7a; 95 display: inline-flex; 96 align-items: center; 97 justify-content: center; 98 border-radius: 50%; 99 transition: transform 0.6s; 100 font-size: 16px; 101 } 102 103 .flip:hover { 104 transform: rotateY(180deg); 105 } 106 107 /* RIGHT PANEL */ 108 .contact-form { 109 width: 60%; 110 background: #f2f4f7; 111 padding: 40px; 112 } 113 114 .contact-form h3 { 115 margin-bottom: 5px; 116 } 117 118 .sub-text { 119 font-size: 14px; 120 margin-bottom: 20px; 121 color: #555; 122 } 123 124 .form-row { 125 display: flex; 126 gap: 15px; 127 margin-bottom: 15px; 128 } 129 130 input, 131 select, 132 textarea { 133 width: 100%; 134 padding: 10px; 135 border: 1px solid #ccc; 136 border-radius: 10px; 137 font-size: 15px; 138 } 139 140 textarea { 141 resize: none; 142 height: 100px; 143 margin-bottom: 15px; 144 } 145 146 button { 147 background: #000; 148 color: #fff; 149 padding: 10px 25px; 150 border: none; 151 cursor: pointer; 152 } 153 154 button:hover { 155 background: #333; 156 } 157 158 /* RESPONSIVE */ 159 @media (max-width: 768px) { 160 .contact-wrapper { 161 flex-direction: column; 162 } 163 164 .contact-info, 165 .contact-form { 166 width: 100%; 167 } 168 169 .form-row { 170 flex-direction: column; 171 } 172 } 173 </style> 174 175 176 177</head> 178 179<body id="bg"> 180 <div class="page-wraper"> 181 182 <!-- header --> 183 <header class="site-header header header-archia header-archia-2 mo-left"> 184 185<!-- main header --> 186<div class="sticky-header main-bar-wraper navbar-expand-lg"> 187 <div class="main-bar clearfix"> 188 <div class="container-fluid"> 189 190 <!-- website logo --> 191 <div class="logo-header mostion logo-dark"> 192 <a href="index.php"><img class="logo" src="images/Logo_Omkar.png" alt="/"></a> 193 </div> 194 195 <!-- nav toggle button --> 196 <button class="navbar-toggler collapsed navicon justify-content-end" type="button" data-bs-toggle="collapse" 197 data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" 198 aria-label="Toggle navigation"> 199 <span></span> 200 <span></span>
201 <span></span> 202 </button> 203 <!-- extra nav --> 204 <div class="extra-nav"> 205 <div class="extra-cell"> 206 <ul> 207 <li class="d-xl-block d-lg-none"> 208 209 <!-- <a href="tel:+917030744477" class="btn primary"> 210 <i class="fa fa-phone"></i> Enquire Now 211 </a> --> 212 213 <a href="javascript:void(0)" class="btn primary" id="enquireBtn"> 214 <i class="fa fa-phone"></i> Enquire Now 215 </a> 216 217 218 219 </li> 220 </ul> 221 </div> 222 </div> 223 224 <div id="enquiryModal" class="modal"> 225 <div class="modal-content"> 226 <span class="close">×</span> 227 228 <h3> Enquire Now for Expert Solutions</h3> 229 230 <form action="#" method="post"> 231 <input type="text" name="name" placeholder=" Name*" required> 232 <input type="tel" name="phone" placeholder="Phone*" required> 233 <input type="email" name="email" placeholder="Email*"> 234 <textarea name="message" placeholder="Message Here..."></textarea> 235 236 <button type="submit" class="btn-submit">Submit</button> 237 </form> 238 </div> 239 </div> 240 241 <style> 242 /* MODAL BACKGROUND */ 243 .modal { 244 display: none; 245 position: fixed; 246 z-index: 9999; 247 left: 0; 248 top: 0; 249 width: 100%; 250 height: 100%; 251 background: rgba(0, 0, 0, 0.6); 252 } 253 254 /* MODAL BOX */
255 .modal-content { 256 background: #fff; 257 width: 90%; 258 max-width: 420px; 259 margin: 8% auto; 260 padding: 25px; 261 border-radius: 8px; 262 position: relative; 263 animation: popupFade 0.3s ease; 264 } 265 266 /* CLOSE BUTTON */ 267 .close { 268 position: absolute; 269 right: 15px; 270 top: 10px; 271 font-size: 24px; 272 cursor: pointer; 273 } 274 275 /* FORM */ 276 .modal-content h3 { 277 text-align: center; 278 margin-bottom: 13px; 279 color: #004e80; 280 font-size: 19px; 281 font-weight: 700; 282 } 283 284 .modal-content input, 285 .modal-content textarea { 286 width: 100%; 287 padding: 10px; 288 margin-bottom: 12px; 289 border: 1px solid #02396173; 290 border-radius: 15px; 291 } 292
293 .modal-content textarea { 294 resize: none; 295 height: 80px; 296 } 297 298 /* SUBMIT BUTTON */ 299 .btn-submit { 300 width: 100%; 301 background: #0252cace; 302 color: #fff; 303 border: none; 304 padding: 10px; 305 font-size: 15px; 306 307 } 308 309 .btn-submit:hover { 310 background: #084298; 311 } 312 313 /* ANIMATION */ 314 @keyframes popupFade { 315 from { 316 transform: scale(0.8); 317 opacity: 0; 318 } 319 320 to { 321 transform: scale(1); 322 opacity: 1; 323 } 324 } 325 </style> 326 327 328 <!-- Main nav --> 329 <div class="header-nav navbar-collapse collapse justify-content-end mo-nav" id="navbarNavDropdown"> 330 <div class="logo-header logo-dark"> 331 <a href="index.html"><img src="images/Logo_Omkar.png" alt=""></a> 332 </div> 333 <style> 334 /* 1. Basic Styling */ 335.navbar-nav > li > a { 336 position: relative; 337 padding: 15px 20px; 338 transition: all 0.3s ease; 339 display: flex;
340 align-items: center; 341} 342 343/* 2. COLOR LOGIC: Sabhi active menus ka text color blue */ 344.navbar-nav > li.active > a, 345.navbar-nav > li > a:hover, 346.sub-menu li.active > a { 347 color: #007bff !important; 348} 349 350/* 3. UNDERLINE LOGIC: Sirf non-dropdown menus ke liye */ 351/* Hum ':not(.sub-menu-down)' use karenge taaki dropdown parents par line na aaye */ 352.navbar-nav > li.active:not(.sub-menu-down) > a::after { 353 content: ''; 354 position: absolute; 355 bottom: 11px; 356 left: 20%; 357 width: 60%; 358 height: 3px; 359 background-color: #007bff; 360 border-radius: 10px; 361} 362 363/* 4. Dropdown parent ki line ko disable karna (Safe side) */ 364.sub-menu-down.active > a::after { 365 display: none !important; 366} 367 368/* 5. Sub-menu styling */ 369.sub-menu { 370 position: absolute; 371 background: #ffffff; 372 border-top: 3px solid #007bff; 373 box-shadow: 0 8px 15px rgba(0,0,0,0.1); 374 min-width: 220px; 375 padding: 10px 0; 376 z-index: 999; 377 display: none; 378} 379 380.navbar-nav li:hover > .sub-menu { 381 display: block; 382} 383 384.sub-menu li a { 385 padding: 10px 20px !important; 386 display: block; 387 color: #333; 388 border-bottom: 1px solid #f0f0f0; 389} 390 391/* 6. Mobile View */ 392@media (max-width: 768px) { 393 .navbar-nav > li.active:not(.sub-menu-down) > a::after { 394 display: none; /* Mobile par line hide */ 395 } 396 .navbar-nav > li.active { 397 border-left: 4px solid #007bff; 398 background: #f0f7ff; 399 } 400} 401 </style> 402 403 <ul class="nav navbar-nav"> 404 <li><a href="./index.php">Home</a> 405 </li> 406 <li><a href="./about.php">About Us</a> 407 408 </li> 409 <li class="sub-menu-down"> <a href="#">Products & Services</a> 410 <ul class="sub-menu"> 411 <li><a href="./sliding-windows.php" class="dez-page">Sliding Windows</a></li> 412 <li><a href="./office-partitions.php" class="dez-page">Office Partitions</a></li> 413 <li><a href="./glass-glazing-work.php" class="dez-page">Glass Glazing Work</a></li> 414 <li><a href="./ceiling-pvc.php" class="dez-page">2x2 Ceiling / PVC</a></li> 415 <li><a href="./acp-work.php" class="dez-page">ACP Work</a></li> 416 <li><a href="./glass-partition.php" class="dez-page">Glass Partition</a></li> 417 </ul> 418 </li> 419 <li class="sub-menu-down"><a href="javascript:void(0);">Projects</a> 420 <ul class="sub-menu"> 421 <li><a href="./completed.php" class="dez-page">Completed Project</a></li> 422 <li><a href="./ongoing_project.php" class="dez-page">Ongoing Project</a></li> 423 424 </ul> 425 </li> 426 <li><a href="./contact.php">Contact Us</a> 427 </li> 428 </ul> 429 <div class="social-menu"> 430 <ul> 431 <li><a href="javascript:void(0);"><i class="fab fa-facebook-f"></i></a></li> 432 <li><a href="javascript:void(0);"><i class="fab fa-twitter"></i></a></li> 433 <li><a href="javascript:void(0);"><i class="fab fa-google-plus-g"></i></a></li> 434 <li><a href="javascript:void(0);"><i class="fab fa-facebook-f"></i></a></li> 435 </ul> 436 437 </div> 438 </div> 439 440 </div> 441 </div> 442</div> 443<!-- main header END --> 444 445 446<div> 447 <div class="" id=""> 448 <div class="whatsapp-main"> 449 <div type="floating" class="whatsapp-wrapper hide-whatsapp" style="width: 360px;"> 450 <div color="rgb(29, 33, 41)" role="button" tabindex="0" class="close_whatsapp"></div> 451 <div class="whatsapp-header"> 452 <div size="52" class="support-avatar"> 453 <div class="avatar-wrapper"> 454 <div class="avatar-img"></div> 455 </div> 456 </div> 457 </div> 458 <div class="whatsapp-background"> 459 <div class="whatsapp-message-container"> 460 <div class="loading-animation"> 461 <div class="dot-pulse"></div> 462 </div> 463 <div class="whatsapp-message-wrapper"> 464 <div class="chat-body-wrapper"> 465 <div class="whatsapp-chat-name">Omkar Glass And Aluminium </div> 466 <div class="whatsapp-chat-message"> 467 <p>Hello ð</p><br> 468 <p>How can we assist you today? Smart, stylish, and reliable glass & aluminum 469 solutionsâcrafted for modern living.</p> 470 </div> 471 <div class="whatsapp-chat-time">20:49</div> 472 </div> 473 </div> 474 </div> 475 </div> 476 <a role="button" href="https://api.whatsapp.com/se
476nd?phone=+917532925555&text=Hello.I 477" title="WhatsApp" class="whatsapp-btn" target="_blank"> 478 <svg class="whatsapp-send-icon-small" xmlns="http://www.w3.org/2000/svg" version="1" height="20" 479 viewBox="0 0 90 90"> 480 <path 481 d="M90 44a44 44 0 0 1-66 38L0 90l8-24A44 44 0 0 1 46 0c24 0 44 20 44 44zM46 7C25 7 9 24 9 44c0 8 2 15 7 21l-5 14 14-4a37 37 0 0 0 58-31C83 24 66 7 46 7zm22 47l-2-1-7-4-3 1-3 4h-3c-1 0-4-1-8-5-3-3-6-6-6-8v-2l2-2 1-1v-2l-4-8c0-2-1-2-2-2h-2l-3 1c-1 1-4 4-4 9s4 11 5 11c0 1 7 12 18 16 11 5 11 3 13 3s7-2 7-5l1-5z" 482 fill="#FFF" /> 483 </svg> 484 <span class="chat-button-text">Start Chat</span> 485 </a> 486 <div style="display: flex; justify-content: center; align-items: center;"></div> 487 </div> 488 <div class="whatsapp-popup-button" id="whatsapp-popup"> 489 <div class="whatsapp-notify"></div> 490 <div class="whatsapp-button-main"> 491 <svg class="whatsapp-send-icon-big" xmlns="http://www.w3.org/2000/svg" version="1" width="32" 492 height="32" viewBox="0 0 90 90"> 493 <path 494 d="M90 44a44 44 0 0 1-66 38L0 90l8-24A44 44 0 0 1 46 0c24 0 44 20 44 44zM46 7C25 7 9 24 9 44c0 8 2 15 7 21l-5 14 14-4a37 37 0 0 0 58-31C83 24 66 7 46 7zm22 47l-2-1-7-4-3 1-3 4h-3c-1 0-4-1-8-5-3-3-6-6-6-8v-2l2-2 1-1v-2l-4-8c0-2-1-2-2-2h-2l-3 1c-1 1-4 4-4 9s4 11 5 11c0 1 7 12 18 16 11 5 11 3 13 3s7-2 7-5l1-5z" 495 fill="#FFF" /> 496 </svg> 497 </div> 498 </div> 499 </div> 500 </div> 501</div> 502 </header> 503 <!-- header END --> 504 505 <!-- Content --> 506 <div class="page-content bg-white"> 507 <!-- inner page banner --> 508 <div class="dlab-bnr-inr dlab-bnr-inr-lg bg-pt" 509 style="background-image:url(images/slider/contact-baner.webp);"> 510 <div class="container"> 511 <div class="dlab-bnr-inr-entry"> 512 <!-- <h1 class="text-white">About Us</h1> 513 <p> Stay informed on our news or events! </p> --> 514 <!-- Breadcrumb row --> 515 <div class="breadcrumb-row"> 516 <ul class="list-inline"> 517 <li><a href="index.php"><i class="fas fa-home"></i></a></li> 518 <li><a href="index.php"> Home </a></li> 519 <li>Contact Us</li> 520 </ul> 521 </div> 522 <!-- Breadcrumb row END --> 523 </div> 524 </div> 525 </div> 526 <!-- inner page banner END --> 527 528 529 530 <div class="contact-section"> 531 <div class="contact-wrapper"> 532 533 <!-- LEFT INFO PANEL --> 534 <div class="contact-info"> 535 <h3 class="text-white pb-2">Get in touch with our team</h3> 536 537 <ul> 538 <!-- PHONE --> 539 <li> 540 <span class="icon flip"><i class="fas fa-phone"></i></span> 541 <strong> 542 <a href="tel:+917030744477" style="color:#fff; text-decoration:none;">+91 7030 543 744477</a><br> 544 <a href="tel:+919623666752" style="color:#fff; text-decoration:none;">+91 96236 545 66752</a><br> 546 <a href="tel:+919623666752" style="color:#fff; text-decoration:none;">+91 96236 547 66752</a> 548 </strong> 549 </li> 550 551 <!-- EMAIL --> 552 <li>
553 <span class="icon flip"><i class="fas fa-envelope"></i></span> 554 <strong> 555 <a href="mailto:[email protected]" style="color:#fff; text-decoration:none;"> 556 [email protected] 557 </a><br> 558 <a href="mailto:[email protected]" style="color:#fff; text-decoration:none;"> 559 [email protected] 560 </a> 561 </strong> 562 </li> 563 564 <!-- LOCATION --> 565 <li> 566 <span class="icon flip"><i class="fas fa-location-dot"></i></span> 567 <strong> 568 Shop No.12, Plot No.02, Sector No.10,<br> 569 Bashaveshwar Industrial Complex,<br> 570 Vishweshar Chowk, Bhosari,<br> 571 Pune - 411 026 (MH) India. 572 </strong> 573 </li> 574 </ul> 575 </div> 576 577 <!-- RIGHT FORM PANEL --> 578 <div class="contact-form"> 579 <h5 class="pb-2 text-black">Reach us by completing the form for glass partition services.</h5> 580 581 582 <form> 583 <div class="form-row"> 584 <input type="text" placeholder="Full Name *"> 585 <input type="text" placeholder="Phone *"> 586 </div> 587 588 <div class="form-row"> 589 <input type="email" placeholder="Email *"> 590 <input type="email" placeholder="Products & services *"> 591 592 </div> 593 594 <textarea placeholder="Message"></textarea> 595 596 <button type="submit">Submit</button> 597 </form> 598 </div> 599 600 </div> 601 </div> 602 603 604 <div class="contact-section"> 605 <div class="contact-wrapper"> 606 <iframe 607 src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7560.955611807957!2d73.831458!3d18.642543!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bc2b872cac225f7%3A0xfa401a5f215a27ae!2sOmkar%20Glass%20%26%20Aluminium!5e0!3m2!1sen!2sin!4v1770361861705!5m2!1sen!2sin" 608 width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" 609 referrerpolicy="no-referrer-when-downgrade"></iframe> 610 </div> 611 </div> 612 613 614 615 616 617 </div> 618 <!--Footer Start--> 619 <footer class="site-footer archi-footer-2"> 620 <div class="footer-top" style="background-image: url(images/background/bg14.png); background-size: cover;"> 621 622<div class="container"> 623 <div class="row"> 624 <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6"> 625 <div class="widget widget_getintuch"> 626 <h5 class="footer-title">Get In Touch</h5> 627 <ul> 628 <!-- <li> 629 <i class="flaticon-placeholder"></i> 630 <p>1247/Plot No. 39, 15th Phase, Colony, Kkatpally, Hyderabad</p> 631 </li> --> 632 <li> 633 <i class="flaticon-phone-call"></i> 634 <p>+91 7030744477<br> +91 9623666752</p> 635 </li> 636 <li> 637 <i class="flaticon-inbox"></i> 638 <p>[email protected]<br> 639 [email protected]</p> 640 </li> 641 </ul> 642 </div> 643 </div>
644 <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6"> 645 <div class="widget widget_services "> 646 <h5 class="footer-title">Quick Links</h5> 647 <ul> 648 <li><a href="./index.php">Home</a></li> 649 <li><a href="./about.php">About Us</a></li> 650 <li><a href="./contact.php">Contact Us</a></li> 651 </ul> 652 </div> 653 </div> 654 <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6"> 655 <div class="widget widget_services "> 656 <h5 class="footer-title">Products & Services</h5> 657 <ul> 658 <li><a href="./sliding-windows.php">Sliding Windows</a></li> 659 <li><a href="./office-partitions.php">Office Partitions</a></li> 660 <li><a href="./glass-glazing-work.php">Glass Glazing Work</a></li> 661 </ul> 662 </div> 663 </div> 664 <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6"> 665 <div class="widget widget_services "> 666 <h5 class="footer-title">Project</h5> 667 <ul> 668 <li><a href="./completed.php">Completed Project</a></li> 669 <li><a href="./ongoing_project.php">Ongoing Project</a></li> 670 </ul> 671 </div> 672 </div> 673 </div> 674</div> 675 676 </div> 677 <div class="footer-bottom"> 678 679<div class="container"> 680 <div class="row"> 681 <div class="col-xl-12 col-lg-6 col-md-12 text-center"> 682 <span class="copyright-text"> © 2026 Omkar Glass And Aluminium. All Rights Reserved | <a 683 href="https://designforu.in/" target="_blank" style="color: #ffffffc7;"> <u> Design For U 684 </u></a></span> 685 </div> 686 687 </div> 688</div> 689 690 </div> 691 </footer> 692 693 <!--Footer End--> 694 <button class="scroltop fas fa-chevron-up"></button> 695 696 697 698<!-- JAVASCRIPT FILES ========================================= -->
699<script src="js/jquery.min.js"></script>
699<!-- JQUERY.MIN JS -->
700<script src="plugins/wow/wow.js"></script>
700<!-- WOW JS -->
701<script src="plugins/swiper/swiper-bundle.min.js"></script>
701<!-- Swiper -->
702<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
702<!-- BOOTSTRAP.MIN JS -->
703<script src="plugins/bootstrap-select/bootstrap-select.min.js"></script>
703<!-- FORM JS -->
704<script src="plugins/bootstrap-touchspin/jquery.bootstrap-touchspin.js"></script>
704<!-- FORM JS -->
705<script src="plugins/magnific-popup/magnific-popup.js"></script>
705<!-- MAGNIFIC POPUP JS -->
706<script src="plugins/counter/waypoints-min.js"></script>
706<!-- WAYPOINTS JS -->
707<script src="plugins/counter/counterup.min.js"></script>
707<!-- COUNTERUP JS -->
708<script src="plugins/imagesloaded/imagesloaded.js"></script>
708<!-- IMAGESLOADED -->
709<script src="plugins/masonry/masonry-3.1.4.js"></script>
709<!-- MASONRY -->
710<script src="plugins/masonry/masonry.filter.js"></script>
710<!-- MASONRY -->
711<script src="plugins/owl-carousel/owl.carousel.js"></script>
711<!-- OWL SLIDER -->
712<script src="plugins/scroll/scrollbar.min.js"></script>
712<!-- OWL SLIDER -->
713<script src="js/custom.js"></script>
713<!-- CUSTOM FUCTIONS -->
714<script src="js/dz.carousel.js"></script>
714<!-- SORTCODE FUCTIONS -->
715<script src="js/dz.ajax.js"></script>
715<!-- CONTACT JS -->
716<script src="plugins/loading/anime.js"></script>
716<!-- LOADING JS -->
717<script src="plugins/loading/anime-app.js"></script>
717<!-- LOADING JS -->
718<script src="plugins/switcher/switcher.js"></script>
718<!-- SWITCHER JS -->
719<script src="plugins/rangeslider/rangeslider.js"></script>
719<!-- SWITCHER JS -->
720<script> 721$(document).ready(function() { 722 723 $("#whatsapp-popup").on("click", function() { 724 $(".whatsapp-wrapper").toggleClass("hide-whatsapp show-whatsapp"); 725 726 setTimeout(function() { 727 $('.loading-animation').hide(); 728 $('.whatsapp-message-wrapper') 729 .css("display", "flex") 730 .hide() 731 .fadeIn("slow"); 732 }, 800); 733 }); 734 735 $(".close_whatsapp").on("click", function() { 736 $(".whatsapp-wrapper") 737 .removeClass("show-whatsapp") 738 .addClass("hide-whatsapp"); 739 }); 740 741}); 742</script>
742 743 744<!-- popup code --> 745
746<script> 747const modal = document.getElementById("enquiryModal"); 748const btn = document.getElementById("enquireBtn"); 749const close = document.querySelector(".close"); 750 751btn.onclick = () => modal.style.display = "block"; 752close.onclick = () => modal.style.display = "none"; 753 754window.onclick = (e) => { 755 if (e.target === modal) { 756 modal.style.display = "none"; 757 } 758} 759</script>
759 760 761 762 763 764 765</body> 766 767</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.