1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <!--CSRF Token --> 7 <meta name="csrf-token" content="WRVt4MjHJq4ossARGsNvwCKWQ49ySaDv5vqc2yga"> 8 <title> Services :: Atrey & Associates</title> 9 <link rel="shortcut icon" type="image/x-icon" href="https://atreydesign.com/frontend/images/atrey_favicon.PNG"> 10 11 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> 12 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 13 <link rel="stylesheet" href="https://atreydesign.com/frontend/css/owl.carousel.min.css"> 14 <link rel="stylesheet" href="https://atreydesign.com/frontend/css/owl.theme.default.min.css"> 15 <link rel="stylesheet" href="https://atreydesign.com/frontend/css/style.css"> 16 <link rel="stylesheet" href="https://atreydesign.com/frontend/css/jquery.lbt-lightbox.css" /> 17 <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet"> 18 19 <style type="text/css"> 20 .head_nav .nev_block ul li.active a { 21 color: #0098fa; 22 } 23 24 #main-loader video{ width: 100%;height: 100vh;display: none !important;} 25 #main-loader { 26 position: fixed; 27 top: 0; 28 left: 0; 29 width: 100%; 30 height: 100%; 31 background-color: #fff; 32 display:none !important; 33 justify-content: center; 34 align-items: center; 35 z-index: 9999; 36 } 37 38 #main-loader img { 39 width: 150px; /* Adjust size as needed */ 40 height: auto; 41 border: 1px solid #ffffff7d; 42 } 43 </style> 44 45 46 <!-- write style here --> 47 48 49 50 </head> 51 <body> 52 53 <div id="main-content"> 54 <header class=""> 55 <div class="container-fluid"> 56 <div class="row"> 57 <div class="col-md-12"> 58 <div class="header_in"> 59<!-- <div class="head_nav hide-on-mobile"> 60 <ul> 61 <li><a href="https://atreydesign.com/services">Services</a></li> 62 <li><a href="https://atreydesign.com/portfolio">Portfolio</a></li> 63 </ul> 64 </div> --> 65 <div class="logo"> 66 <a href="https://atreydesign.com"> 67 <img class="unfixed-logo" src="https://atreydesign.com/frontend/images/logo.png"> 68 <img class="fixed-logo" src="https://atreydesign.com/frontend/images/fixed-logo.png"> 69 </a> 70 </div> 71 <div class="head_nav"> 72 <ul> 73 <!-- <span class="hide-on-laptop"> 74 <li><a href="https://atreydesign.com/services">Services</a></li> 75 <li><a href="https://atreydesign.com/portfolio">Portfolio</a></li> 76 </span> --> 77 <li><a href="https://atreydesign.com/services">Services</a></li> 78 <li><a href="https://atreydesign.com/portfolio">Portfolio</a></li> 79 <li><a href="https://atreydesign.com/about-us">About Us</a></li> 80 <li><a href="https://atreydesign.com/contact-us">Contact Us</a></li> 81 </ul> 82 </div> 83 <div class="burger-menu"> 84 <img src="https://atreydesign.com/frontend/images/burger-icon.png"> 85 </div> 86 </div> 87 </div> 88 </div> 89 </div> 90</header> 91<div class="whatsapp"> 92 <!-- <a target="_blank" href="https://linktr.ee/atreyandassociates"><i class="fa fa-facebook" aria-hidden="true"></i></a> 93 <a target="_blank" href="https://www.linkedin.com/in/atrey-and-associates-03986b282?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app"><i class="fa fa-linkedin" aria-hidden="true"></i></a> 94 <a target="_blank" href="https://www.instagram.com/atreyandassociates?igsh=MTg1bW55bDEwYzZvMA=="><i class="fa fa-instagram" aria-hidden="true"></i></a> --> 95 <a href="https://www.instagram.com/atreyandassociates/" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-1.webp"></a> 96 <a href="https://www.facebook.com/p/atreyandassociates-100069168995013/" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-2.webp"></a> 97 <a href="https://www.linkedin.com/company/atrey-associates/" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-5.webp"></a> 98 <a href="https://in.pinterest.com/atreyandassociates/_created/" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-7.webp"></a>
99 <a href="https://api.whatsapp.com/send/?phone=7291988230" target="_blank"> 100 <img src="https://atreydesign.com/frontend/images/whatsapp2.webp"> 101 </a> 102 <a href="javascript:void(0)"> 103 <img data-bs-toggle="modal" data-bs-target="#exampleModal" src="https://atreydesign.com/frontend/images/message-icon.png"> 104 </a> 105 106 107</div> 108 109 110 111 112 113 114 115 116 117 <!-- content area --> 118 119 120 121 <div class="page-banner"> 122 123 <div class="banner_area services-area"> 124 125 <img src="https://atreydesign.com/frontend/images/services-new-banner.jpg"> 126 127 <div class="container"> 128 129 <div class="row"> 130 131 <div class="col-md-12"> 132 133 <div class="services-area text"> 134 135 <h1>SERVICES</h1> 136 <p>ART IS SPIRTUAL</p> 137 <!--<p>An eminent creator specializing in crafting ultra luxury estate homes</p>--> 138 139 </div> 140 141 </div> 142 143 </div> 144 145 </div> 146 147 </div> 148 149 </div> 150 151 <section class="services-page"> 152 153 <div class="container top-nav"> 154 155 <div class="row"> 156 157 <div class="col-md-12"> 158 159 <div class="services-nav"> 160 161 <div class="owl-carousel owl-theme" id="services-lis"> 162 163 164 165 166 167 168 169 170 171 172 <div class="item"> 173 174 <a href="#AtreyAssociates"> 175 176 <div class="s_item"> 177 178 <img src="https://atreydesign.com/frontend/images/s1.png"> 179 180 <div class="text"> 181 182 <label>Atrey & Associates</label> 183 184 </div> 185 186 </div> 187 188 </a> 189 190 </div> 191 192 193 194 195 196 197 198 <div class="item"> 199 200 <a href="#DedicationtoExcellence"> 201 202 <div class="s_item"> 203 204 <img src="https://atreydesign.com/frontend/images/s1.png"> 205 206 <div class="text"> 207 208 <label>Dedication to Excellence</label> 209 210 </div> 211 212 </div> 213 214 </a> 215 216 </div> 217 218 219 220 221 222 223 224 <div class="item"> 225 226 <a href="#NatureIntegration"> 227 228 <div class="s_item"> 229 230 <img src="https://atreydesign.com/frontend/images/s1.png"> 231 232 <div class="text"> 233 234 <label>Nature Integration</label> 235 236 </div> 237 238 </div> 239 240 </a> 241 242 </div> 243 244 245 246 247 248 249 250 <div class="item"> 251 252 <a href="#ClientCanteredLuxury"> 253 254 <div class="s_item"> 255 256 <img src="https://atreydesign.com/frontend/images/s1.png"> 257 258 <div class="text"> 259 260 <label>Client-Cantered Luxury</label> 261 262 </div> 263 264 </div> 265 266 </a> 267 268 </div> 269 270 271 272 273 274 275 276 <div class="item"> 277 278 <a href="#AttentiontoDetail"> 279 280 <div class="s_item"> 281 282 <img src="https://atreydesign.com/frontend/images/s1.png"> 283 284 <div class="text"> 285 286 <label>Attention to Detail</label> 287 288 </div> 289 290 </div> 291 292 </a> 293 294 </div> 295 296 297 298 299 300 301 302 <div class="item"> 303 304 <a href="#SustainableDesign"> 305 306 <div class="s_item"> 307 308 <img src="https://atreydesign.com/frontend/images/s1.png"> 309 310 <div class="text"> 311 312 <label>Sustainable Design</label> 313 314 </div> 315 316 </div> 317 318 </a> 319 320 </div> 321 322 323 324 325 326 327 328 <div class="item"> 329 330 <a href="#InnovationandUniqueness"> 331 332 <div class="s_item"> 333 334 <img src="https://atreydesign.com/frontend/images/s1.png"> 335 336 <div class="text"> 337 338 <label>Innovation and Uniqueness</label> 339 340 </div> 341 342 </div> 343 344 </a> 345 346 </div> 347 348 349 350 351 352 353 354 <div class="item"> 355 356 <a href="#Lightingintotheirdesigns"> 357 358 <div class="s_item"> 359 360 <img src="https://atreydesign.com/frontend/images/s1.png"> 361 362 <div class="text"> 363 364 <label>Lighting into their designs</label> 365 366 </div> 367 368 </div> 369 370 </a> 371 372 </div> 373 374 375 376 377 378 <!-- <div class="item"> 379 380 <a href="#interior"> 381 382 <div class="s_item"> 383 384 <img src="https://atreydesign.com/frontend/images/s1.png"> 385 386 <div class="text"> 387 388 <label>Interior<br>Design</label> 389 390 </div> 391 392 </div> 393 394 </a> 395 396 </div> 397 398 <div class="item"> 399 400 <a href="#furniture"> 401 402 <div class="s_item"> 403 404 <img src="https://atreydesign.com/frontend/images/s1.png"> 405 406 <div class="text"> 407 408 <label>Furniture</label> 409 410 </div> 411 412 </div> 413 414 </a> 415 416 </div> 417 418 <div class="item"> 419 420 <a href="#smart-home"> 421 422 <div class="s_item"> 423 424 <img src="https://atreydesign.com/frontend/images/s1.png"> 425 426 <div class="text"> 427 428 <label>Smart Home</label> 429 430 </div> 431 432 </div> 433 434 </a> 435 436 </div> 437 438 <div class="item"> 439 440 <a href="#decor"> 441 442 <div class="s_item"> 443 444 <img src="https://atreydesign.com/frontend/images/s1.png"> 445 446 <div class="text"> 447 448 <label>Decor</label> 449 450 </div> 451 452 </div> 453 454 </a> 455 456 </div> 457 458 <div class="item"> 459 460 <a href="#artistry"> 461 462 <div class="s_item"> 463 464 <img src="https://atreydesign.com/frontend/images/s1.png"> 465 466 <div class="text"> 467 468 <label>Artistry</label> 469 470 </div> 471 472 </div> 473 474 </a> 475 476 </div> 477 478 <div class="item"> 479 480 <a href="#lighting"> 481 482 <div class="s_item"> 483 484 <img src="https://atreydesign.com/frontend/images/s1.png"> 485 486 <div class="text"> 487 488 <label>Lighting</label> 489 490 </div> 491 492 </div> 493 494 </a> 495 496 </div> 497 498 <div class="item"> 499 500 <a href="#landscape"> 501 502 <div class="s_item"> 503 504 <img src="https://atreydesign.com/frontend/images/s1.png"> 505 506 <div class="text"> 507 508 <label>Landscape Design</label> 509 510 </div> 511 512 </div> 513 514 </a> 515 516 </div> --> 517 518 519 520 521 522 </div> 523 524 </div> 525 526 </div> 527 528 </div> 529 530 </div> 531 532 533 534 <div class="archi-main-section"> 535 536 537 538 539 540 541 542 543 544 545 546 <div class="pro-section" data-aos="fade-zoom-in" id="AtreyAssociates"> 547 548 <div class="left"> 549 550 <div class="img-block"> 551 552 <img src="https://atreydesign.com/uploads/services/1737808604_1719899636_1 (1).png"> 553 554 </div> 555 556 </div> 557 558 <div class="right"> 559 560 <div class="text-block"> 561 562 <h2>Atrey & Associates</h2> 563 564 <div class="devider"></div> 565 566 <p>Atrey & Associates, under the leadership of Ar. Arun Sharma, is dedicated to creating architectural masterpieces that seamlessly blend luxury with sustainability. The firm works closely with each client to understand their vision, ensuring that every project reflects their desires while upholding the highest standards of design excellence.</p> 567 568 </div> 569 570 </div> 571 572 </div> 573 574 575 576 577 578 579 580 581 582 583 584 <div class="pro-section" data-aos="fade-zoom-in" id="DedicationtoExcellence"> 585 586 <div class="right hide-on-mobile"> 587 <div class="text-block"> 588 <h2>Dedication to Excellence</h2> 589 <div class="devider"></div> 590 <p>Atrey & Associates is dedicated to delivering excellence in every aspect of their work, from concept to completion. The firm’s commitment to quality, luxury, and sustainability has made it a leader.</p> 591 </div> 592 </div> 593 <div class="left"> 594 <div class="img-block"> 595 <img src="https://atreydesign.com/uploads/services/1737808448_1719899104_1 (2).png"> 596 </div> 597 </div> 598 <div class="right hide-on-laptop"> 599 <div class="text-block"> 600 <h2>Dedication to Excellence</h2> 601 <div class="devider"></div> 602 <p>Atrey & Associates is dedicated to delivering excellence in every aspect of their work, from concept to completion. The firm’s commitment to quality, luxury, and sustainability has made it a leader.</p> 603 </div> 604 </div> 605 </div> 606 607 608 609 610 611 612 613 614 615 616 617 <div class="pro-section" data-aos="fade-zoom-in" id="NatureIntegration"> 618 619 <div class="left"> 620 621 <div class="img-block"> 622 623 <img src="https://atreydesign.com/uploads/services/1737808476_1719898939_1 (1).png"> 624 625 </div> 626 627 </div> 628 629 <div class="right"> 630 631 <div class="text-block"> 632 633 <h2>Nature Integration</h2> 634 635 <div class="devider"></div> 636 637 <p>Atrey & Associates believes in harmonizing architecture with the natural environment. The firm incorporates elements such as indigenous plants, courtyards, and green spaces into their designs, creating buildings that not only look beautiful but also coexist with their surroundings</p> 638 639 </div> 640 641 </div> 642 643 </div> 644 645 646 647 648 649 650 651 652 653 654 655 <div class="pro-section" data-aos="fade-zoom-in" id="ClientCanteredLuxury"> 656 657 <div class="right hide-on-mobile"> 658 <div class="text-block"> 659 <h2>Client-Cantered Luxury</h2> 660 <div class="devider"></div> 661 <p>Atrey &
661 Associates places a strong emphasis on luxury, crafting spaces that exude comfort, elegance, and sophistication. The firm tailors each design to meet the client's specific needs and preferences, ensuring that luxury is not just about opulence, but also about creating environments that provide ultimate comfort and aesthetic pleasure.</p> 662 </div> 663 </div> 664 <div class="left"> 665 <div class="img-block"> 666 <img src="https://atreydesign.com/uploads/services/1737808138_1719918571_1 (1).png"> 667 </div> 668 </div> 669 <div class="right hide-on-laptop"> 670 <div class="text-block"> 671 <h2>Client-Cantered Luxury</h2> 672 <div class="devider"></div> 673 <p>Atrey & Associates places a strong emphasis on luxury, crafting spaces that exude comfort, elegance, and sophistication. The firm tailors each design to meet the client's specific needs and preferences, ensuring that luxury is not just about opulence, but also about creating environments that provide ultimate comfort and aesthetic pleasure.</p> 674 </div> 675 </div> 676 </div> 677 678 679 680 681 682 683 684 685 686 687 688 <div class="pro-section" data-aos="fade-zoom-in" id="AttentiontoDetail"> 689 690 <div class="left"> 691 692 <div class="img-block"> 693 694 <img src="https://atreydesign.com/uploads/services/1737808535_1719898764_1 (1).png"> 695 696 </div> 697 698 </div> 699 700 <div class="right"> 701 702 <div class="text-block"> 703 704 <h2>Attention to Detail</h2> 705 706 <div class="devider"></div> 707 708 <p>Every project by Atrey & Associates is characterized by meticulous attention to detail. The firm ensures that both technical and aesthetic aspects are carefully considered, resulting in designs that are not only structurally sound but also visually stunning.</p> 709 710 </div> 711 712 </div> 713 714 </div> 715 716 717 718 719 720 721 722 723 724 725 726 <div class="pro-section" data-aos="fade-zoom-in" id="SustainableDesign"> 727 728 <div class="right hide-on-mobile"> 729 <div class="text-block"> 730 <h2>Sustainable Design</h2> 731 <div class="devider"></div> 732 <p>The firm is deeply committed to sustainability, integrating eco-friendly materials and practices into every project. This includes the use of locally sourced materials, sun-path-oriented planning, and water management strategies that reduce environmental impact while maintaining the luxury and functionality clients expect.</p> 733 </div> 734 </div> 735 <div class="left"> 736 <div class="img-block"> 737 <img src="https://atreydesign.com/uploads/services/1737808168_1719898602_1 (1).png"> 738 </div> 739 </div> 740 <div class="right hide-on-laptop"> 741 <div class="text-block"> 742 <h2>Sustainable Design</h2> 743 <div class="devider"></div> 744 <p>The firm is deeply committed to sustainability, integrating eco-friendly materials and practices into every project. This includes the use of locally sourced materials, sun-path-oriented planning, and water management strategies that reduce environmental impact while maintaining the luxury and functionality clients expect.</p> 745 </div> 746 </div> 747 </div> 748 749 750 751 752 753 754 755 756 757 758 759 <div class="pro-section" data-aos="fade-zoom-in" id="InnovationandUniqueness"> 760 761 <div class="left"> 762 763 <div class="img-block"> 764 765 <img src="https://atreydesign.com/uploads/services/1737808714_1724829078_1 (1).jpg"> 766 767 </div> 768 769 </div> 770 771 <div class="right"> 772 773 <div class="text-block"> 774 775 <h2>Innovation and Uniqueness</h2> 776 777 <div class="devider"></div> 778 779 <p>The firm’s approach to design is unconventional, minimalist, yet bold and contemporary. Atrey & Associates takes pride in creating unique architectural solutions that stand out for their originality and modern appeal.</p> 780 781 </div> 782 783 </div> 784 785 </div> 786 787 788 789 790 791 792 793 794 795 796 797 <div class="pro-section" data-aos="fade-zoom-in" id="Lightingintotheirdesigns"> 798 799 <div class="right hide-on-mobile"> 800 <div class="text-block"> 801 <h2>Lighting into their designs</h2> 802 <div class="devider"></div> 803 <p>The firm expertly integrates lighting into their designs, recognizing its crucial role in shaping interior space
803s. They use lighting not just as a functional element but as a key component of their artistic vision, enhancing ambiance and highlighting architectural features. By carefully selecting and positioning light sources, they create dynamic environments that transform with the changing light, adding depth and drama to each interior. This thoughtful approach ensures that lighting not only illuminates but also elevates the overall aesthetic and mood of the space.</p> 804 </div> 805 </div> 806 <div class="left"> 807 <div class="img-block"> 808 <img src="https://atreydesign.com/uploads/services/1726636899_1.jpg"> 809 </div> 810 </div> 811 <div class="right hide-on-laptop"> 812 <div class="text-block"> 813 <h2>Lighting into their designs</h2> 814 <div class="devider"></div> 815 <p>The firm expertly integrates lighting into their designs, recognizing its crucial role in shaping interior spaces. They use lighting not just as a functional element but as a key component of their artistic vision, enhancing ambiance and highlighting architectural features. By carefully selecting and positioning light sources, they create dynamic environments that transform with the changing light, adding depth and drama to each interior. This thoughtful approach ensures that lighting not only illuminates but also elevates the overall aesthetic and mood of the space.</p> 816 </div> 817 </div> 818 </div> 819 820 821 822 823 824 825 826 827 828 829 <!-- <div class="pro-section" data-aos="fade-zoom-in" id="signature"> 830 831 <div class="left"> 832 833 <div class="img-block"> 834 835 <img src="https://atreydesign.com/frontend/images/sa-img-1.png"> 836 837 </div> 838 839 </div> 840 841 <div class="right"> 842 843 <div class="text-block"> 844 845 <h2>SIGNATURE<br>ARCHITECTURE</h2> 846 847 <div class="devider"></div> 848 849 <p>Design unfolds as a narrative brought to life. To cater to the diverse preferences of discerning clients, Principal Architect Arun Sharma initiates the process by crafting a story that seamlessly weaves together both functional necessities and aspirational elements, drawing inspiration from modern and classic design expressions.</p> 850 851 <p>The journey begins with intricate sketches and fabric swatches, mirroring the client's envisioned aesthetic. The team transforms these into conceptual study models and refined renders, offering a visual expedition through the creative process and anticipated outcomes. From the initial concept to the fine-tuning of design, the team employs imaginative prowess to deliver spaces that bear a distinctive and unique stylistic signature.</p> 852 853 </div> 854 855 </div> 856 857 </div> 858 859 <div class="pro-section" data-aos="fade-zoom-in" id="interior"> 860 861 <div class="right"> 862 863 <div class="text-block"> 864 865 <h2>Interior<br>design</h2> 866 867 <div class="devider"></div> 868 869 <p>Arun Sharma crafts unique interiors by skillfully combining visual expertise with access to topnotch materials and craftsmanship. The result?</p> 870 871 <p>Striking, timeless homes, whether contemporary or classically inspired. The design process is a collaborative journey, with sketches and mood board presentations, ensuring clients actively contribute to the creation of their exceptional spaces.</p> 872 873 </div> 874 875 </div> 876 877 <div class="left"> 878 879 <div class="img-block"> 880 881 <img src="https://atreydesign.com/frontend/images/sa-img-2.png"> 882 883 </div> 884 885 </div> 886 887 </div> 888 889 890 891 <div class="pro-section" data-aos="fade-zoom-in" id="furniture"> 892 893 <div class="left"> 894 895 <div class="img-block"> 896 897 <img src="https://atreydesign.com/frontend/images/sa-img-3.png"> 898 899 </div> 900 901 </div> 902 903 <div class="right"> 904 905 <div class="text-block"> 906 907 <h2>FURNITURE</h2> 908 909 <div class="devider"></div> 910 911 <p>Commissioning everything from concept, design and build, the House of Arun Sharma creates luxuriously unique furniture that echoes the overall architecture and aesthetic palette of high-caliber spaces.</p> 912 913 <p>Her keen eye lends itself to the selection or design of each individual piece of furniture in every space of the home including entrance foyers, lounges, bedrooms, formal rooms and pool areas. Both customized and sourced pieces of furniture meet the studio's sophisticated standards of quality and follow a cohesive aesthetic that proportionally focused as well as visually striking.</p> 914 915 </div> 916 917 </div> 918 919 </div> 920 921 <div class="pro-section" data-aos="fade-zoom-in" id="smart-home"> 922 923 <div class="right"> 924 925 <div class="text-block"> 926 927 <h2>smart home</h2> 928 929 <div class="devider"></div> 930 931 <p>Whether adapting an existing space or designing one, the House of Arun Sharma has a forward-thinking approach towards tech integrated spaces.</p> 932 933 <p>
933Balancing both functionality, cost-value and user friendliness, our team holistically composes smart spaces that cater to diverse audiences and preferences.</p> 934 935 </div> 936 937 </div> 938 939 <div class="left"> 940 941 <div class="img-block"> 942 943 <img src="https://atreydesign.com/frontend/images/sa-img-4.png"> 944 945 </div> 946 947 </div> 948 949 </div> 950 951 <div class="pro-section" data-aos="fade-zoom-in" id="decor"> 952 953 <div class="left"> 954 955 <div class="img-block"> 956 957 <img src="https://atreydesign.com/frontend/images/sa-img-5.png"> 958 959 </div> 960 961 </div> 962 963 <div class="right"> 964 965 <div class="text-block"> 966 967 <h2>DECOR</h2> 968 969 <div class="devider"></div> 970 971 <p>From accents to accessories, the finishing touches highlight the soul of a space. We have an exclusive team of consultants who can help with commissioning or sourcing bespoke works including crystal chandeliers, precious display items, antiques and limited edition items.</p> 972 973 </div> 974 975 </div> 976 977 </div> 978 979 <div class="pro-section" data-aos="fade-zoom-in" id="artistry"> 980 981 <div class="right"> 982 983 <div class="text-block"> 984 985 <h2>ARTISTRY</h2> 986 987 <div class="devider"></div> 988 989 <p>The House of Arun Sharma sources art works that reflect the narrative of a space as well as curate its placement in accordance with the architecture, interiors and lighting.</p> 990 991 <p>Leveraging a formal association with reputed art galleries, we engage in creating an art collection that extends the narrative of the home and its residents. The curatorial process includes vetting the right medium or style and commissioning original artwork from both emerging and established artists. The studio offers consultation and coveted access to international art channels to our most discerning clients</p> 992 993 </div> 994 995 </div> 996 997 <div class="left"> 998 999 <div class="img-block"> 1000 1001 <img src="https://atreydesign.com/frontend/images/sa-img-6.png"> 1002 1003 </div> 1004 1005 </div> 1006 1007 </div> 1008 1009 <div class="pro-section" data-aos="fade-zoom-in" id="lighting"> 1010 1011 <div class="left"> 1012 1013 <div class="img-block"> 1014 1015 <img src="https://atreydesign.com/frontend/images/sa-img-7.png"> 1016 1017 </div> 1018 1019 </div> 1020 1021 <div class="right"> 1022 1023 <div class="text-block"> 1024 1025 <h2>LIGHTING</h2> 1026 1027 <div class="devider"></div> 1028 1029 <p>Lighting in many ways, is the nervous system of the home. Conjoining lighting design with architectural features and interior concepts is crucial to creating a synergetic space.</p> 1030 1031 <p>Arun Sharma applies her fusion of classically symmetric, yet experimentally bold, style to design exceptional customized chandeliers, which are manufactured in high-caliber materials by world-renowned studios. We align conception and execution with lighting design and placement to seamlessly amplify design elements.</p> 1032 1033 </div> 1034 1035 </div> 1036 1037 </div> 1038 1039 <div class="pro-section" data-aos="fade-zoom-in" id="landscape"> 1040 1041 <div class="right"> 1042 1043 <div class="text-block"> 1044 1045 <h2>LANDSCAPE<br>DESIGN</h2> 1046 1047 <div class="devider"></div> 1048 1049 <p>With a special focus on bridging the gap between indoor and outdoor spaces, the House of Arun Sharma , conceive landscape designs that are geologically as well as architecturally synchronized.</p> 1050 1051 <p>This includes the execution of unique greens capes such as tropical rainforests with lush water bodies, manicured gardens with classical fountains as well as the curation of outdoor artworks and design features.</p> 1052 1053 </div> 1054 1055 </div> 1056 1057 <div class="left"> 1058 1059 <div class="img-block"> 1060 1061 <img src="https://atreydesign.com/frontend/images/sa-img-8.png"> 1062 1063 </div> 1064 1065 </div> 1066 1067 </div> --> 1068 1069 1070 1071 1072 1073 </div> 1074 1075 </section> 1076 1077 1078 1079 1080 1081 1082 1083 1084 <style type="text/css"> 1085 #newsletter_email-error { 1086 color: red; 1087 } 1088 1089 #callBackForm button { 1090 background: none; 1091 border: none; 1092 } 1093 1094 .ft_block .footer-block .subs button{ 1095 background: #a18971; 1096 padding: 10px 20px; 1097 border-radius: 50px; 1098 text-decoration: none; 1099 color: #000; 1100 border: none; 1101 } 1102 1103 input#newsletter_email { 1104 border-radius: 50px; 1105 padding: 10px 20px; 1106 margin-bottom: 14px; 1107 width: 91%; 1108 } 1109 1110 .ft_block .footer-block h2 { 1111 color: #fff; 1112 margin-bottom: 6px; 1113 } 1114 1115 .error { 1116 color: red; 1117 } 1118 1119</style> 1120 1121<section class="call-back" data-aos="fade-zoom-in"> 1122 <div class="container"> 1123 <div class="row"> 1124 <div class="col-md-12"> 1125 <div class="call-form"> 1126 <div class="head"> 1127 <h2>Request a<br>call back</h2> 1128 <div class="devider"></div> 1129 </div> 1130 1131 <div id="callBackMessage" class="alert" style="display:none;color: green; background: #fff; width: 60%; margin-left: 170px;"></div> 1132 <form id="callBackForm" name="callBackForm"> 1133 <input type="hidden" name="_token" value="WRVt4MjHJq4ossARGsNvwCKWQ49ySaDv5vqc2yga" autocomplete="off"> <div class="form"> 1134 <div class="form-group"> 1135 <input type="text" name="uname" id="uname" placeholder="Your Name" />
1136 <span class="text-danger" id="uname_error"></span> 1137 </div> 1138 <div class="form-group"> 1139 <input type="text" name="phone" id="phone" placeholder="Phone" /> 1140 <span class="text-danger" id="phone_error"></span> 1141 </div> 1142 <div class="form-group"> 1143 <div class="d-flex"> 1144 <input type="checkbox" id="check" name="check" /> 1145 <label for="check">I Accept the terms for Processing Personal Data</label> 1146 </div> 1147 <label class="text-danger" id="check_error"></label> 1148 </div> 1149 <div class="s_btn"> 1150 <button type="submit"><img src="https://atreydesign.com/frontend/images/sub-arrow.png"></button> 1151 1152 <span id="frloadericon" style="display:none;"> 1153 <img src="https://atreydesign.com/frontend/images/ajax-loader.gif" /> 1154 </span> 1155 1156 </div> 1157 </div> 1158 </form> 1159 1160 </div> 1161 </div> 1162 </div> 1163 </div> 1164</section> 1165<footer> 1166 <div class="container"> 1167 <div class="row"> 1168 <div class="col-md-12"> 1169 <div class="ft_block"> 1170 <div class="footer-block"> 1171 <h5>office Address</h5> 1172 <div class="devider"></div> 1173 <!-- <p>Head Office: G-178, Sector 44,<br>Opposite Amity University,<br>Noida (NCR), Pin - 201301, India<br>+919310359993, 0120-4371060<br>[email protected]</p> --> 1174 <p>Office: 4/2, Road no – Club Road,<br> West Punjabi Bagh, New Delhi – 110026</p> 1175 </div> 1176 <div class="footer-block"> 1177 <h5>Social Connect</h5> 1178 <div class="devider"></div> 1179 <div class="social"> 1180 <!-- <a target="_blank" href="https://www.instagram.com/atreyandassociates?igsh=MTg1bW55bDEwYzZvMA=="><i class="fa fa-instagram" aria-hidden="true"></i></a> 1181 <a target="_blank" href="https://linktr.ee/atreyandassociates"><i class="fa fa-facebook" aria-hidden="true"></i></a> 1182 <a target="_blank" href="https://www.instagram.com/atreyandassociates?igsh=MTg1bW55bDEwYzZvMA=="><i class="fa fa-whatsapp" aria-hidden="true"></i></a> 1183 <a href=""><i class="fa fa-youtube-play" aria-hidden="true"></i></a> 1184 <a target="_blank" href="https://www.linkedin.com/in/atrey-and-associates-03986b282?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app"><i class="fa fa-linkedin" aria-hidden="true"></i></a> 1185 <a href=""><i class="fa fa-twitter" aria-hidden="true"></i></a> 1186 <a href=""><i class="fa fa-pinterest-square" aria-hidden="true"></i></a> 1187 <a href=""><i class="fa fa-pinterest-square" aria-hidden="true"></i></a> --> 1188 <!-- <a href="https://api.whatsapp.com/send/?phone=7291988230" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-3.webp"></a> 1189 <a href="https://www.youtube.com/@atreyandassociates" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-4.webp"></a>--> 1190 <a href="https://www.instagram.com/atreyandassociates/" target="_blank"><img src="https://atreydesign.com/frontend/images/insta.png"></a> 1191 <a href="https://www.facebook.com/p/atreyandassociates-100069168995013/" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-2.webp"></a> 1192 <a href="https://www.linkedin.com/company/atrey-associates/" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-5.webp"></a> 1193 <a href="https://in.pinterest.com/atreyandassociates/_created/" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-7.webp"></a> 1194 1195 1196 1197 <!-- <a href="https://x.com/home" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-6.webp"></a> 1198 <a href="https://www.buildofy.com/architects-interior-design-firms-india/atrey-and-associates-delhi" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-8.webp"></a> 1199 <a href="https://worldarchitecture.org/profiles/fgemf/atrey-associates-profile-page.html#google_vignette" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-9.webp"></a> 1200 <a href="https://amazingarchitecture.com/tags/atrey-associates" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-10.webp"></a> 1201 <a href="https://www.designboom.com/architecture/atrey-design-studio-office-new-delhi-india-01-23-2024/" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-11.webp"></a> 1202 <a href="https://www.archdaily.com/1012441/atrey-design-studio-office-atrey-and-associates" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-12.webp"></a> 1203 <a href="https://www.architectureplusdesign.in/ad-exclusives/two-decade-old-atrey-associates-carved-niche-itself-seamlessly-blending-eco-consciousness-opulent-aesthetics/" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-13.webp"></a> 1204 <a href="https://www.covethouse.eu/blog/atrey-associates-architecture-of-sublime-details/" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-14.webp"></a> 1205 <a href="https://www.aninews.in/news/business/business/giving-wings-to-your-next-luxury-dream-house-atrey-amp-associates20220928162021/" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-15.webp"></a> 1206 <a href="https://www.business-standard.com/content/press-releases-ani/giving-wings-to-your-next-luxury-dream-house-atrey-associates-122092801055_1.html" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-16.webp"></a> 1207 <a href="http://inditerrain.indiaartndesign.com/2019/09/atrey-and-associates-weaves-monochrome.html" target="_blank"><img src="https://atreydesign.com/frontend/images/social-icon-17.webp"></a> --> 1208 </div> 1209 </div> 1210 <div class="footer-block"> 1211 <h5>Explore</h5> 1212 <div class="devider"></div> 1213 <div class="listing"> 1214 <a href="https://atreydesign.com/services">Services</a><span>|</span> 1215 <a href="https://atreydesign.com/portfolio">Portfolio</a><span>|</span> 1216 <a href="https://atreydesign.com/videos">Videos</a><span>|</span> 1217 <a href="https://atreydesign.com/media">Media</a><br> 1218 <a href="https://atreydesign.com/contact-us">Contact Us</a><span>|</span> 1219 <a href="https://atreydesign.com/privacy-policy">Privacy Policy</a> 1220 </div> 1221 </div> 1222 <div class="footer-block"> 1223 <h5>Subscribe to NEWSLETTER</h5> 1224 <div class="subs"> 1225 <div id="newmsg" class="alert" style="display:none;color: green; background: #fff;"></div> 1226 <form name="newsletter" id="newsletter"> 1227 <input type="hidden" name="_token" value="WRVt4MjHJq4ossARGsNvwCKWQ49ySaDv5vqc2yga" autocomplete="off"> <input type="email" id="newsletter_email" name="email" placeholder="Enter your email address" /> 1228 <div class="submit_btn"> 1229 <button type="submit">Subscribe<img src="https://atreydesign.com/frontend/images/subs-arrow.png"></button> 1230 </div> 1231 </form> 1232 </div> 1233 </div> 1234 </div> 1235 </div> 1236 </div> 1237 </div> 1238</footer> 1239<div class="bottom_ft"> 1240 <div class="container"> 1241 <div class="row"> 1242 <div class="col-md-12"> 1243 <div class="powered"> 1244 <p>© 2024 Atrey builders.com. All Rights Reserved.</p> 1245 <div class="right_logo"> 1246 <img src="https://atreydesign.com/frontend/images/csipl.png"> 1247 </div> 1248 </div> 1249 </div> 1250 </div> 1251 </div> 1252</div> 1253<!--<div class="chat"> 1254 <ul> 1255 <li>
1256 <a href="https://api.whatsapp.com/send/?phone=7291988230" target="_blank"> 1257 <img src="https://atreydesign.com/frontend/images/whatsapp2.webp"> 1258 </a> 1259 </li> 1260 <li> 1261 <a href="javascript:void(0)"> 1262 <img data-bs-toggle="modal" data-bs-target="#exampleModal" src="https://atreydesign.com/frontend/images/message-icon.png"> 1263 </a> 1264 </li> 1265 </ul> 1266</div> ---> 1267 1268<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> 1269 <div class="modal-dialog modal-dialog-centered"> 1270 <div class="modal-content"> 1271 <div class="modal-header"> 1272 <h5 class="modal-title">Request a call back</h5> 1273 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 1274 </div> 1275 <form id="footer_enquiry" name="footer_enquiry"> 1276 <div class="modal-body"> 1277 <div class="row"> 1278 <div class="col-md-12 col-sm-12 col-xs-12"> 1279 <div class="alert alert-success" id="frm_successmsg" style="display:none;"></div> 1280 </div> 1281 </div> 1282 1283 1284 <input type="hidden" name="_token" value="WRVt4MjHJq4ossARGsNvwCKWQ49ySaDv5vqc2yga" autocomplete="off"> <div class="form-group mb-4"> 1285 <input type="text" id="frm_name" name="frm_name" class="form-control" placeholder="Your name*"> 1286 <span class="text-danger" id="frm_name_error"></span> 1287 </div> 1288 <div class="form-group mb-4"> 1289 <input type="email" id="frm_email" name="frm_email" class="form-control" placeholder="Your email*"> 1290 <span class="text-danger" id="frm_email_error"></span> 1291 </div> 1292 <div class="form-group mb-4"> 1293 <input type="number" id="frm_phone" name="frm_phone" class="form-control" placeholder="Your phone*"> 1294 <span class="text-danger" id="frm_phone_error"></span> 1295 </div> 1296 <div class="form-group mb-4"> 1297 <input type="text" id="frm_subject" name="frm_subject" class="form-control" placeholder="subject*"> 1298 <span class="text-danger" id="frm_subject_error"></span> 1299 </div> 1300 <div class="form-group mb-4"> 1301 <textarea class="form-control" id="frm_message" name="frm_message" rows="4" placeholder="Your Requirement"></textarea> 1302 <span style="font-size: 11px; color: #fff;">Total Word Count : <span id="frm_display_count">0</span> words.</span> 1303 <span class="text-danger" id="frm_message_error"></span> 1304 </div> 1305 1306 </div> 1307 <div class="modal-footer"> 1308 <button type="submit">Send message</button> 1309 <span id="frm_rloadericon" style="display:none;"> 1310 <img src="https://atreydesign.com/frontend/images/ajax-loader.gif" /> 1311 </span> 1312 </div> 1313 </form> 1314 </div> 1315 </div> 1316</div> </div> 1317 1318
1318<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
1318 1319
1319<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
1319 1320
1320<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.3/js/uikit.min.js"></script>
1320 1321
1321<script src="https://atreydesign.com/frontend/js/owl.carousel.js"></script>
1321 1322
1322<script src="https://atreydesign.com/frontend/js/script.js"></script>
1322 1323
1323<script src="https://atreydesign.com/frontend/js/animations.js"></script>
1323 1324
1324<script src="https://atreydesign.com/frontend/js/jquery.lbt-lightbox.js"></script>
1324 1325
1325<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
1325 1326 1327 1328
1328<script type="text/javascript"> 1329 $(document).ready(function() { 1330 1331 var left_icon = "https://atreydesign.com/frontend/images/s-left-icon.png"; 1332 var right_icon = "https://atreydesign.com/frontend/images/s-right-icon.png"; 1333 1334 var bigimage = $("#big"); 1335 var thumbs = $("#thumbs"); 1336 //var totalslides = 10; 1337 var syncedSecondary = true; 1338 1339 bigimage 1340 .owlCarousel({ 1341 items: 1, 1342 slideSpeed: 2000, 1343 autoplaySpeed: 1000, 1344 nav: true, 1345 autoplay:true, 1346 dots: false, 1347 loop: true, 1348 1349 responsiveRefreshRate: 200, 1350 navText: [ 1351 '<img src="'+left_icon+'">', 1352 '<img src="'+right_icon+'">' 1353 ] 1354 }) 1355 .on("changed.owl.carousel", syncPosition); 1356 1357 thumbs 1358 .on("initialized.owl.carousel", function() { 1359 thumbs 1360 .find(".owl-item") 1361 .eq(0) 1362 .addClass("current"); 1363 }) 1364 .owlCarousel({ 1365 items: 5, 1366 dots:false, 1367 nav: false, 1368 navText: [ 1369 '<i class="fa fa-arrow-left" aria-hidden="true"></i>', 1370 '<i class="fa fa-arrow-right" aria-hidden="true"></i>' 1371 ], 1372 //smartSpeed: 200, 1373 //slideSpeed: 500, 1374 //slideBy: 4, 1375 //responsiveRefreshRate: 100 1376 }) 1377 .on("changed.owl.carousel", syncPosition2); 1378 1379 function syncPosition(el) { 1380 //if loop is set to false, then you have to uncomment the next line 1381 //var current = el.item.index; 1382 1383 //to disable loop, comment this block 1384 var count = el.item.count - 1; 1385 var current = Math.round(el.item.index - el.item.count / 2 - 0.5); 1386 1387 if (current < 0) { 1388 current = count; 1389 } 1390 if (current > count) { 1391 current = 0; 1392 } 1393 //to this 1394 thumbs 1395 .find(".owl-item") 1396 .removeClass("current") 1397 .eq(current) 1398 .addClass("current"); 1399 var onscreen = thumbs.find(".owl-item.active").length - 1; 1400 var start = thumbs 1401 .find(".owl-item.active") 1402 .first() 1403 .index(); 1404 var end = thumbs 1405 .find(".owl-item.active") 1406 .last() 1407 .index(); 1408 1409 if (current > end) { 1410 thumbs.data("owl.carousel").to(current, 100, true); 1411 } 1412 if (current < start) { 1413 thumbs.data("owl.carousel").to(current - onscreen, 100, true); 1414 } 1415 } 1416 1417 function syncPosition2(el) { 1418 if (syncedSecondary) { 1419 var number = el.item.index; 1420 bigimage.data("owl.carousel").to(number, 100, true); 1421 } 1422 } 1423 1424 thumbs.on("click", ".owl-item", function(e) { 1425 e.preventDefault(); 1426 var number = $(this).index(); 1427 bigimage.data("owl.carousel").to(number, 300, true); 1428 }); 1429 }); 1430 1431 </script>
1431 1432 1433
1433<script type="text/javascript"> 1434 var left_icon = "https://atreydesign.com/frontend/images/s-left-icon.png"; 1435 var right_icon = "https://atreydesign.com/frontend/images/s-right-icon.png"; 1436 1437 $('.main_banner').owlCarousel({ 1438 loop:true, 1439 margin:0, 1440 autoplay:true, 1441 nav:false, 1442 dotts:false, 1443 autoplaySpeed: 1000, 1444 responsiveClass:true, 1445 responsive:{ 1446 0:{ 1447 items:1 1448 }, 1449 600:{ 1450 items:1 1451 }, 1452 1000:{ 1453 items:1 1454 } 1455 } 1456 }) 1457 1458 $('.services-slider').owlCarousel({ 1459 loop:true, 1460 margin:25, 1461 autoplay:true, 1462 nav:true, 1463 dotts:false, 1464 autoplaySpeed: 1000, 1465 center:true, 1466 responsiveClass:true, 1467 navText: [ 1468 '<img src="'+left_icon+'">', 1469 '<img src="'+right_icon+'">' 1470 ], 1471 responsive:{ 1472 0:{ 1473 items:1, 1474 stagePadding:0 1475 }, 1476 600:{ 1477 items:2, 1478 stagePadding:0 1479 }, 1480 1000:{ 1481 items:3, 1482 stagePadding:0 1483 } 1484 } 1485 }) 1486 1487 1488 1489 $('#services-lis').owlCarousel({ 1490 loop:true, 1491 margin:30, 1492 autoplay:false, 1493 nav:false, 1494 dotts:false, 1495 autoplaySpeed: 1000, 1496 responsiveClass:true, 1497 navText: [ 1498 '<img src="'+left_icon+'">', 1499 '<img src="'+right_icon+'">' 1500 ], 1501 responsive:{ 1502 0:{ 1503 items:3 1504 }, 1505 600:{ 1506 items:5 1507 }, 1508 1000:{ 1509 items:6 1510 } 1511 } 1512 }) 1513 1514 $('.banner').owlCarousel({ 1515 loop:true, 1516 margin:0, 1517 autoplay:false, 1518 autoplaySpeed: 1000, 1519 responsiveClass:true, 1520 navText: [ 1521 '<img src="'+left_icon+'">', 1522 '<img src="'+right_icon+'">' 1523 ], 1524 responsive:{ 1525 0:{ 1526 items:1 1527 }, 1528 600:{ 1529 items:1 1530 }, 1531 1000:{ 1532 items:1 1533 } 1534 } 1535 }) 1536 1537 $('.insta').owlCarousel({ 1538 loop:true, 1539 margin:15, 1540 nav:false, 1541 dotts:false, 1542 autoplay:true, 1543 autoplaySpeed: 1000, 1544 responsiveClass:true, 1545 responsive:{ 1546 0:{ 1547 items:1 1548 }, 1549 600:{ 1550 items:2 1551 }, 1552 1000:{ 1553 items:3 1554 } 1555 } 1556 }) 1557 1558 1559 var brandSlider = $('.our-project-slider').owlCarousel({ 1560 loop:true, 1561 margin:100, 1562 nav:true, 1563 dotts:true, 1564 autoplay:true, 1565 autoplaySpeed: 1000, 1566 responsiveClass:true, 1567 responsive:{ 1568 0:{ 1569 items:1 1570 }, 1571 600:{ 1572 items:2 1573 }, 1574 1000:{ 1575 items:2, 1576 } 1577 } 1578 }) 1579 1580 function brandSliderClasses() { 1581 brandSlider.each(function() { 1582 var total = $(this).find('.owl-item.active').length; 1583 $(this).find('.owl-item').removeClass('firstactiveitem'); 1584 $(this).find('.owl-item').removeClass('lastactiveitem'); 1585 $(this).find('.owl-item.active').each(function(index) { 1586 if (index === 0) { 1587 $(this).addClass('firstactiveitem') 1588 } 1589 if (index === total - 1 && total > 1) { 1590 $(this).addClass('lastactiveitem') 1591 } 1592 }) 1593 }) 1594 } 1595 brandSliderClasses(); 1596 brandSlider.on('translated.owl.carousel', function(event) { 1597 brandSliderClasses() 1598 }); 1599 1600 $('.testemonials-slider').owlCarousel({ 1601 loop:true, 1602 margin:15, 1603 nav:false, 1604 dotts:true, 1605 autoplay:false, 1606 autoplaySpeed: 1000, 1607 responsiveClass:true, 1608 navText: [ 1609 '', 1610 '<img src="assets/img/teste-arroe.png">' 1611 ], 1612 responsive:{ 1613 0:{ 1614 items:1, 1615 stagePadding:0 1616 }, 1617 600:{ 1618 items:1, 1619 stagePadding:80 1620 }, 1621 1000:{ 1622 items:1, 1623 stagePadding:100 1624 } 1625 } 1626 }) 1627 </script>
1627 1628
1628<script type="text/javascript"> 1629 $(".slider") 1630 // .on("initialized.owl.carousel changed.owl.carousel", function(e) { 1631 // if (!e.namespace) { 1632 // return; 1633 // } 1634 // $("#counter").text( 1635 // e.relatedTarget.relative(e.item.index) + 1 + "/" + e.item.count 1636 // ); 1637 // }) 1638 .owlCarousel({ 1639 loop: true, 1640 margin: 50, 1641 nav: true, 1642 autoplay: true, 1643 autoplaySpeed: 1000, 1644 responsive:{ 1645 0:{ 1646 items:1 1647 }, 1648 600:{ 1649 items:1 1650 }, 1651 1000:{ 1652 items:2 1653 } 1654 } 1655 }); 1656 </script>
1656 1657
1657<script type="text/javascript"> 1658 $(document).ready(function() { 1659 var left_icon = "https://atreydesign.com/frontend/images/s-left-icon.png"; 1660 var right_icon = "https://atreydesign.com/frontend/images/s-right-icon.png"; 1661 var sync1 = $("#sync1"); 1662 var sync2 = $("#sync2"); 1663 var slidesPerPage = 4; //globaly define number of elements per page 1664 var syncedSecondary = true; 1665 1666 sync1.owlCarousel({ 1667 margin:20, 1668 //slideSpeed: 2000, 1669 nav: false, 1670 autoplay: true, 1671 dots: false, 1672 loop: true, 1673 autoplaySpeed: 1000, 1674 //responsiveRefreshRate: 200, 1675 responsive:{ 1676 0:{ 1677 items:1, 1678 stagePadding:0 1679 }, 1680 600:{ 1681 items:2, 1682 stagePadding:0 1683 }, 1684 1000:{ 1685 items:3, 1686 stagePadding:0 1687 } 1688 } 1689 }).on('changed.owl.carousel', syncPosition); 1690 1691 1692 1693 sync2 1694 .on('initialized.owl.carousel', function() { 1695 sync2.find(".owl-item").eq(0).addClass("current"); 1696 }) 1697 .owlCarousel({ 1698 items: slidesPerPage, 1699 margin:15, 1700 stagePadding:100, 1701 items: 1, 1702 slideSpeed: 2000, 1703 nav: true, 1704 autoplay: false, 1705 dots: false, 1706 loop: true, 1707 navText: [ 1708 '<img src="'+left_icon+'">', 1709 '<img src="'+right_icon+'">' 1710 ], 1711 slideBy: slidesPerPage, //alternatively you can slide by 1, this way the active slide will stick to the first item in the second carousel 1712 responsiveRefreshRate: 100 1713 }).on('changed.owl.carousel', syncPosition2); 1714 1715 function syncPosition(el) { 1716 //if you set loop to false, you have to restore this next line 1717 //var current = el.item.index; 1718 1719 //if you disable loop you have to comment this block 1720 var count = el.item.count - 1; 1721 var current = Math.round(el.item.index - (el.item.count / 2) - .5); 1722 1723 if (current < 0) { 1724 current = count; 1725 } 1726 if (current > count) { 1727 current = 0; 1728 } 1729 1730 //end block 1731 1732 sync2 1733 .find(".owl-item") 1734 .removeClass("current") 1735 .eq(current) 1736 .addClass("current"); 1737 var onscreen = sync2.find('.owl-item.active').length - 1; 1738 var start = sync2.find('.owl-item.active').first().index(); 1739 var end = sync2.find('.owl-item.active').last().index(); 1740 1741 if (current > end) { 1742 sync2.data('owl.carousel').to(current, 100, true); 1743 } 1744 if (current < start) { 1745 sync2.data('owl.carousel').to(current - onscreen, 100, true); 1746 } 1747 } 1748 1749 function syncPosition2(el) { 1750 if (syncedSecondary) { 1751 var number = el.item.index; 1752 sync1.data('owl.carousel').to(number, 100, true); 1753 } 1754 } 1755 1756 sync2.on("click", ".owl-item", function(e) { 1757 e.preventDefault(); 1758 var number = $(this).index(); 1759 sync1.data('owl.carousel').to(number, 300, true); 1760 }); 1761 }); 1762 </script>
1762 1763
1763<script type="text/javascript"> 1764 $(window).scroll(function(){ 1765 if ($(window).scrollTop() >= 75) { 1766 $('header').addClass('fixed-header'); 1767 $('header div').addClass('visible-title'); 1768 } 1769 else { 1770 $('header').removeClass('fixed-header'); 1771 $('header div').removeClass('visible-title'); 1772 } 1773 }); 1774 </script>
1774 1775 1776
1776<script type="text/javascript"> 1777 AOS.init(); 1778 </script>
1778 1779 1780 <!-- write script here --> 1781
1781<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"></script>
1781 1782
1782<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
1782 1783
1783<script type="text/javascript"> 1784 1785 $(document).ready(function(){ 1786 jQuery.validator.addMethod( 1787 "regex", 1788 1789 function(value, element, regexp) { 1790 if (regexp && regexp.constructor != RegExp) { 1791 regexp = new RegExp(regexp); 1792 } 1793 1794 else if (regexp.global) regexp.lastIndex = 0; 1795 1796 return this.optional(element) || regexp.test(value); 1797 },'Please enter a valid email address' 1798 ); 1799 1800 jQuery.validator.addMethod("indianPhone", function (phone_number, element) { 1801 phone_number = phone_number.replace(/\s+/g, ""); 1802 return this.optional(element) || phone_number.length > 9 && phone_number.match(/^(?:(?:\+|0{0,2})91(\s*[\-]\s*)?|[0]?)?[789]\d{9}$/); 1803 }, "Invalid mobile number"); 1804 1805 $("#newsletter").validate({ 1806 rules: { 1807 email: { 1808 required : true, 1809 email:true, 1810 regex: /^\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b$/i 1811 } 1812 }, 1813 messages: { 1814 email: { 1815 required: "Email is required" 1816 } 1817 }, 1818 1819 submitHandler: function(form){ 1820 jQuery.ajax({ 1821 url: "https://atreydesign.com/newsletters", 1822 data: $(form).serialize(), 1823 type: "POST", 1824 1825 success: function(data) { 1826 if(data.class=='success'){ 1827 $("#newmsg").show().html(data.message); 1828 $('form[name="newsletter"]')[0].reset(); 1829 $('#newsletter_email').var(''); 1830 } 1831 else { 1832 $("#newmsg").show().html(data.message); 1833 $('form[name="newsletter"]')[0].reset(); 1834 $('#newsletter_email').var(''); 1835 } 1836 1837 } 1838 }); 1839 } 1840 }); 1841 1842 1843 $("#callBackForm").validate({ 1844 rules: { 1845 uname: 'required', 1846 phone: { 1847 required : true, 1848 minlength:10, 1849 maxlength:10, 1850 indianPhone: true 1851 }, 1852 check: 'required', 1853 }, 1854 messages: { 1855 uname: { 1856 required: "Name field is required" 1857 }, 1858 phone: { 1859 required: "Phone field is required" 1860 }, 1861 check: { 1862 required: "Checkbox field is required" 1863 } 1864 }, 1865 1866 submitHandler: function(form){ 1867 $('#frloadericon').show(); 1868 jQuery.ajax({ 1869 url: "https://atreydesign.com/callback-request", 1870 data: $(form).serialize(), 1871 type: "POST", 1872 1873 success: function(data) { 1874 1875 form.reset(); 1876 1877 if(data.class=='success'){ 1878 $('#frloadericon').hide(); 1879 $("#callBackMessage").show().html(data.message); 1880 $('form[name="uname"]')[0].reset(); 1881 $('#uname').var(''); 1882 } 1883 else { 1884 $('#frloadericon').hide(); 1885 $("#callBackMessage").show().html(data.message); 1886 $('form[name="uname"]')[0].reset(); 1887 $('#uname').var(''); 1888 } 1889 }, 1890 error: function(data) { 1891 $('#frloadericon').hide(); 1892 1893 let response=data.responseJSON; 1894 let all_errors=response.errors; 1895 $.each(all_errors,function(key,value){ 1896 $('#'+key+'_error').text(value); 1897 }); 1898 } 1899 }); 1900 } 1901 }); 1902 }); 1903 </script>
1903 1904 1905 1906
1906<script type="text/javascript"> 1907 $(document).ready(function(){ 1908 $(".burger-menu").click(function(){ 1909 $(".head_nav").toggle(); 1910 }); 1911 }); 1912 </script>
1912 1913 1914
1914<script type="text/javascript"> 1915 $(document).ready(function() { 1916 1917 function validlength(t, limit) { 1918 var l = parseInt(limit); 1919 if (event.key === "'" || event.key === '"') { 1920 return false; // Disallow ' and " characters 1921 } 1922 if (t.value.length >= l) { 1923 return false; 1924 } else { 1925 return true; 1926 } 1927 } 1928 1929 // Word count and limit the message length to 30 words 1930 $("#frm_message").on('keyup', function() { 1931 var words = (this.value.match(/\S+/g) || []).length; 1932 if (words > 30) { 1933 var trimmed = $(this).val().split(/\s+/, 30).join(" "); 1934 $(this).val(trimmed + " "); 1935 } else { 1936 $('#frm_display_count').text(words); 1937 } 1938 }); 1939 1940 // Custom validation for regex 1941 jQuery.validator.addMethod("regex", function(value, element, regexp) { 1942 if (regexp && regexp.constructor !== RegExp) { 1943 regexp = new RegExp(regexp); 1944 } else if (regexp.global) { 1945 regexp.lastIndex = 0; 1946 } 1947 return this.optional(element) || regexp.test(value); 1948 }, 'Please enter a valid email address.'); 1949 1950 // Custom validation for Indian phone number 1951 jQuery.validator.addMethod("indianphone", function(phone_number, element) { 1952 phone_number = phone_number.replace(/\s+/g, ""); 1953 return this.optional(element) || phone_number.length > 9 && phone_number.match(/^(?:(?:\+|0{0,2})91(\s*[\-]\s*)?|[0]?)?[789]\d{9}$/); 1954 }, "Invalid mobile number."); 1955 1956 // Form validation and AJAX submission 1957 $("#footer_enquiry").validate({ 1958 rules: { 1959 frm_name: 'required', 1960 frm_email: { 1961 required: true, 1962 email: true, 1963 regex: /^\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b$/i 1964 }, 1965 frm_phone: { 1966 required: true, 1967 minlength: 10, 1968 maxlength: 10, 1969 indianphone: true 1970 }, 1971 frm_subject: 'required', 1972 frm_message: { 1973 required: true, 1974 maxlength: 2000, 1975 }, 1976 }, 1977 messages: { 1978 frm_name: "Please enter your name.", 1979 frm_email: { 1980 required: "Please enter your email.", 1981 email: "Please enter a valid email address.", 1982 }, 1983 frm_phone: { 1984 required: "Please enter your phone number.", 1985 minlength: "Phone number must be at least 10 digits.", 1986 maxlength: "Phone number cannot exceed 10 digits.", 1987 }, 1988 frm_subject: "Please enter the subject.", 1989 frm_message: { 1990 required: "Please enter your message.", 1991 maxlength: "Message cannot exceed 2000 characters.", 1992 }, 1993 }, 1994 submitHandler: function(form) { 1995 $('#frm_rloadericon').show(); 1996 $.ajax({ 1997 url: "https://atreydesign.com/popup-callback-form", 1998 data: $(form).serialize(), 1999 type: "POST", 2000 success: function(data) { 2001 $('#frm_rloadericon').hide(); 2002 $('#footer_enquiry')[0].reset(); // Reset the form 2003 if (data.response === 'Success') { 2004 $("#frm_successmsg").show().html(data.message); 2005 } else { 2006 $("#frm_successmsg").show().html('<div class="alert" style="color: red; font-size: 18px;">Error! Please try again later.</div>'); 2007 } 2008 }, 2009 error: function(xhr) { 2010 $('#frm_rloadericon').hide(); 2011 let response = xhr.responseJSON; 2012 let all_errors = response.errors; 2013 $('.error-text').text(''); // Clear previous errors 2014 $.each(all_errors, function(key, value) { 2015 $('#' + key + '_error').text(value); 2016 }); 2017 } 2018 }); 2019 } 2020 }); 2021 }); 2022 2023 </script>
2023 2024 2025 2026 <!-- write script here --> 2027 2028 2029 </body> 2030</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.