1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <!-- <title>Luxury meets the Science of Space | SJR Primecorp | primecorp.co</title> --> 8 <title>SJR Primecorp | Premium & Luxury Homes in Bangalore | sjrprime.com</title> 9 <link rel="icon" type="image/png" sizes="16x16" href="https://sjrprime.com/favicon-16x16.png?v=1.1"> 10 11 <link rel="icon" type="image/png" sizes="32x32" href="https://sjrprime.com/favicon-32x32.png?v=2"> 12 <link rel="icon" type="image/png" sizes="96x96" href="https://sjrprime.com/favicon-96x96.png?v=2"> 13 <link rel="icon" type="image/png" sizes="192x192" href="https://sjrprime.com/android-chrome-192x192.png?v=2"> 14 <link rel="apple-touch-icon" sizes="180x180" href="https://sjrprime.com/apple-touch-icon.png?v=2"> 15 <link rel="icon" type="image/svg+xml" href="https://sjrprime.com/favicon.svg?v=2"> 16 <link rel="shortcut icon" href="https://sjrprime.com/favicon.ico?v=2"> 17 <link rel="manifest" href="https://sjrprime.com/site.webmanifest?v=2"> 18 19 <meta name="description" 20 content="Since 1973, SJR Primecorp has been at the forefront of crafting exceptional living spaces - legacies that stand the test of time."> 21 <!-- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"> --> 22 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 23 <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css" integrity="sha384-NvKbDTEnL+A8F/AA5Tc5kmMLSJHUO868P+lDtTpJIeQdGYaUIuLr4lVGOEA1OcMy" crossorigin="anonymous"> --> 24 <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> --> 25 <link rel="stylesheet" href="https://unpkg.com/[email protected]/css/boxicons.min.css"> 26 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"> 27
27<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
27 28 <!--
28<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
28 --> 29 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"> 30 31 <link rel="stylesheet" href="css/custom.css"> 32 33 <style> 34 .container1 { 35 max-width: 96rem; 36 height: auto; 37 margin: 0 auto; 38 padding: 0 1.25rem; 39 } 40 41 .brand { 42 font-family: inherit; 43 font-size: 1.6rem; 44 font-weight: 700; 45 width: 160px; 46 line-height: 1.25; 47 letter-spacing: -1px; 48 text-transform: uppercase; 49 color: var(--color-pink-500); 50 } 51 52 53 54 55 .swiper-button-next, 56 .swiper-button-prev { 57 color: #9a9a9a !important; 58 background: #fff; 59 padding: 15px; 60 border-radius: 5%; 61 } 62 63 .swiper-horizontal>.swiper-pagination-bullets, 64 .swiper-pagination-bullets.swiper-pagination-horizontal, 65 .swiper-pagination-custom, 66 .swiper-pagination-fraction { 67 bottom: -2%; 68 z-index: 999; 69 position: relative; 70 width: 100%; 71 display: block; 72 margin: auto; 73 background-color: #fff; 74 } 75 76 .swiper-pagination-bullet-active { 77 opacity: var(--swiper-pagination-bullet-opacity, 1); 78 background: #000000cc !important; 79 } 80 81 .swiper-button-next:after, 82 .swiper-button-prev:after { 83 font-size: 25px !important 84 } 85 86 #myVideo { 87 /* position: fixed; */ 88 right: 0; 89 bottom: 0; 90 min-width: 100%; 91 min-height: 100%; 92 } 93 94 .section_enqury_form { 95 border-bottom: 10px solid #bd2030; 96 97 } 98 99 .single-input-fieldsbtn { 100 width: 50%; 101 margin-left: auto; 102 display: flex; 103 justify-content: flex-end; 104 padding: 10px; 105 } 106 107 .single-input-fieldsbtn .btn-submit { 108 width: auto; 109 110 background: #c23544 !important; 111 color: #fff; 112 padding: 10px 25px; 113 border: none; 114 cursor: pointer; 115 } 116 117 .partner-with-us { 118 position: absolute; 119 max-width: 500px; 120 background: #c13443; 121 122 bottom: 0px; 123 right: 12%; 124 padding: 70px 50px 40px; 125 126 } 127 128 .partner-with-us h2 { 129 color: #fff; 130 margin-bottom: 20px; 131 display: block !important; 132 133 134 } 135 136 .partner-with-us p { 137 color: #fff; 138 139 } 140 141 .explore-btn { 142 display: flex; 143 justify-content: flex-start; 144 background: #fff; 145 margin-top: 30px; 146 padding: 5px 10px; 147 width: 20%; 148 } 149 150 .explore-btn a { 151 color: #c13443; 152 } 153 154 .featured-projects-section { 155 width: 100%; 156 background: #f1f2f2; 157 158 border-bottom: 4px solid #bd2030; 159 160 overflow: hidden; 161 } 162 163 164 .featured-projects-wrapper { 165 width: 100%; 166 167 display: grid; 168 169 grid-template-columns: 50% 50%; 170 171 align-items: stretch; 172 } 173 174 175 .featured-projects-content { 176 177 min-width: 0; 178 179 display: flex; 180 flex-direction: column; 181 182 justify-content: center; 183 184 padding: 70px 50px 70px 32%; 185 186 background: #f1f2f2; 187 } 188 189 190 .featured-projects-content h1 { 191 192 margin: 0 0 18px; 193 194 color: #e41c24; 195 196 font-size: 22px; 197 198 199 line-height: 1.2; 200 } 201 202 203 .featured-projects-content p { 204 205 max-width: 390px; 206 207 margin: 0; 208 209 210 line-height: 1.4; 211 } 212 213 214 .featured-projects-right { 215 216 position: relative; 217 218 min-width: 0; 219 220 overflow: hidden; 221 222 padding: 50px 0 35px 50px; 223 224 background: #e5e6e7; 225 } 226 227 228 .projects-slider { 229 230 width: 100%; 231 232 display: flex; 233 234 gap: 10px; 235 236 overflow-x: auto; 237 overflow-y: hidden; 238 239 scroll-behavior: smooth; 240 241 scrollbar-width: none; 242 243 cursor: auto; 244 245 user-select: none; 246 -webkit-user-select: none; 247 -moz-user-select: none; 248 249 -webkit-user-drag: none; 250 } 251 252 253 .projects-slider::-webkit-scrollbar {
254 display: none; 255 } 256 257 258 .projects-slider.dragging { 259 260 cursor: auto; 261 262 scroll-behavior: auto; 263 } 264 265 266 .project-card { 267 268 269 flex: 0 0 325px; 270 271 width: 325px; 272 273 min-width: 325px; 274 275 user-select: none; 276 277 -webkit-user-select: none; 278 279 -webkit-user-drag: none; 280 } 281 282 283 .project-image { 284 285 width: 325px; 286 287 height: 325px; 288 289 overflow: hidden; 290 291 background: #ddd; 292 } 293 294 295 .project-image img { 296 297 display: block; 298 299 width: 100%; 300 301 height: 100%; 302 303 object-fit: cover; 304 305 user-select: none; 306 307 -webkit-user-select: none; 308 309 -webkit-user-drag: none; 310 311 pointer-events: none; 312 } 313 314 315 .project-details { 316 317 border-top: 8px solid #d4212d; 318 319 padding: 9px 12px 15px; 320 321 background: #e5e6e7; 322 } 323 324 325 .project-details h3 { 326 327 margin: 0; 328 329 color: #e41c24; 330 ; 331 332 333 font-weight: 500; 334 335 line-height: 1.2; 336 } 337 338 339 .project-details p { 340 341 margin: 2px 0 0; 342 343 color: #e41c24; 344 345 346 line-height: 1.2; 347 } 348 349 350 .projects-arrows { 351 352 display: flex; 353 354 justify-content: flex-end; 355 356 gap: 10px; 357 358 padding: 15px 30px 0 0; 359 } 360 361 362 .project-arrow { 363 364 width: 40px; 365 366 height: 40px; 367 368 border: 0; 369 370 background: #f8f8f8; 371 372 color: #e41c24; 373 374 display: flex; 375 376 align-items: center; 377 378 justify-content: center; 379 380 cursor: pointer; 381 382 transition: 0.2s ease; 383 } 384 385 386 .project-arrow span { 387 388 font-size: 30px; 389 390 line-height: 1; 391 392 margin-top: -4px; 393 } 394 395 396 .project-arrow:hover { 397 398 background: #e41c24; 399 400 color: #fff; 401 } 402 403 404 .project-arrow:disabled { 405 406 opacity: 0.4; 407 408 cursor: default; 409 410 background: #f8f8f8; 411 412 color: #e41c24; 413 } 414 415 @media only screen and (max-width: 1366px) { 416 .partner-with-us { 417 max-width: 350px; 418 padding: 50px 40px 20px; 419 right: 8%; 420 } 421 422 .partner-with-us h2 { 423 color: #fff; 424 margin-bottom: 10px; 425 } 426 427 .explore-btn { 428 padding: 5px 10px; 429 width: 27%; 430 margin-top: 20px; 431 } 432 } 433 434 @media only screen and (max-width: 767px) { 435 436 .sec5 .swiper-button-next, 437 .sec5 .swiper-button-prev { 438 top: var(--swiper-navigation-top-offset, 32%) !important; 439 } 440 441 .sec5 .swiper-button-prev { 442 left: var(--swiper-navigation-sides-offset, 5px) !important; 443 } 444 445 .sec5 .swiper-button-next { 446 right: var(--swiper-navigation-sides-offset, 10px) !important; 447 } 448 449 450 .featured-projects-section { 451 width: 100%; 452 overflow: hidden; 453 border-bottom: 4px solid #bd2030; 454 } 455 456 457 .featured-projects-wrapper { 458 width: 100%; 459 display: flex; 460 flex-direction: column; 461 } 462 463 464 .featured-projects-content { 465 width: 100%; 466 min-width: 0; 467 468 display: flex; 469 flex-direction: column; 470 justify-content: center; 471 472 padding: 38px 40px 30px; 473 474 background: #f1f2f2; 475 box-sizing: border-box; 476 } 477 478 479 .featured-projects-content h1 { 480 margin: 0 0 18px; 481 482 font-size: 20px; 483 line-height: 1.2; 484 485 color: #e41c24; 486 } 487 488 489 .featured-projects-content p { 490 max-width: 100%; 491 492 margin: 0; 493 494 font-size: 14px; 495 line-height: 1.4; 496 497 color: #333; 498 } 499 500 501 .featured-projects-right { 502 width: 100%; 503 min-width: 0; 504 505 padding: 25px 0 20px; 506 507 background: #e5e6e7; 508 509 overflow: hidden; 510 box-sizing: border-box; 511 } 512 513 .projects-slider { 514 width: 100%; 515 516 display: flex; 517 gap: 7px; 518 519 overflow-x: auto; 520 overflow-y: hidden; 521 522 padding: 0 0 0 40px; 523 524 scroll-behavior: smooth; 525 526 scrollbar-width: none; 527 528 cursor: auto; 529 530 user-select: none; 531 -webkit-user-select: none; 532 } 533 534 535 .projects-slider::-webkit-scrollbar {
536 display: none; 537 } 538 539 540 .projects-slider.dragging { 541 cursor: auto; 542 scroll-behavior: auto; 543 } 544 545 .project-card { 546 flex: 0 0 257px; 547 548 width: 257px; 549 min-width: 257px; 550 551 user-select: none; 552 -webkit-user-select: none; 553 } 554 555 .project-image { 556 width: 257px; 557 height: 257px; 558 559 overflow: hidden; 560 561 background: #ddd; 562 } 563 564 565 .project-image img { 566 display: block; 567 568 width: 100%; 569 height: 100%; 570 571 object-fit: cover; 572 573 user-select: none; 574 -webkit-user-select: none; 575 -webkit-user-drag: none; 576 577 pointer-events: none; 578 } 579 580 581 .project-details { 582 border-top: 8px solid #d4212d; 583 584 padding: 8px 12px 15px; 585 586 min-height: 64px; 587 588 background: #e5e6e7; 589 box-sizing: border-box; 590 } 591 592 593 .project-details h3 { 594 margin: 0; 595 596 font-size: 14px; 597 font-weight: 500; 598 599 line-height: 1.2; 600 601 color: #e41c24; 602 } 603 604 605 .project-details p { 606 margin: 2px 0 0; 607 608 font-size: 14px; 609 line-height: 1.2; 610 611 color: #e41c24; 612 } 613 614 .projects-arrows { 615 display: flex; 616 617 justify-content: flex-end; 618 align-items: center; 619 620 gap: 8px; 621 622 padding: 12px 30px 0 0; 623 } 624 625 626 .project-arrow { 627 width: 36px; 628 height: 36px; 629 630 border: 0; 631 632 background: #f8f8f8; 633 634 color: #e41c24; 635 636 display: flex; 637 align-items: center; 638 justify-content: center; 639 640 cursor: pointer; 641 642 transition: 0.2s ease; 643 } 644 645 646 .project-arrow span { 647 font-size: 26px; 648 line-height: 1; 649 650 margin-top: -3px; 651 } 652 653 654 .project-arrow:hover { 655 background: #e41c24; 656 color: #fff; 657 } 658 659 660 .project-arrow:disabled { 661 opacity: 0.4; 662 663 cursor: default; 664 665 background: #f8f8f8; 666 color: #e41c24; 667 } 668 } 669 </style> 670 671</head> 672 673<body> 674 <!DOCTYPE html> 675<html lang="en"> 676 677<head> 678 <meta charset="UTF-8"> 679 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 680 <!-- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"> --> 681 <link rel="icon" type="image/png" sizes="16x16" href="https://sjrprime.com/favicon-16x16.png?v=1.1"> 682 683 <link rel="icon" type="image/png" sizes="32x32" href="https://sjrprime.com/favicon-32x32.png?v=2"> 684 <link rel="icon" type="image/png" sizes="96x96" href="https://sjrprime.com/favicon-96x96.png?v=2"> 685 <link rel="icon" type="image/png" sizes="192x192" href="https://sjrprime.com/android-chrome-192x192.png?v=2"> 686 <link rel="apple-touch-icon" sizes="180x180" href="https://sjrprime.com/apple-touch-icon.png?v=2"> 687 <link rel="icon" type="image/svg+xml" href="https://sjrprime.com/favicon.svg?v=2"> 688 <link rel="shortcut icon" href="https://sjrprime.com/favicon.ico?v=2"> 689 <link rel="manifest" href="https://sjrprime.com/site.webmanifest?v=2"> 690 691 <!-- <link rel="shortcut icon" type="image/x-generic" href="https://primecorp.co/favicon-16x16.png">--> 692 <!--<link rel="icon" href="https://primecorp.co/favicon-16x16.png" type="image/x-generic" />--> 693 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 694 <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css" integrity="sha384-NvKbDTEnL+A8F/AA5Tc5kmMLSJHUO868P+lDtTpJIeQdGYaUIuLr4lVGOEA1OcMy" crossorigin="anonymous"> --> 695 <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> --> 696 <link rel="stylesheet" href="https://unpkg.com/[email protected]/css/boxicons.min.css"> 697 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"> 698 699 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" /> 700
700<script defer src="https://www.kenyt.ai/botapp/ChatbotUI/dist/js/bot-loader.js" type="text/javascript" 701 data-bot="24062106"></script>
701 702 <!-- Meta Pixel Code --> 703
703<script>
vendor: 602 bytes, lines 703-722
703 704 ! function(f, b, e, v, n, t, s) { 705 if (f.fbq) return; 706 n = f.fbq = function() { 707 n.callMethod ? 708 n.callMethod.apply(n, arguments) : n.queue.push(arguments) 709 }; 710 if (!f._fbq) f._fbq = n; 711 n.push = n; 712 n.loaded = !0; 713 n.version = '2.0'; 714 n.queue = []; 715 t = b.createElement(e); 716 t.async = !0; 717 t.src = v; 718 s = b.getElementsByTagName(e)[0]; 719 s.parentNode.insertBefore(t, s) 720 }(window, document, 'script', 721 'https://connect.facebook.net/en_US/fbevents.js'); 722 fbq('init', '
7222344520202736337
vendor: 38 bytes, lines 722-724
722'); 723 fbq('track', 'PageView'); 724
724</script>
724 725 <noscript><img height="1" width="1" style="display:none" 726 src="https://www.facebook.com/tr?id=2344520202736337&ev=PageView&noscript=1" /></noscript> 727 <!-- End Meta Pixel Code --> 728 729 <style> 730 /* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap'); */ 731 @import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap'); 732 733 @font-face { 734 font-family: gloock-regular; 735 src: url('fonts/Gloock-Regular.ttf'); 736 } 737 738 739 div { 740 line-height: 140%; 741 } 742 743 :root { 744 --color-white-100: hsl(206, 5%, 100%); 745 --color-white-200: hsl(206, 5%, 90%); 746 --color-white-300: hsl(206, 5%, 80%); 747 --color-white-400: hsl(206, 5%, 60%); 748 --color-white-500: hsl(206, 5%, 50%); 749 --color-black-100: hsl(213, 23%, 8%); 750 --color-black-200: hsl(214, 21%, 6%); 751 --color-black-300: hsl(210, 21%, 6%); 752 --color-black-400: hsl(216, 22%, 4%); 753 --color-black-500: hsl(220, 18%, 3%); 754 --color-pink-100: hsl(326, 85%, 90%); 755 --color-pink-200: hsl(327, 87%, 80%); 756 --color-pink-300: hsl(329, 86%, 70%); 757 --color-pink-400: hsl(330, 81%, 60%); 758 --color-pink-500: hsl(333, 71%, 50%); 759 --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 760 0 1px 2px 0 rgba(0, 0, 0, 0.06); 761 --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 762 0 2px 4px -1px rgba(0, 0, 0, 0.06); 763 --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 764 0 4px 6px -2px rgba(0, 0, 0, 0.05); 765 } 766 767 *, 768 *::before, 769 *::after { 770 padding: 0; 771 margin: 0; 772 box-sizing: border-box; 773 list-style: none; 774 list-style-type: none; 775 text-decoration: none; 776 -webkit-font-smoothing: antialiased; 777 -moz-osx-font-smoothing: grayscale; 778 text-rendering: optimizeLegibility; 779 } 780 781 html { 782 font-size: 100%; 783 box-sizing: inherit; 784 scroll-behavior: smooth; 785 height: -webkit-fill-available; 786 } 787 788 body { 789 /* font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; */ 790 font-family: "Red Hat Display", sans-serif; 791 /* font-size: 1rem; */ 792 font-weight: 400; 793 line-height: 1.5; 794 color: var(--color-black-500); 795 background-color: var(--color-white-100); 796 } 797 798 a, 799 button { 800 cursor: pointer; 801 border: none; 802 outline: none; 803 -webkit-user-select: none; 804 -moz-user-select: none; 805 -ms-user-select: none; 806 user-select: none; 807 background: none; 808 box-shadow: none; 809 } 810 811 img, 812 video { 813 display: block; 814 max-width: 100%; 815 height: auto; 816 -o-object-fit: cover; 817 object-fit: cover; 818 } 819 820 .container1 { 821 max-width: 96rem; 822 height: auto; 823 margin: 0 auto; 824 padding: 0 1.25rem; 825 } 826 827 .brand { 828 font-family: inherit; 829 font-size: 1.6rem; 830 font-weight: 700; 831 width: 160px; 832 line-height: 1.25; 833 letter-spacing: -1px; 834 text-transform: uppercase; 835 color: var(--color-pink-500); 836 } 837 838 .header { 839 position: fixed; 840 top: 0; 841 left: 0; 842 width: 100%; 843 height: auto; 844 z-index: 100; 845 margin: 0 auto; 846 847 848 padding: 1% 0px 0px; 849 } 850 851 .header { 852 box-shadow: var(--shadow-medium); 853 background-color: #f1f2f2; 854 } 855 856 .header.header_1 { 857 background: #f1f2f2 !important; 858 box-shadow: var(--shadow-medium); 859 } 860 861 .wrapper { 862 display: flex; 863 align-items: center; 864 justify-content: space-between; 865 -moz-column-gap: 1rem; 866 column-gap: 1rem; 867 row-gap: 2rem; 868 width: 100%; 869 height: 4rem; 870 margin: 0 auto; 871 gap: 17rem; 872 873 } 874 875 .desktop { 876 display: block; 877 } 878 879 .mobile { 880 display: none; 881 } 882 883 884 @media screen and (max-width: 992px) { 885 886 .navbar { 887 position: fixed; 888 top: 0; 889 left: -100%; 890 width: 75%; 891 height: 100%; 892 z-index: 10; 893 opacity: 0; 894 overflow-y: auto; 895 visibility: hidden; 896 box-shadow: var(--shadow-medium); 897 background-color: var(--color-white-100); 898 transition: all 0.5s ease; 899 } 900 901 .navbar.active { 902 left: 0rem; 903 opacity: 1; 904 visibility: visible; 905 } 906 } 907 908 .menu-item { 909 position: relative; 910 display: inline-block; 911 margin-left: 1.5rem; 912 } 913 914 .menu-link { 915 display: flex; 916 justify-content: center; 917 align-items: center; 918 -moz-column-gap: 0.25rem; 919 column-gap: 0.25rem; 920 font-family: inherit; 921 font-size: 1rem; 922 font-weight: 500; 923 line-height: inherit; 924 cursor: pointer; 925 text-transform: capitalize; 926 color: #000; 927 transition: all 0.3s ease-in-out; 928 } 929 930 .wrapper { 931 display: flex; 932 align-items: center; 933 justify-content: space-between; 934 -moz-column-gap: 1rem; 935 column-gap: 1rem; 936 row-gap: 2rem; 937 width: 100%; 938 height: 4rem; 939 margin: 0 auto; 940 gap: 10rem; 941 } 942 943 .menu-link>i.bx { 944 font-size: 1.35rem; 945 line-height: 1.5; 946 color: inherit; 947 } 948 949 .menu-link:hover { 950 outline: none; 951 bottom: 0px; 952 color: #e41c24; 953 border-bottom: 3px solid #e41c24; 954 } 955 956 .menu-item:nth-child(3) .menu-link:hover { 957 border-bottom: none; 958 } 959 960 @media only screen and (min-width: 993px) { 961 .menu-dropdown:hover>.submenu { 962 display: block; 963 opacity: 1; 964 visibility: visible; 965 transform: translateY(0); 966 } 967 } 968 969 @media only screen and (max-width: 992px) { 970 .menu { 971 width: 100%; 972 height: auto; 973 padding: 1rem 0; 974 } 975 976 .menu-item { 977 display: block; 978 margin: 0 auto; 979 } 980 981 .menu-link { 982 justify-content: space-between; 983 padding: 0.5rem 1.25rem; 984 color: #000; 985 } 986 } 987 988 .submenu { 989 position: absolute; 990 /* top: 3rem; */ 991 left: -1.5rem; 992 min-width: 10rem; 993 height: auto; 994 padding: 0 1rem 1rem; 995 opacity: 0; 996 visibility: hidden; 997 transform: translateY(1rem); 998 border-radius: 0 0 0.25rem 0.25rem; 999 border-top: 3px solid #e41c24; 1000 box-shadow: var(--shadow-medium); 1001 background-color: var(--color-white-100); 1002 transition: all 0.3s ease-in-out; 1003 } 1004 1005 .submenu-item { 1006 display: block; 1007 margin-top: 0.75rem; 1008 margin-bottom: 0.75rem; 1009 1010 } 1011 1012 .submenu-link { 1013 font-family: inherit; 1014 font-size: 1rem; 1015 font-weight: 500; 1016 line-height: inherit; 1017 cursor: pointer; 1018 color: var(--color-black-500); 1019 transition: all 0.35s ease; 1020 } 1021 1022 .submenu-link:hover { 1023 outline: none; 1024 color: #e41c24; 1025 } 1026 1027 .projects_sec1_flex { 1028 display: flex; 1029 flex-wrap: nowrap; 1030 align-content: center; 1031 justify-content: center; 1032 align-items: center; 1033 width: 80%; 1034 margin: auto; 1035 } 1036 1037 .projects_sec1_flex_div1 a { 1038 padding: 1% 2%; 1039 color: #fff; 1040 background: #86888b; 1041 text-decoration: none; 1042 border-radius: 5px; 1043 } 1044 1045 .projects_sec2 .projects_sec2_div1 { 1046 font-weight: bold; 1047 } 1048 1049 @media only screen and (max-width: 992px) { 1050 .submenu { 1051 position: relative; 1052 top: -0.5rem; 1053 left: 2.5rem; 1054 width: max-content; 1055 max-height: max-content; 1056 padding: 0px; 1057 border: none; 1058 outline: none; 1059 opacity: 1; 1060 overflow: hidden; 1061 visibility: visible; 1062 transform: translateY(0px); 1063 box-shadow: none; 1064 background: transparent; 1065 } 1066 } 1067 1068 .burger { 1069 position: relative; 1070 display: none; 1071 cursor: pointer; 1072 -webkit-user-select: none; 1073 -moz-user-select: none;
1074 -ms-user-select: none; 1075 user-select: none; 1076 width: 1.6rem; 1077 height: 1.15rem; 1078 opacity: 0; 1079 visibility: hidden; 1080 background: transparent; 1081 } 1082 1083 .burger-line { 1084 position: absolute; 1085 display: block; 1086 right: 0; 1087 width: 100%; 1088 height: 2.1px; 1089 opacity: 1; 1090 border: none; 1091 outline: none; 1092 border-radius: 1rem; 1093 background: #000; 1094 } 1095 1096 .burger-line:nth-child(1) { 1097 top: 0px; 1098 } 1099 1100 .burger-line:nth-child(2) { 1101 top: 0.5rem; 1102 width: 70%; 1103 } 1104 1105 .burger-line:nth-child(3) { 1106 top: 1rem; 1107 } 1108 1109 @media only screen and (max-width: 992px) { 1110 .burger { 1111 display: block; 1112 opacity: 1; 1113 visibility: visible; 1114 } 1115 } 1116 1117 .overlay { 1118 position: fixed; 1119 top: 0; 1120 left: 0; 1121 height: 100%; 1122 width: 100%; 1123 z-index: 9; 1124 opacity: 0; 1125 visibility: hidden; 1126 transition: all 0.35s ease-in-out; 1127 background-color: rgba(0, 0, 0, 0.65); 1128 } 1129 1130 @media only screen and (max-width: 992px) { 1131 .overlay.active { 1132 display: block; 1133 opacity: 1; 1134 visibility: visible; 1135 } 1136 } 1137 1138 1139 .overlay-container { 1140 display: none; 1141 position: fixed; 1142 top: 40%; 1143 right: 15%; 1144 margin-top: 15px; 1145 /* background: rgba(0, 0, 0, 0.6); */ 1146 justify-content: center; 1147 align-items: center; 1148 opacity: 0; 1149 transition: opacity 0.3s ease; 1150 } 1151 1152 .menu { 1153 margin-top: 3%; 1154 } 1155 1156 1157 1158 1159 1160 1161 1162 @media only screen and (max-width: 767px) { 1163 .menu-link { 1164 color: #000; 1165 } 1166 1167 .brand { 1168 width: 140px; 1169 } 1170 1171 .ht-100 { 1172 height: 50px; 1173 } 1174 1175 body { 1176 font-size: 0.9rem; 1177 } 1178 1179 .desktop { 1180 display: none; 1181 } 1182 1183 .mobile { 1184 display: block; 1185 } 1186 1187 .wrapper { 1188 1189 gap: 10rem; 1190 justify-content: flex-end; 1191 } 1192 1193 .overlay-container { 1194 top: 55%; 1195 right: 5%; 1196 } 1197 1198 } 1199 1200 1201 @media screen and (min-width : 1224px) { 1202 body { 1203 font-size: 1rem; 1204 } 1205 1206 .container1 { 1207 max-width: 65rem; 1208 } 1209 1210 .menu { 1211 margin-top: 3%; 1212 } 1213 1214 .wrapper { 1215 1216 gap: 7rem; 1217 justify-content: flex-end; 1218 } 1219 1220 1221 1222 } 1223 1224 1225 @media screen and (min-width : 1824px) { 1226 body { 1227 font-size: 1.2rem; 1228 } 1229 1230 .container1 { 1231 max-width: 96rem; 1232 } 1233 1234 .menu { 1235 margin-top: 5%; 1236 } 1237 1238 .wrapper { 1239 1240 gap: 17rem; 1241 justify-content: flex-start; 1242 } 1243 1244 } 1245 1246 @media screen and (min-width: 1025px) and (max-width: 1200px) { 1247 .homepage_sec2_flex_left { 1248 width: 100%; 1249 } 1250 1251 .mayfair_footer_flex_item_subflex_2_item_1, 1252 .mayfair_footer_flex_item_subflex_2_item_2 { 1253 1254 font-size: 0.8rem !important; 1255 1256 } 1257 1258 .homepage_sec2_flex_left_div1, 1259 .homepage_sec2_flex_left_div2 { 1260 width: 100%; 1261 /* margin-left: 10%; */ 1262 padding: 7.15%; 1263 } 1264 1265 .presence_block_flex_left { 1266 width: 50%; 1267 margin-left: 0%; 1268 1269 } 1270 1271 .presence_headding_div .presence_headding { 1272 font-size: 3rem; 1273 } 1274 1275 .presence_table h1 { 1276 font-size: 3rem; 1277 } 1278 1279 .presence_table span { 1280 font-size: 1rem; 1281 } 1282 1283 .presence_block_flex { 1284 1285 position: relative; 1286 } 1287 1288 .presence_block_flex_right { 1289 width: 45%; 1290 float: right; 1291 right: 0; 1292 bottom: 0; 1293 position: absolute; 1294 1295 } 1296 1297 .presence_table { 1298 z-index: 111; 1299 position: relative; 1300 max-width: 450px; 1301 width: 450px; 1302 } 1303 1304 .parallax_sec4 { 1305 min-height: 300px; 1306 } 1307 1308 .sec5_flex_div1 { 1309 padding-left: 5%; 1310 } 1311 1312 .parallax_sec6 { 1313 min-height: 400px; 1314 } 1315 1316 .main_centered { 1317 position: absolute; 1318 top: 67%; 1319 } 1320 1321 .overlay8_1 { 1322 top: 45%; 1323 } 1324 1325 .parallax_aboutsec1 { 1326 min-height: 500px; 1327 } 1328 1329 .buildwith_top_para_div { 1330 top: 20%; 1331 font-size: 2rem; 1332 } 1333 1334 .ethos_sec_2_flex { 1335 padding: 2%; 1336 padding-top: 2%; 1337 padding-bottom: 0%; 1338 } 1339 1340 .ethos_sec_2_flex_div222 { 1341 max-width: 55%; 1342 padding-left: 5%; 1343 } 1344 1345 .projects_sec2_box_item_right { 1346 max-width: 600px; 1347 padding-right: 10%; 1348 padding-top: 7%; 1349 padding-left: 5%; 1350 } 1351 1352 .about_presence_flex_item, 1353 .about_presence_flex_item2, 1354 .about_presence_flex_item1, 1355 .about_presence_flex_item, 1356 .about_presence_flex_item2, 1357 .about_presence_flex_item3, 1358 .about_presence_flex_item4 { 1359 width: 275px; 1360 height: 275px; 1361 } 1362 1363 .ethos_headding { 1364 max-width: 600px; 1365 margin-left: 10%; 1366 } 1367 1368 .mayfair_footer_flex_item_link { 1369 width: 35% !important; 1370 } 1371 } 1372 </style> 1373 <!-- Google Tag Manager --> 1374
1374<script>
vendor: 498 bytes, lines 1374-1388
1374 1375 (function(w, d, s, l, i) { 1376 w[l] = w[l] || []; 1377 w[l].push({ 1378 'gtm.start': new Date().getTime(), 1379 event: 'gtm.js' 1380 }); 1381 var f = d.getElementsByTagName(s)[0], 1382 j = d.createElement(s), 1383 dl = l != 'dataLayer' ? '&l=' + l : ''; 1384 j.async = true; 1385 j.src = 1386 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 1387 f.parentNode.insertBefore(j, f); 1388 })(window, document, 'script', 'dataLayer', '
1388GTM-PRGXJF44
vendor: 8 bytes, lines 1388-1389
1388'); 1389
1389</script>
1389 1390 <!-- End Google Tag Manager --> 1391 1392 1393 <!-- Meta Pixel Code --> 1394
1394<script>
vendor: 602 bytes, lines 1394-1413
1394 1395 ! function(f, b, e, v, n, t, s) { 1396 if (f.fbq) return; 1397 n = f.fbq = function() { 1398 n.callMethod ? 1399 n.callMethod.apply(n, arguments) : n.queue.push(arguments) 1400 }; 1401 if (!f._fbq) f._fbq = n; 1402 n.push = n; 1403 n.loaded = !0; 1404 n.version = '2.0'; 1405 n.queue = []; 1406 t = b.createElement(e); 1407 t.async = !0; 1408 t.src = v; 1409 s = b.getElementsByTagName(e)[0]; 1410 s.parentNode.insertBefore(t, s) 1411 }(window, document, 'script', 1412 'https://connect.facebook.net/en_US/fbevents.js'); 1413 fbq('init', '
1413182010843955327
vendor: 38 bytes, lines 1413-1415
1413'); 1414 fbq('track', 'PageView'); 1415
1415</script>
1415 1416 <noscript><img height="1" width="1" style="display:none" 1417 src="https://www.facebook.com/tr?id=182010843955327&ev=PageView&noscript=1" /></noscript> 1418 <!-- End Meta Pixel Code --> 1419</head> 1420 1421<body> 1422 1423 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 1423-1424
1423 1424 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1424GTM-PRGXJF44
vendor: 99 bytes, lines 1424-1426
1424" height="0" width="0" 1425 style="display:none;visibility:hidden"></iframe></noscript> 1426
1426<!-- End Google Tag Manager (noscript) --> 1427 <!-- <div style="background-color: #080504;"> --> 1428 <header class="header" id="header"> 1429 <section class="wrapper container1"> 1430 <a href="index" class="brand"> <img src="images/homepage/sjr-logo.png" class="w-100" alt=""> </a> 1431 <div class="burger" id="burger"> 1432 <span class="burger-line"></span> 1433 <span class="burger-line"></span> 1434 <span class="burger-line"></span> 1435 </div> 1436 <span class="overlay"></span> 1437 <nav class="navbar" id="navbar"> 1438 <ul class="menu" id="menu"> 1439 <li class="menu-item"><a href="index" class="menu-link">HOME</a></li> 1440 <li class="menu-item"><a href="aboutus" class="menu-link">ABOUT US</a></li> 1441 1442 <!-- <li class="menu-item menu-dropdown"> 1443 <span class="menu-link" data-toggle="submenu">ABOUT US</span> 1444 <i class="bx bx-chevron-down"></i> 1445 <ul class="submenu"> 1446 <li class="submenu-item"><a href="#" class="submenu-link">Feature Link</a></li> 1447 <li class="submenu-item"><a href="#" class="submenu-link">Feature Link</a></li> 1448 <li class="submenu-item"><a href="#" class="submenu-link">Feature Link</a></li> 1449 <li class="submenu-item"><a href="#" class="submenu-link">Feature Link</a></li> 1450 </ul> 1451 </li> --> 1452 <li class="menu-item menu-dropdown"> 1453 <a href="project" class="desktop"> <span class="menu-link" data-toggle="submenu"> PROJECTS <i 1454 class="bx bx-chevron-down"></i></span> </a> 1455 1456 <a href="project" class="mobile"> <span class="menu-link"> PROJECTS <i 1457 class="bx bx-chevron-down"></i></span> </a> 1458 <ul class="submenu"> 1459 <li class="submenu-item"><a href="project" class="submenu-link"> 1460 RESIDENTIAL <br> 1461 </a></li> 1462 <hr> 1463 <li class="submenu-item"><a href="commercial_projects" class="submenu-link">COMMERCIAL</a> 1464 </li> 1465 <hr> 1466 <li class="submenu-item"><a href="managed_workspaces" class="submenu-link">MANAGED 1467 WORKSPACES</a></li> 1468 1469 </ul> 1470 </li> 1471 <!-- <li class="menu-item menu-dropdown"> 1472 <span class="menu-link" data-toggle="submenu">ETHOS </span> 1473 1474 </li> --> 1475 <!-- <li class="menu-item"><a href="ethos" class="menu-link">ETHOS</a></li> --> 1476 <li class="menu-item"><a href="build_with_us" class="menu-link"> PARTNER WITH US </a></li> 1477 <li class="menu-item"><a href="contact" class="menu-link">CONTACT</a></li> 1478 1479 </ul> 1480 </nav> 1481 </section> 1482 1483 1484 <!-- Google tag (gtag.js) -->
vendor: 72 bytes, lines 1484-1485
1484 1485 <script async src="https://www.googletagmanager.com/gtag/js?id=
1485G-5H7NNEGNSM
vendor: 20 bytes, lines 1485-1486
1485"></script> 1486
1486<script> 1487
vendor: 176 bytes, lines 1487-1494
1487window.dataLayer = window.dataLayer || []; 1488 1489 function gtag() { 1490 dataLayer.push(arguments); 1491 } 1492 gtag('js', new Date()); 1493 1494 gtag('config', '
1494G-5H7NNEGNSM
vendor: 12 bytes, lines 1494-1495
1494'); 1495
1495</script>
1495 1496 1497 </header> 1498 1499 1500 1501
1501<script> 1502 const navbarMenu = document.getElementById("navbar"); 1503 const burgerMenu = document.getElementById("burger"); 1504 const overlayMenu = document.querySelector(".overlay"); 1505 1506 // Show and Hide Navbar Function 1507 const toggleMenu = () => { 1508 navbarMenu.classList.toggle("active"); 1509 overlayMenu.classList.toggle("active"); 1510 }; 1511 1512 // Collapsible Mobile Submenu Function 1513 const collapseSubMenu = () => { 1514 navbarMenu 1515 .querySelector(".menu-dropdown.active .submenu") 1516 .removeAttribute("style"); 1517 navbarMenu.querySelector(".menu-dropdown.active").classList.remove("active"); 1518 }; 1519 1520 // Toggle Mobile Submenu Function 1521 const toggleSubMenu = (e) => { 1522 if (e.target.hasAttribute("data-toggle") && window.innerWidth <= 992) { 1523 e.preventDefault(); 1524 const menuDropdown = e.target.parentElement; 1525 1526 // If Dropdown is Expanded, then Collapse It 1527 if (menuDropdown.classList.contains("active")) { 1528 collapseSubMenu(); 1529 } else { 1530 // Collapse Existing Expanded Dropdown 1531 if (navbarMenu.querySelector(".menu-dropdown.active")) { 1532 collapseSubMenu(); 1533 } 1534 1535 // Expanded the New Dropdown 1536 menuDropdown.classList.add("active"); 1537 const subMenu = menuDropdown.querySelector(".submenu"); 1538 subMenu.style.maxHeight = subMenu.scrollHeight + 30 + "px"; 1539 } 1540 } 1541 }; 1542 1543 // Fixed Resize Window Function 1544 const resizeWindow = () => { 1545 if (window.innerWidth > 992) { 1546 if (navbarMenu.classList.contains("active")) { 1547 toggleMenu(); 1548 } 1549 if (navbarMenu.querySelector(".menu-dropdown.active")) { 1550 collapseSubMenu(); 1551 } 1552 } 1553 }; 1554 1555 // Initialize Event Listeners 1556 burgerMenu.addEventListener("click", toggleMenu); 1557 overlayMenu.addEventListener("click", toggleMenu); 1558 navbarMenu.addEventListener("click", toggleSubMenu); 1559 window.addEventListener("resize", resizeWindow); 1560 </script>
1560 1561 <section> 1562 <!-- <img src="images/video.png" class="w-100 desktop" alt=""> --> 1563 1564 <video autoplay muted loop id="myVideo" class="desktop"> 1565 <source src="video/Primecorp Home Page Video 1920-850 px.mp4" type="video/mp4"> 1566 Your browser does not support HTML5 video. 1567 </video> 1568 1569 1570 1571 <video playsinline autoplay muted loop id="myVideo" class="mobile"> 1572 <source src="video/Primecorp Home Page Video 750-900px.mp4"> 1573 Your browser does not support HTML5 video. 1574 </video> 1575 1576 <!--<img src="images/video_mobile.png" class="w-100 mobile" alt="">--> 1577 </section> 1578 1579 1580 1581 <style> 1582 .13-11-25-new-sec, 1583 .img-deks { 1584 position: relative; 1585 } 1586 1587 .desk-img-txt-new { 1588 position: absolute; 1589 left: 16%; 1590 top: 70%; 1591 width: 30%; 1592 color: #cb4c58; 1593 1594 1595 } 1596 1597 .desk-img-txt-new2 { 1598 position: absolute; 1599 left: 16%; 1600 top: 70%; 1601 width: 30%; 1602 color: #cb4c58; 1603 1604 1605 } 1606 1607 @media only screen and (max-width: 767px) { 1608 .desk-img-txt-new { 1609 position: absolute; 1610 width: 95%; 1611 margin: auto; 1612 top: 65%; 1613 left: unset; 1614 padding: 5%; 1615 1616 color: #cb4c58; 1617 font-weight: 700; 1618 line-height: 1.45; 1619 text-shadow: 1620 1px 1px 2px rgba(255, 255, 255, 0.9), 1621 2px 2px 5px rgba(0, 0, 0, 0.35); 1622 1623 } 1624 1625 .desk-img-txt-new2 { 1626 position: absolute; 1627 width: 95%; 1628 margin: auto; 1629 top: 0%; 1630 left: unset; 1631 padding: 5%; 1632 1633 color: #cb4c58; 1634 font-weight: 700; 1635 line-height: 1.45; 1636 text-shadow: 1637 1px 1px 2px rgba(255, 255, 255, 0.9), 1638 2px 2px 5px rgba(0, 0, 0, 0.35); 1639 1640 } 1641 1642 1643 1644 .partner-with-us { 1645 max-width: 350px; 1646 padding: 30px 30px; 1647 right: 8%; 1648 left: 8%; 1649 } 1650 1651 } 1652 </style> 1653 <section class="13-11-25-new-sec" style="position: relative;"> 1654 1655 1656 <img src="images/homepage/Homepage_banner2.png" class="desktop img-deks" alt=""> 1657 1658 <img src="images/homepage/Homepage_banner2_mobile.png" class="mobile img-deks" alt=""> 1659 1660 1661 <div class="desk-img-txt-new"> 1662 <p>Luxury meets the science of space.</p> 1663 <p>Spaces that inspire well-being and joy.</p> 1664 <p>The joy of modern living, refined and harmonious.</p> 1665 1666 <p>This is SJR Primecorp.</p> 1667 </div> 1668 </section> 1669 1670 1671 1672 <section class="13-11-25-new-sec" style="position: relative;"> 1673 <img src="images/homepage/heighlights_updated.jpg" class="desktop w-100" alt=""> 1674 <img src="images/homepage/SJR_Residential-Website-Revamp_Jun-2026--home-page-mobile.jpg" style="padding-top:15%" 1675 class="mobile w-100" alt=""> 1676 <div class="desk-img-txt-new2 mobile"> 1677 <p>Our diverse portfolio spans residential, commercial, retail, and hospitality projects - each reflective 1678 of 1679 our 1680 commitment to excellence and innovation.</p> 1681 </div> 1682 </section> 1683 1684 1685 1686 <!-- ===================================================== 1687 FEATURED PROJECTS SECTION 1688===================================================== --> 1689 1690 <section class="featured-projects-section"> 1691 1692 <div class="featured-projects-wrapper"> 1693 1694 <!-- ========================================== 1695 LEFT CONTENT - 50% 1696 =========================================== --> 1697 1698 <div class="featured-projects-content"> 1699 1700 <h1>Featured Projects</h1> 1701 1702 <p> 1703 We are committed to crafting extraordinary 1704 residences in highly coveted locations, where 1705 fine living finds its most eloquent expression. 1706 </p> 1707 1708 </div> 1709 1710 1711 <!-- ========================================== 1712 RIGHT PROJECT AREA - 50% 1713 =========================================== --> 1714 1715 <div class="featured-projects-right"> 1716 1717 <!-- PROJECT CARDS SCROLLER --> 1718 1719 <div class="projects-slider" id="projectsSlider"> 1720 1721 <!-- PROJECT 1 --> 1722 1723 <div class="project-card"> 1724 1725 <div class="project-image"> 1726 <img src="images/homepage/Blue Waters.png" alt="Blue Waters" draggable="false"> 1727 </div> 1728 1729 <div class="project-details"> 1730 1731 <h3>Blue Waters</h3> 1732 1733 <p>Off Sarjapur Road</p> 1734 1735 </div> 1736 1737 </div> 1738 1739 1740 <!-- PROJECT 2 --> 1741 1742 <div class="project-card"> 1743 1744 <div class="project-image"> 1745 <img src="images/homepage/Vivo CIty.png" alt="Vivo City" draggable="false"> 1746 </div> 1747 1748 <div class="project-details"> 1749 1750 <h3>Vivo City</h3> 1751 1752 <p>Nelamangala</p> 1753 1754 </div> 1755 1756 </div> 1757 1758 1759 <!-- PROJECT 3 --> 1760 1761 <div class="project-card"> 1762 1763 <div class="project-image"> 1764 <img src="images/homepage/Palazza City.png" alt="Project 3" draggable="false"> 1765 </div> 1766 1767 <div class="project-details"> 1768 1769 <h3>Palazza City</h3> 1770 1771 <p>Sarjapur Main Road, near Wipro</p> 1772 1773 </div> 1774 1775 </div> 1776 1777 1778 <!-- PROJECT 4 --> 1779 1780 <div class="project-card"> 1781 1782 <div class="project-image"> 1783 <img src="images/homepage/Mayfiar.png" alt="Project 4" draggable="false"> 1784 </div> 1785 1786 <div class="project-details"> 1787 1788 <h3>Mayfair</h3> 1789 1790 <p>
1790Blue Waters, Off Sarjapur Road</p> 1791 1792 </div> 1793 1794 </div> 1795 1796 1797 <!-- PROJECT 5 --> 1798 1799 <div class="project-card"> 1800 1801 <div class="project-image"> 1802 <img src="images/homepage/Astoria.png" alt="Project 5" draggable="false"> 1803 </div> 1804 1805 <div class="project-details"> 1806 1807 <h3>Astoria</h3> 1808 1809 <p>Yelahanka</p> 1810 1811 </div> 1812 1813 </div> 1814 1815 </div> 1816 1817 1818 <!-- ========================================== 1819 ARROWS 1820 =========================================== --> 1821 1822 <div class="projects-arrows"> 1823 1824 <button type="button" class="project-arrow project-prev" id="projectPrev" 1825 aria-label="Previous project"> 1826 <span>â¹</span> 1827 </button> 1828 1829 <button type="button" class="project-arrow project-next" id="projectNext" aria-label="Next project"> 1830 <span>âº</span> 1831 </button> 1832 1833 </div> 1834 1835 </div> 1836 1837 </div> 1838 1839 </section> 1840 1841 1842 <section class="sec5" style="position:relative"> 1843 1844 <div class=" slider-column"> 1845 <div class="swiper swiper-slider"> 1846 <div class="swiper-wrapper"> 1847 <div class="swiper-slide"> 1848 <div class="sec5_flex"> 1849 <div class="sec5_flex_div1"> 1850 1851 <div> 1852 1853 <h4>For Those Who Value Excellence</h4> 1854 <h5>Mr. Nandakumar & Mrs. Chitra</h5> 1855 <p>When searching for a home with abundant open spaces and greenery, Mr. Nandkumar 1856 and his wife, Mrs. Chitra, found the perfect match at SJR Blue Waters. Hereâs 1857 their perspective on what makes this lakeside paradise special, from its natural 1858 surroundings to expansive open spaces and the vibrant community life centred 1859 around the Oyster Club.</p> 1860 <div style=" width: fit-content;"> 1861 <a class="popup-youtube" href="https://www.youtube.com/watch?v=QzGAEdO0chM"> 1862 1863 <img src="images/test/joy.png" class="sec5_flex_div1_img " alt=""> 1864 <!-- <img src="images/sec5_vid_img_mob.png" class="sec5_flex_div1_img mobile" alt=""> --> 1865 1866 </a> 1867 <p style="text-align:center" class="">( Watch full testimonial video )</p> 1868 </div> 1869 </div> 1870 </div> 1871 <div class="sec5_flex_div2"> 1872 <img src="images/test/joy_1.png" class="w-100 " alt=""> 1873 <!-- <img src="images/sec5_right_mob_img.png" class="w-100 mobile" alt=""> --> 1874 1875 <div class="overlay3"> 1876 <h1> Blue Waters </h1> 1877 <a href="projects/blue_waters_sarjapur_road" 1878 style="text-decoration:none;color:#fff; border-bottom:1px solid #fff; padding-top:1%">Visit 1879 property page ></a> 1880 </div> 1881 </div> 1882 1883 </div> 1884 </div> 1885 <div class="swiper-slide"> 1886 <div class="sec5_flex"> 1887 <div class="sec5_flex_div1"> 1888 1889 <div> 1890 1891 <h4>For Those Who Value Excellence</h4> 1892 <h5>Mr. Nitin</h5> 1893 <p>Mr. Nitin and his wife reflect on their positive experience at Watermark, 1894 highlighting the picturesque lake view, refreshing breeze, world-class 1895 clubhouse, and thoughtful amenities that come together to create an 1896 extraordinary living experience. <br class="mobile"><br class="mobile"><br 1897 class="mobile"><br class="mobile"></p> 1898 <div style=" width: fit-content;"> 1899 <a class="popup-youtube" href="https://www.youtube.com/watch?v=aqx-U-l8SZs"> 1900 <img src="images/test/testi21.png" class="sec5_flex_div1_img " alt=""> 1901 </a> 1902 <!-- <img src="images/sec5_vid_img_mob.png" class="sec5_flex_div1_img mobile" alt=""> </a> --> 1903 <p style="text-align:center" class="">( Watch full testimonial video )</p> 1904 </div> 1905 </div> 1906 </div> 1907 <div class="sec5_flex_div2"> 1908 <img src="images/test/testi2.png" class="w-100 " alt=""> 1909 <!-- <img src="images/sec5_right_mob_img.png" class="w-100 mobile" alt=""> --> 1910 <div class="overlay3"> 1911 <h1> Watermark </h1> 1912 <a href="projects/watermark" 1913 style="text-decoration:none;color:#fff; border-bottom:1px solid #fff; padding-top:1%">Visit 1914 property page ></a> 1915 </div> 1916 </div> 1917 1918 </div> 1919 </div> 1920 1921 <div class="swiper-slide"> 1922 <div class="sec5_flex"> 1923 <div class="sec5_flex_div1"> 1924 1925 <div> 1926 1927 <h4>For Those Who Value Excellence</h4> 1928 <h5>Mr. Shripathi and Mrs. Akshata</h5> 1929 <p>âYou will definitely fall in love with this property,â says Mr. Shripathi, who, 1930 along with Mrs. Akshata, invites you into their world at SJR Blue Waters. Their 1931 story captures the essence of this unique property off Sarjapur Road, where the 1932 tranquil Kudlu Lake, sprawling open spaces, and the modern Oyster clubhouse 1933 create an unparalleled living experience.</p> 1934 <div style=" width: fit-content;"> 1935 <a class="popup-youtube" href="https://www.youtube.com/watch?v=noZ7CxjvXWg"> 1936 <img src="images/test/testi3.png" class="sec5_flex_div1_img " alt=""> </a> 1937 <!-- <img src="images/sec5_vid_img_mob.png" class="sec5_flex_div1_img mobile" alt=""> </a> --> 1938 <p style="text-align:center" class="">( Watch full testimonial video )</p> 1939 </div> 1940 </div> 1941 </div> 1942 <div class="sec5_flex_div2"> 1943 <img src="images/test/testi31.png" class="w-100 " alt=""> 1944 <!-- <img src="images/sec5_right_mob_img.png" class="w-100 mobile" alt=""> --> 1945 <div class="overlay3"> 1946 <h1> Blue Waters </h1> 1947 <a href="projects/blue_waters_sarjapur_road" 1948 style="text-decoration:none;color:#fff; border-bottom:1px solid #fff; padding-top:1%">Visit 1949 property page ></a> 1950 </div> 1951 </div> 1952 1953 </div> 1954 </div> 1955 1956 1957 </div>
1958 <span class="swiper-pagination"></span> 1959 <span class="swiper-button-prev"></span> 1960 <span class="swiper-button-next"></span> 1961 </div> 1962 </div> 1963 </section> 1964 <section class="13-11-25-new-sec" style="position: relative;"> 1965 1966 1967 <img src="images/homepage/Homepage_banner_last.png" class="desktop img-deks" alt=""> 1968 1969 <img src="images/homepage/Homepage_banner_last_mobile.png" class="mobile img-deks" alt=""> 1970 1971 1972 <div class="partner-with-us"> 1973 <h2>Partner With Us</h2> 1974 <p>We value lasting relationships and invite you to explore opportunities for collaborating on world-class 1975 residential projects and building a sustainable future together.</p> 1976 <div class="explore-btn"> 1977 <a href="https://sjrprime.com/build_with_us">Explore </a> 1978 </div> 1979 </div> 1980 </section> 1981 1982 1983 1984 1985 1986 1987 <section class="section_enqury_form"> 1988 1989 <div class="section_enqury_form_flex"> 1990 <div class="section_enqury_form_flex_item"> 1991 1992 <div class="row"> 1993 <div class="col-md-12"> 1994 <p class="section_enqury_form_heading">Subscribe to our newsletter </p> 1995 </div> 1996 </div> 1997 1998 <form action="#" method="post" id="enq-form" class="form cf"> 1999 <div class="row"> 2000 2001 <div class="single-input-field col-md-6"> 2002 <input type="text" placeholder="Name" class="form-input" id="enq-name" name="name" 2003 required /> 2004 </div> 2005 <div class="single-input-field col-md-6"> 2006 <input type="email" placeholder="Email" class="form-input" id="enq-email" name="email" 2007 required /> 2008 </div> 2009 </div> 2010 <div class="row"> 2011 <div class="single-input-field col-md-6"> 2012 <input type="text" placeholder="Mobile No." class="form-input" id="enq-phone" 2013 name="phone" /> 2014 </div> 2015 <!-- <div class="col-md-6"> </div> --> 2016 2017 <div class="single-input-fieldsbtn single-input-fieldsbtn-index-page"> 2018 <button type="button" id="enq-submit" class="btn-submit subscribe_btn"> Submit</button> 2019 <p style="display:none; text-align:center; width:100%;" id='enq-message'><strong 2020 class='text-success'>Sending....</strong></p> 2021 </div> 2022 2023 </div> 2024 2025 2026 2027 2028 </div> 2029 <!-- <div class="row"> 2030 <div class="col-md-4"> 2031 <br> 2032 <div class="single-input-fieldsbtn single-input-fieldsbtn-index-page"> 2033 <button type="button" id="enq-submit" class="btn-submit subscribe_btn"> Submit</button> 2034 <p style="display:none; text-align:center; width:100%;" id='enq-message'><strong 2035 class='text-success'>Sending....</strong></p> 2036 </div> 2037 </div> 2038 </div> --> 2039 </form> 2040 2041 </div> 2042 </div> 2043 2044 </section> 2045 2046 2047 2048
2048<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
2048 2049 2050 2051
2051<script type="text/javascript"> 2052 const swiper = new Swiper(".swiper-slider", { 2053 // Optional parameters 2054 centeredSlides: true, 2055 slidesPerView: 1, 2056 grabCursor: true, 2057 freeMode: false, 2058 loop: true, 2059 mousewheel: false, 2060 keyboard: { 2061 enabled: true 2062 }, 2063 2064 // Enabled autoplay mode 2065 autoplay: { 2066 delay: 10000, 2067 disableOnInteraction: false 2068 }, 2069 2070 // If we need pagination 2071 pagination: { 2072 el: ".swiper-pagination", 2073 dynamicBullets: false, 2074 clickable: false 2075 }, 2076 2077 // If we need navigation 2078 navigation: { 2079 nextEl: ".swiper-button-next", 2080 prevEl: ".swiper-button-prev" 2081 }, 2082 2083 // Responsive breakpoints 2084 breakpoints: { 2085 640: { 2086 slidesPerView: 1, 2087 spaceBetween: 20 2088 }, 2089 1024: { 2090 slidesPerView: 1, 2091 spaceBetween: 20 2092 } 2093 } 2094 }); 2095 2096 2097 2098 $(document).ready(function() { 2099 $("button").click(function() { 2100 $("h2").hide(); 2101 }); 2102 }); 2103 2104 2105 2106 /* ===================================================== 2107 FEATURED PROJECTS DRAG SCROLL 2108===================================================== */ 2109 2110 document.addEventListener("DOMContentLoaded", function() { 2111 2112 const slider = document.getElementById("projectsSlider"); 2113 2114 if (!slider) return; 2115 2116 const cards = slider.querySelectorAll(".project-card"); 2117 2118 const prevButton = document.getElementById("projectPrev"); 2119 const nextButton = document.getElementById("projectNext"); 2120 2121 let isDown = false; 2122 let startX = 0; 2123 let scrollStart = 0; 2124 let currentIndex = 0; 2125 2126 2127 /* ================================================ 2128 MOUSE DOWN 2129 ================================================ */ 2130 2131 slider.addEventListener("mousedown", function(e) { 2132 2133 isDown = true; 2134 2135 slider.classList.add("dragging"); 2136 2137 startX = e.pageX - slider.offsetLeft; 2138 2139 scrollStart = slider.scrollLeft; 2140 2141 }); 2142 2143 2144 /* ================================================ 2145 MOUSE LEAVE 2146 ================================================ */ 2147 2148 slider.addEventListener("mouseleave", function() { 2149 2150 isDown = false; 2151 2152 slider.classList.remove("dragging"); 2153 2154 }); 2155 2156 2157 /* ================================================ 2158 MOUSE UP 2159 ================================================ */ 2160 2161 slider.addEventListener("mouseup", function() { 2162 2163 isDown = false; 2164 2165 slider.classList.remove("dragging"); 2166 2167 }); 2168 2169 2170 /* ================================================ 2171 MOUSE MOVE 2172 ================================================ */ 2173 2174 slider.addEventListener("mousemove", function(e) { 2175 2176 if (!isDown) return; 2177 2178 e.preventDefault(); 2179 2180 const x = e.pageX - slider.offsetLeft; 2181 2182 const walk = (x - startX) * 1.5; 2183 2184 slider.scrollLeft = scrollStart - walk; 2185 2186 }); 2187 2188 2189 /* ================================================ 2190 SCROLL TO CARD 2191 ================================================ */ 2192 2193 function scrollToCard(index) { 2194 2195 if (!cards.length) return; 2196 2197 currentIndex = Math.max( 2198 0, 2199 Math.min(index, cards.length - 1) 2200 ); 2201 2202 const card = cards[currentIndex]; 2203 2204 2205 /* ============================================ 2206 MOBILE 2207 Center the card 2208 ============================================ */ 2209 2210 if (window.innerWidth <= 767) { 2211 2212 const sliderWidth = slider.clientWidth; 2213 2214 const cardWidth = card.offsetWidth; 2215 2216 const cardLeft = card.offsetLeft; 2217 2218 const scrollPosition = 2219 cardLeft - (sliderWidth / 2) + (cardWidth / 2); 2220 2221 slider.scrollTo({ 2222 left: scrollPosition, 2223 behavior: "smooth" 2224 }); 2225 2226 } 2227 2228 2229 /* ============================================ 2230 DESKTOP 2231 ============================================ */ 2232 else { 2233 2234 slider.scrollTo({ 2235 left: card.offsetLeft - slider.offsetLeft, 2236 behavior: "smooth" 2237 }); 2238 2239 } 2240 2241 } 2242 2243 2244 /* ================================================ 2245 PREVIOUS BUTTON 2246 ================================================ */ 2247 2248 if (prevButton) { 2249 2250 prevButton.addEventListener("click", function() { 2251 2252 if (currentIndex > 0) { 2253 2254 scrollToCard(currentIndex - 1); 2255 2256 } 2257 2258 }); 2259 2260 } 2261 2262 2263 /* ================================================ 2264 NEXT BUTTON 2265 ================================================ */ 2266 2267 if (nextButton) { 2268 2269 nextButton.addEventListener("click", function() { 2270 2271 if (currentIndex < cards.length - 1) { 2272 2273 scrollToCard(currentIndex + 1); 2274 2275 } 2276 2277 }); 2278 2279 } 2280 2281 2282 }); 2283 </script>
2283 2284 <style> 2285img, video { 2286 display: block; 2287 max-width: 100%; 2288 height: auto; 2289 -o-object-fit: cover; 2290 object-fit: cover; 2291} 2292 2293section.mayfair_footer { 2294 padding: 10%; 2295 padding-top: 3%; 2296 padding-bottom: 5%; 2297 background-color: #e3e4e4; 2298} 2299.mayfair_footer_flex { 2300 display: flex; 2301 flex-direction: row; 2302 flex-wrap: nowrap; 2303 align-content: center; 2304 justify-content: space-between; 2305 align-items: center; 2306} 2307 2308.mayfair_footer_flex_item_img { 2309 width: 25%; 2310 padding: 2%; 2311} 2312 2313.mayfair_footer_flex_item_para { 2314 width: 41%; 2315 padding: 2%; 2316 font-size: 1rem; 2317 font-family: "Red Hat Display", sans-serif; 2318} 2319 2320.mayfair_footer_flex_item_subflex { 2321 display: flex; 2322 flex-direction: row; 2323 flex-wrap: nowrap; 2324 align-content: center; 2325 justify-content: flex-end; 2326 align-items: center; 2327 padding-bottom: 5%; 2328 padding-top: 5%; 2329 2330} 2331.mayfair_footer_flex_item_subflex_item { 2332 padding: 1%; 2333 width: 15%; 2334} 2335.mayfair_footer_flex_item_subflex_2{ 2336 display: flex; 2337 flex-direction: row; 2338 flex-wrap: nowrap; 2339 align-content: center; 2340 justify-content: flex-end; 2341 align-items: flex-start; 2342 padding-top: 3%; 2343 2344} 2345.mayfair_footer_flex_item_subflex_2_item_1{ 2346 width: 70%; 2347 font-size: 0.9rem; 2348 text-align: right; 2349 padding-right: 10%; 2350} 2351.mayfair_footer_flex_item_subflex_2_item_2{ 2352 width: 35%; 2353 font-size: 0.9rem; 2354 text-align: right; 2355} 2356.mayfair_footer_flex_item_link { 2357 width: 25%; 2358 padding: 2%; 2359} 2360.mayfair_footer_flex_item_subflex_2_item_1 a, .mayfair_footer_flex_item_subflex_2_item_2 a{ 2361 line-height:180% 2362} 2363@media only screen and (max-width: 767px) { 2364 .section.mayfair_footer { 2365 padding: 5%; 2366 } 2367 .mayfair_footer_flex_item_link { 2368 width: 100%; 2369 padding: 2%; 2370} 2371 .mayfair_footer_flex { 2372 display: flex; 2373 flex-direction: column; 2374 2375 } 2376 .mayfair_footer_flex_item_img { 2377 width: 45%; 2378 padding: 2%; 2379 padding-top: 5%; 2380 } 2381 .mayfair_footer_flex_item_para { 2382 width: 95%; 2383 padding: 2%; 2384 font-size: 0.8rem; 2385 } 2386 2387 .mayfair_footer_flex_item_subflex { 2388 display: flex; 2389 flex-direction: row; 2390 flex-wrap: nowrap; 2391 align-content: center; 2392 justify-content: center; 2393 padding-bottom: 5%; 2394 padding-top: 5%; 2395 align-items: center 2396 } 2397 .mayfair_footer_flex_item_subflex_2_item_1 { 2398 font-size: 0.8rem; 2399 text-align: left; 2400 } 2401 .mayfair_footer_flex_item_subflex_2_item_2 { 2402 font-size: 0.8rem; 2403 text-align: left; 2404 } 2405} 2406 2407@media screen and (min-width : 1224px) { 2408 2409 .mayfair_footer_flex_item_img { 2410 width: 20%; 2411 padding: 2%; 2412 } 2413 2414 .mayfair_footer_flex_item_para { 2415 font-size: 0.8rem; 2416 } 2417 .mayfair_footer_flex_item_subflex_item { 2418 width: 12%; 2419 } 2420 .mayfair_footer_flex_item_subflex{ 2421 padding-bottom: 5%; 2422 padding-top: 5%; 2423 2424 } 2425 .mayfair_footer_flex_item_subflex_2_item_1, .mayfair_footer_flex_item_subflex_2_item_2{ 2426 font-size: 0.7rem; 2427 } 2428} 2429@media screen and (min-width : 1824px) { 2430 2431 section.mayfair_footer { 2432 padding: 10%; 2433 padding-top: 3%; 2434 padding-bottom: 5%; 2435 background-color: #e3e4e4; 2436 } 2437 .mayfair_footer_flex { 2438 display: flex; 2439 flex-direction: row; 2440 flex-wrap: nowrap; 2441 align-content: center; 2442 justify-content: space-between; 2443 align-items: center; 2444 } 2445 2446 .mayfair_footer_flex_item_img { 2447 width: 25%; 2448 padding: 2%; 2449 } 2450 2451 .mayfair_footer_flex_item_para { 2452 width: 41%; 2453 padding: 2%; 2454 font-size: 1rem; 2455 font-family: "Red Hat Display", sans-serif; 2456 } 2457 2458 .mayfair_footer_flex_item_subflex { 2459 display: flex; 2460 flex-direction: row; 2461 flex-wrap: nowrap; 2462 align-content: center; 2463 justify-content: flex-end; 2464 align-items: center; 2465 padding-bottom: 5%; 2466 padding-top: 5%; 2467 2468 } 2469 .mayfair_footer_flex_item_subflex_item { 2470 padding: 1%; 2471 width: 15%; 2472 } 2473 .mayfair_footer_flex_item_subflex_2{ 2474 display: flex; 2475 flex-direction: row; 2476 flex-wrap: nowrap; 2477 align-content: center; 2478 justify-content: flex-end; 2479 align-items: flex-start; 2480 padding-top: 3%; 2481 2482 } 2483 .mayfair_footer_flex_item_subflex_2_item_1{ 2484 width: 70%; 2485 font-size: 0.9rem; 2486 text-align: right; 2487 padding-right: 10%; 2488 } 2489 .mayfair_footer_flex_item_subflex_2_item_2{ 2490 width: 35%; 2491 font-size: 0.9rem; 2492 text-align: right; 2493 } 2494 2495 2496} 2497</style> 2498 2499 2500 2501 2502 2503 2504<section class="mayfair_footer"> 2505 2506<div class="mayfair_footer_flex"> 2507<div style="height:1rem" class="mobile"></div> 2508 2509 <div class="mayfair_footer_flex_item"> 2510 2511 <div class="mayfair_footer_flex_item_img"> 2512 <a href="index"> <img src="images/SJR Logo black Horizontal.png" alt=""></a> 2513 </div> 2514<div style="height:1rem" class="mobile"></div> 2515 2516 <div class="mayfair_footer_flex_item_para"> 2517 SJR Prime Corporation Pvt. Ltd. <br> The Hub , 2518 #8/2 & 9, Ambalipura Bellandur, 2519 Sarjapur Main Road, Bangalore â 560103, India 2520 </div> 2521 </div> 2522 2523 <div class="mayfair_footer_flex_item mayfair_footer_flex_item_link"> 2524 2525 <div class="mayfair_footer_flex_item_subflex"> 2526 <div class="mayfair_footer_flex_item_subflex_item"> <a href="https://www.linkedin.com/uas/login?session_redirect=https%3A%2F%2Fwww.linkedin.com%2Fcompany%2F13232610%2Fadmin%2F"> <img src="images/linedIn.png" alt=""> </a></div> 2527 <div class="mayfair_footer_flex_item_subflex_item"> <a href="https://www.facebook.com/Primecorpration"><img src="images/facebook.png" alt=""></a> </div> 2528 <div class="mayfair_footer_flex_item_subflex_item"><a href="https://www.instagram.com/primecorp.co"> <img src="images/instagram.png" alt=""></a></div> 2529 2530 <div class="mayfair_footer_flex_item_subflex_item"><a href="https://www.youtube.com/@sjrprimecorp9805"> <img src="images/youtube_ic.png" alt=""></a></div> 2531 2532 </div> 2533 2534 <div class="mayfair_footer_flex_item_subflex_2"> 2535 <div class="mayfair_footer_flex_item_subflex_2_item_1"> 2536 <a href="careers" style="text-decoration:none; color:#000">CAREERS </a><br> 2537 <a href="build_with_us" style="text-decoration:none; color:#000"> PARTNER WITH US</a> <br> 2538 <!--<a href="#" style="text-decoration:none; color:#000"> TERMS & CONDITIONS </a>--> 2539 </div> 2540 <div class="mayfair_footer_flex_item_subflex_2_item_2"> 2541 <a href="ethos" style="text-decoration:none; color:#000"> ETHOS </a> <br> 2542 <a href="project" style="text-decoration:none; color:#000">
2542 PROJECTS </a> <br> 2543 <a href="blogs" style="text-decoration:none; color:#000"> BLOGS </a><br> 2544 <a href="news" style="text-decoration:none; color:#000"> NEWS </a> 2545 </div> 2546 2547 </div> 2548 </div> 2549</div> 2550 2551</section> 2552 2553
2554<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js" integrity="sha512-IsNh5E3eYy3tr/JiX2Yx4vsCujtkhwl7SLqgnwLNgf04Hrt9BT9SXlLlZlWx+OK4ndzAoALhsMNcCmkggjZB1w==" crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
2554 2555
2556<script src="https://use.fontawesome.com/6ace93a795.js"></script>
2556 2557
2557<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
2557 2558 <!-- jQuery library --> 2559
2559<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
2559 2560
2560<script src="https://code.jquery.com/jquery-migrate-1.4.1.min.js"></script>
2560 2561 2562 <!-- Latest compiled JavaScript --> 2563
2563<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
2563 2564
2564<script> 2565 $(window).on("scroll", function() { 2566 if($(window).scrollTop() > 50) { 2567 $(".header").addClass("header_1"); 2568 } else { 2569 //remove the background property so it comes transparent again (defined in your css) 2570 $(".header").removeClass("header_1"); 2571 } 2572}); 2573 2574$(document).ready(function() { 2575 $('.popup-youtube').magnificPopup({ 2576 type: 'iframe' 2577 }); 2578 2579 }); 2580 2581 2582 function getUTMParams() { 2583 const params = new URLSearchParams(window.location.search); 2584 const utmParams = {}; 2585 for (const [key, value] of params.entries()) { 2586 if (key.startsWith('utm_')) { 2587 utmParams[key] = value; 2588 } 2589 } 2590 return utmParams; 2591} 2592 2593function validateEmail(email) { 2594 const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; 2595 return re.test(email); 2596} 2597 2598 2599 2600 $("#enq-submit").on("click", function() { 2601 var email = $('#enq-email').val(); 2602 var nameval = $("#enq-name").val(); 2603 2604 if (nameval.trim() === "") { 2605 alert('Please enter name!'); 2606 $('#enq-name').focus(); 2607 return; 2608 } 2609 if (email.trim() === "") { 2610 alert('Please enter email id!'); 2611 $('#enq-email').focus(); 2612 return; 2613 } 2614 if (!validateEmail(email)) { 2615 alert('Please enter valid email id!'); 2616 $('#enq-email').focus(); 2617 return; 2618 } 2619 2620 $("#enq-submit").hide("fast"); 2621 $("#enq-message").css("display", "block").html("<strong class='text-success'>Sending....</strong>"); 2622 2623 const formDataArray = $("#enq-form").serializeArray(); 2624 const formData = {}; 2625 formDataArray.forEach(item => { 2626 formData[item.name] = item.value; 2627 }); 2628 2629 const fullData = { ...formData, ...getUTMParams() }; 2630 2631 $.ajax({ 2632 type: 'POST', 2633 cache: false, 2634 url: 'enq_email.php', 2635 data: fullData, 2636 success: function(data) { 2637 if(data === "true") { 2638 $("#enq-message").html("<strong class='text-success'> Enquiry submitted successfully.</strong>"); 2639 resetForm('enq-form'); 2640 setTimeout(() => location.reload(), 3000); 2641 } else { 2642 $("#enq-message").html("<strong class='text-danger'>Something went wrong</strong>"); 2643 $("#enq-submit").show("fast"); 2644 $("#enq-message").css("display", "none"); 2645 } 2646 }, 2647 error: function() { 2648 $("#enq-message").html("<strong class='text-danger'>Request failed</strong>"); 2649 $("#enq-submit").show("fast"); 2650 $("#enq-message").css("display", "none"); 2651 } 2652 }); 2653 }); 2654 2655 2656 2657 2658 (function() { 2659 // Helper to set a cookie 2660 function setCookie(name, value, days) { 2661 const expires = new Date(Date.now() + days * 864e5).toUTCString(); 2662 document.cookie = name + '=' + encodeURIComponent(value) + '; expires=' + expires + '; path=/'; 2663 } 2664 2665 // Get UTM params from URL 2666 const params = new URLSearchParams(window.location.search); 2667 const utmParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content']; 2668 2669 let hasUtmSource = false;
2670 2671 utmParams.forEach(param => { 2672 const value = params.get(param); 2673 if (value) { 2674 setCookie(param, value, 30); // Store for 30 days 2675 if (param === 'utm_source') { 2676 hasUtmSource = true; 2677 } 2678 } 2679 }); 2680 2681 // If no utm_source in URL, set it as 'organic' 2682 if (!hasUtmSource) { 2683 setCookie('utm_source', 'organic', 30); 2684 } 2685})(); 2686 </script>
2686 2687</body> 2688</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.