1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7<meta content="EHsmCS5BHgEuOBMuP1R4HQYPJwM1AQIKH1wdKth4bibTymAZWGmjLrfp" name="csrf-token"> 8<title data-suffix="">Shop | Auroville</title> 9 <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/[email protected]/css/flag-icons.min.css"> 10 <link phx-track-static rel="stylesheet" href="/assets/app-19cb6dcc625567a4595bf81bee59e2bb.css?vsn=d"> 11
11<script defer phx-track-static type="text/javascript" src="/assets/app-b5e5206e3a79b9195b8ffa28b199af38.js?vsn=d"></script>
vendor: 89 bytes, lines 11-13
11 12 <script src="https://www.google.com/recaptcha/api.js?render=explicit"></script> 13
13<link rel="shortcut icon" type="image/png" href="/images/av_favi_icon-bb57269cdce6407f4a931a9065e58035.png?vsn=d"> 14
14<script src="https://code.iconify.design/2/2.1.2/iconify.min.js"></script>
14 15
15<script type="text/javascript"> 16 function googleTranslateElementInit() { 17 new google.translate.TranslateElement({ 18 pageLanguage: 'en', 19 includedLanguages: 'ar,jp,en,fr,es,ta,hi,zh-CN,ko,pl,nl,pt-PT,ru,de,sv,it,ml,gu,te,ur,ko,bg', // Customize this 20 layout: google.translate.TranslateElement.InlineLayout.SIMPLE 21 }, 'google_translate_element'); 22 } 23 </script>
23 24
24<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
24 25 </head> 26 <body> 27<nav class="bg-amber-950 shadow border-b-4 border-amber-350 py-2 z-auto" x-data="{ isOpen: true}"> 28 <div class="max-w-6xl mx-auto px-2 sm:px-6 lg:px-12"> 29 <div class="flex justify-between items-center h-16"> 30 <div> 31 <div class="flex px-2 lg:px-0"> 32 <div class="flex-shrink-0 flex items-center"> 33 <a class="text-white h-8" href="/"> 34 <span class="sr-only">Auroville</span> 35 </a> 36 <a href="/"> 37 <span class="lg:-mt-0 md:mt-0 flex items-center justify-center mr-10 lg:mr-0"> 38 <img class="w-[10.6rem] h-12 rounded-sm object-center" src="/images/av_logo_text-d6ab8f61bcfd7ba713526ebe2c553507.png?vsn=d" alt=""> 39 </span> 40 </a> 41 </div> 42 </div> 43 </div> 44 45 <div> 46 47 <div class="hidden lg:flex lg:items-center lg:space-x-6 group-hover:block"> 48 49 <div class="group inline-block relative hover:bg-amber-350"> 50 51<a class="block transition ease-out duration-50 delay-50 text-auroville-yellow hover:text-white hover:bg-amber-350 hover:h-full px-2 py-8 mb-0 text-sm font-['Open_Sans'] font-semibold" href="/page/vision"><span class="mr-1">Vision</span></a> 52 53 <ul class="absolute z-50 hidden text-yellow-700 group-hover:block animate-fade-in-down w-64 -mt-0.5 opacity-100 origin-top"> 54 55 <li class="z-50 opacity-100"> 56 57 58<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/core-documents">3 Core Documents</a> 59 60 61 </li> 62 63 <li class="z-50 opacity-100"> 64 65 66<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/a-new-economic-model">A New Economic Model</a> 67 68 69 </li> 70 71 <li class="z-50 opacity-100"> 72 73 74<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/vision-of-the-city">Vision of the City</a> 75 76 77 </li> 78 79 <li class="z-50 opacity-100"> 80 81 82<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/matrimandir">Soul of the City</a> 83 84 85 </li> 86 87 <li class="z-50 opacity-100"> 88 89 90<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/integral-yoga">Integral Yoga</a> 91 92 93 </li> 94 95 <li class="z-50 opacity-100"> 96 97 98<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/the-founders">The Founders</a> 99 100 101 </li> 102 103 <li class="z-50 opacity-100"> 104 105 106<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/auroville-in-brief">Auroville in Brief</a> 107 108 109 </li> 110 111 <li class="z-50 opacity-100"> 112 113 114<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/testimonials-and-support">Testimonials & Support</a> 115 116 117 </li> 118 119 </ul> 120 </div> 121 122 <div class="group inline-block relative hover:bg-amber-350"> 123 124<a class="block transition ease-out duration-50 delay-50 text-auroville-yellow hover:text-white hover:bg-amber-350 hover:h-full px-2 py-8 mb-0 text-sm font-['Open_Sans'] font-semibold" href="#"><span class="mr-1">Activities</span></a> 125 126 <ul class="absolute z-50 hidden text-yellow-700 group-hover:block animate-fade-in-down w-64 -mt-0.5 opacity-100 origin-top"> 127 128 <li class="z-50 opacity-100"> 129 130 131<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/integral-education">Integral Education</a> 132 133 134 </li> 135 136 <li class="z-50 opacity-100"> 137 138 139<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/planning-and-architecture">Planning & Architecture</a> 140 141 142 </li> 143 144 <li class="z-50 opacity-100"> 145 146 147<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/matrimandir-and-peace-area">
147Matrimandir</a> 148 149 150 </li> 151 152 <li class="z-50 opacity-100"> 153 154 155<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/city-services">City Services</a> 156 157 158 </li> 159 160 <li class="z-50 opacity-100"> 161 162 163<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/sustainable-development">Sustainable Development</a> 164 165 166 </li> 167 168 <li class="z-50 opacity-100"> 169 170 171<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/media-and-communication">Media and Communication</a> 172 173 174 </li> 175 176 <li class="z-50 opacity-100"> 177 178 179<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/health-and-wellness">Health & Wellness</a> 180 181 182 </li> 183 184 <li class="z-50 opacity-100"> 185 186 187<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/farming">Farming</a> 188 189 190 </li> 191 192 <li class="z-50 opacity-100"> 193 194 195<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/art-and-culture">Art & Culture</a> 196 197 198 </li> 199 200 <li class="z-50 opacity-100"> 201 202 203<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/social-enterprises">Social Enterprises</a> 204 205 206 </li> 207 208 <li class="z-50 opacity-100"> 209 210<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/category/rural-development">Rural Development</a> 211 212 </li> 213 214 </ul> 215 </div> 216 217 <div class="group inline-block relative hover:bg-amber-350"> 218 219<a class="block transition ease-out duration-50 delay-50 text-auroville-yellow hover:text-white hover:bg-amber-350 hover:h-full px-2 py-8 mb-0 text-sm font-['Open_Sans'] font-semibold" href="/page/community"><span class="mr-1">Community</span></a> 220 221 <ul class="absolute z-50 hidden text-yellow-700 group-hover:block animate-fade-in-down w-64 -mt-0.5 opacity-100 origin-top"> 222 223 <li class="z-50 opacity-100"> 224 225 226<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/self-governance">Organisation & Governance</a> 227 228 229 </li> 230 231 <li class="z-50 opacity-100"> 232 233 234<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/auroville-settlements">Auroville Settlements</a> 235 236 237 </li> 238 239 <li class="z-50 opacity-100"> 240 241<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/category/economy">Economy</a> 242 243 </li> 244 245 <li class="z-50 opacity-100"> 246 247<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/category/history">History</a> 248 249 </li> 250 251 <li class="z-50 opacity-100"> 252 253<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/category/people">People</a> 254 255 </li> 256 257 <li class="z-50 opacity-100"> 258 259<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/category/society">Society</a> 260 261 </li> 262 263 </ul> 264 </div> 265 266 <div class="group inline-block relative hover:bg-amber-350"> 267 268<a class="block transition ease-out duration-50 delay-50 text-auroville-yellow hover:text-white hover:bg-amber-350 hover:h-full px-2 py-8 mb-0 text-sm font-['Open_Sans'] font-semibold" href="/page/what-you-can-do"><span class="mr-1">What You Can Do</span></a> 269 270 <ul class="absolute z-50 hidden text-yellow-700 group-hover:block animate-fade-in-down w-64 -mt-0.5 opacity-100 origin-top"> 271 272 <li class="z-50 opacity-100"> 273 274 275<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/v
275isit-and-stay">Visit and Stay</a> 276 277 278 </li> 279 280 <li class="z-50 opacity-100"> 281 282 283<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/joining-auroville">Joining Auroville</a> 284 285 286 </li> 287 288 <li class="z-50 opacity-100"> 289 290 291<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="https://donate.auroville.org/" target="_blank">Donate to Projects</a> 292 293 294 </li> 295 296 <li class="z-50 opacity-100"> 297 298<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/category/eateries">Eateries</a> 299 300 </li> 301 302 <li class="z-50 opacity-100"> 303 304 305<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/shop">Buy Products</a> 306 307 308 </li> 309 310 <li class="z-50 opacity-100"> 311 312 313<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/support-land-purchase">Support Auroville Land Purchase</a> 314 315 316 </li> 317 318 <li class="z-50 opacity-100"> 319 320 321<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/frequently-asked-questions-auroville">FAQ</a> 322 323 324 </li> 325 326 <li class="z-50 opacity-100"> 327 328 329<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/workshops-and-therapies">Workshops & Therapies</a> 330 331 332 </li> 333 334 <li class="z-50 opacity-100"> 335 336 337<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/page/contact-us">Contact Us</a> 338 339 340 </li> 341 342 </ul> 343 </div> 344 345 <!-- start flag menu --> 346 <div class="group inline-block relative hover:bg-amber-350"> 347 <a href="/languages" class="block h-full transition ease-out duration-50 delay-50 text-auroville-yellow hover:text-white hover:bg-amber-350 hover:h-full px-2 pt-11 pb-5 mb-0 text-sm font-['Open_Sans'] font-semibold"> 348 <span class="iconify mr-1 h-10 w-10"> 349 <img alt="Flags" class="drop-shadow-md transform transition-all hover:scale-125 animate-wiggle hover:animate-wiggle h-9 w-9" src="/images/languages_icon-413e0988ec0d9b9d96e64204e9cf82c4.png?vsn=d"> 350 </span> 351 </a> 352 <ul class="absolute z-50 hidden text-yellow-700 group-hover:block animate-fade-in-down w-64 -mt-5 opacity-100 origin-top"> 353 354 <div class="flex items-center"> 355 <li class="w-full lg:w-1/2"> 356<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/languages/ar">Ø§ÙØ¹Ø±Ø¨ÙØ©</a> 357 </li> 358 <li class="w-full lg:w-1/2"> 359<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/languages/jp">æ¥æ¬èª</a> 360 </li> 361 </div> 362 363 <div class="flex items-center"> 364 <li class="w-full lg:w-1/2"> 365<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/languages/bg">ÐÑлгаÑÑки</a> 366 </li> 367 <li class="w-full lg:w-1/2"> 368<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/languages/ko">íêµì´</a> 369 </li> 370 </div> 371 372 <div class="flex items-center"> 373 <li class="w-full lg:w-1/2"> 374<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/languages/zh-CN">䏿</a> 375 </li> 376 <li class="w-full lg:w-1/2"> 377<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/languages/pl">Polskie</a> 378 </li> 379 </div> 380 381 <div class="flex items-center"> 382 <li class="w-full lg:w-1/2"> 383<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/languages/nl">Dutch</a> 384 </li> 385 <li class="w-full lg:w-1/2"> 386<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/languages/pt-PT">Português</a> 387 </li> 388 </div> 389 390 <div class="flex items-center"> 391 <li class="w-full lg:w-1/2"> 392<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/languages/fr">Français</a> 393 </li> 394 <li class="w-full lg:w-1/2"> 395<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/languages/ru">Ð ÑÑÑкий</a> 396 </li> 397 </div> 398 399 <div class="flex items-center"> 400 <li class="w-full lg:w-1/2"> 401<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/languages/de">
401Deutsch</a> 402 </li> 403 <li class="w-full lg:w-1/2"> 404<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/languages/es">Español</a> 405 </li> 406 </div> 407 408 <div class="flex items-center"> 409 <li class="w-full lg:w-1/2"> 410<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/languages/hi">हिनà¥à¤¦à¥</a> 411 </li> 412 <li class="w-full lg:w-1/2"> 413<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/languages/sv">Svenska</a> 414 </li> 415 </div> 416 417 <div class="flex items-center"> 418 <li class="w-full lg:w-1/2"> 419<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/languages/it">Italiano</a> 420 </li> 421 <li class="w-full lg:w-1/2"> 422<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-auroville-yellow hover:text-white font-bold text-sm z-50 opacity-100" href="/languages/ta">தமிழà¯</a> 423 </li> 424 </div> 425 426 </ul> 427 </div> 428 <!-- end flag menu --> 429 </div> 430 </div> 431 <!-- Google transalte --> 432 <div style="display:flex"> 433 <img src="/images/Google_Translate_Icon-ae298b7c8e103ad21c6c0c06898028a0.png?vsn=d" id="custom_translate_btn" class="h-10 w-10 rounded-lg cursor-pointer z-10"> 434 <div id="google_translate_element"></div> 435 </div> 436 437 <div class="flex md:flex items-center justify-items-end"> 438 <div class="flex"> 439 <form action="/search" method="post" id="demo-2"> 440 441 442 <input name="_csrf_token" type="hidden" value="EHsmCS5BHgEuOBMuP1R4HQYPJwM1AQIKH1wdKth4bibTymAZWGmjLrfp"> 443 444 445 <div class="relative text-gray-500 focus-within:text-gray-400"> 446 <div class="mt-1 relative rounded-md shadow-sm">
447<input class="px-2 py-1 w-4 text-sm font-inter text-white bg-white rounded-full border border-amber-350 pl-2 focus:outline-none focus:bg-white focus:text-gray-900 focus:w-40" id="demo-2_q" name="search[q]" placeholder="Search" type="search"> 448 <div class="absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none"> 449 <!-- Heroicon name: solid/exclamation-circle --> 450<a class="sch-en" href="/search"><svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-gray-900" viewBox="0 0 20 20" fill="currentColor"> 451 <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd"></path> 452 </svg></a> 453 </div> 454 </div> 455 <span class="absolute inset-y-0 right-0 flex items-center"> 456<button class="focus:outline-none focus:shadow-outline" type="submit"></button> 457 </span> 458 </div> 459 460</form> 461 </div> 462 </div> 463 464 <div class="flex items-center lg:hidden" @click="isOpen = !isOpen"> 465 <!-- Mobile menu button --> 466 <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-auroville-yellow focus:outline-none" aria-controls="mobile-menu" aria-expanded="false"> 467 <span class="sr-only">Open main menu</span> 468 <!-- 469 Icon when menu is closed. 470 471 Heroicon name: outline/menu 472 473 Menu open: "hidden", Menu closed: "block" 474 --> 475 <svg class="block h-6 w-6 text-auroville-yellow" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> 476 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> 477 </svg> 478 <!-- 479 Icon when menu is open. 480 481 Heroicon name: outline/x 482 483 Menu open: "block", Menu closed: "hidden" 484 --> 485 <svg class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> 486 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> 487 </svg> 488 </button> 489 </div> 490 491 </div> 492 </div> 493 494 <!-- Mobile menu, show/hide based on menu state. --> 495 <div class="lg:hidden" id="mobile-menu" x-show="!isOpen"> 496 497 <div @click.away="open = false" class="relative transition ease-out duration-100 delay-50" x-data="{ open: false }"> 498 <button @click="open = !open" class="flex flex-row w-full justify-end items-center text-auroville-yellow hover:text-white hover:bg-amber-350 px-3 py-2 text-sm font-['Open_Sans'] font-semibold"> 499 <span>Vision</span> 500 </button> 501 <div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute left-0 w-full origin-top-right rounded-md shadow-lg"> 502 <div class="w-full absolute z-50"> 503 504 505 506<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/core-documents">3 Core Documents</a> 507 508 509 510 511 512<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/a-new-economic-model">A New Economic Model</a> 513 514 515 516 517 518<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/vision-of-the-city">Vision of the City</a> 519 520 521 522 523 524<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/matrimandir">Soul of the City</a> 525 526 527 528 529 530<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/integral-yoga">Integral Yoga</a> 531 532 533 534 535 536<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/the-founders">The Founders</a> 537 538 539 540 541 542<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/auroville-in-brief">Auroville in Brief</a> 543 544 545 546 547 548<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/testimonials-and-support">Testimonials & Support</a> 549 550 551 552 </div> 553 </div> 554 </div> 555 556 <div @click.away="open = false" class="relative transition ease-out duration-100 delay-50" x-data="{ open: false }"> 557 <button @click="open = !open" class="flex flex-row w-full justify-end items-center text-auroville-yellow hover:text-white hover:bg-amber-350 px-3 py-2 text-sm font-['Open_Sans'] font-semibold">
558 <span>Activities</span> 559 </button> 560 <div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute left-0 w-full origin-top-right rounded-md shadow-lg"> 561 <div class="w-full absolute z-50"> 562 563 564 565<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/integral-education">Integral Education</a> 566 567 568 569 570 571<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/planning-and-architecture">Planning & Architecture</a> 572 573 574 575 576 577<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/matrimandir-and-peace-area">Matrimandir</a> 578 579 580 581 582 583<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/city-services">City Services</a> 584 585 586 587 588 589<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/sustainable-development">Sustainable Development</a> 590 591 592 593 594 595<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/media-and-communication">Media and Communication</a> 596 597 598 599 600 601<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/health-and-wellness">Health & Wellness</a> 602 603 604 605 606 607<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/farming">Farming</a> 608 609 610 611 612 613<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/art-and-culture">Art & Culture</a> 614 615 616 617 618 619<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/social-enterprises">Social Enterprises</a> 620 621 622 623 624<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/category/rural-development">Rural Development</a> 625 626 627 </div> 628 </div> 629 </div> 630 631 <div @click.away="open = false" class="relative transition ease-out duration-100 delay-50" x-data="{ open: false }"> 632 <button @click="open = !open" class="flex flex-row w-full justify-end items-center text-auroville-yellow hover:text-white hover:bg-amber-350 px-3 py-2 text-sm font-['Open_Sans'] font-semibold"> 633 <span>Community</span> 634 </button> 635 <div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute left-0 w-full origin-top-right rounded-md shadow-lg"> 636 <div class="w-full absolute z-50"> 637 638 639 640<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/self-governance">Organisation & Governance</a> 641 642 643 644 645 646<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/auroville-settlements">Auroville Settlements</a> 647 648 649 650 651<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/category/economy">Economy</a> 652 653 654 655<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/category/history">History</a> 656 657 658 659<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/category/people">People</a> 660 661 662 663<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/category/society">Society</a> 664 665 666 </div> 667 </div> 668 </div> 669 670 <div @click.away="open = false" class="relative transition ease-out duration-100 delay-50" x-data="{ open: false }"> 671 <button @click="open = !open" class="flex flex-row w-full justify-end items-center text-auroville-yellow hover:text-white hover:bg-amber-350 px-3 py-2 text-sm font-['Open_Sans'] font-semibold">
672 <span>What You Can Do</span> 673 </button> 674 <div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute left-0 w-full origin-top-right rounded-md shadow-lg"> 675 <div class="w-full absolute z-50"> 676 677 678 679<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/visit-and-stay">Visit and Stay</a> 680 681 682 683 684 685<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/joining-auroville">Joining Auroville</a> 686 687 688 689 690 691<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="https://donate.auroville.org/" target="_blank">Donate to Projects</a> 692 693 694 695 696<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/category/eateries">Eateries</a> 697 698 699 700 701<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/shop">Buy Products</a> 702 703 704 705 706 707<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/support-land-purchase">Support Auroville Land Purchase</a> 708 709 710 711 712 713<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/frequently-asked-questions-auroville">FAQ</a> 714 715 716 717 718 719<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/workshops-and-therapies">Workshops & Therapies</a> 720 721 722 723 724 725<a class="rounded-none justify-end text-gray-200 hover:text-white bg-amber-350 py-2 px-4 block flex flex-nowrap font-bold text-sm text-right" href="/page/contact-us">Contact Us</a> 726 727 728 729 </div> 730 </div> 731 </div> 732 733 <div class="lg:hidden flex items-center space-x-8 group-hover:block"> 734 <div class="flex flex-row group w-full justify-end inline-block relative"> 735 <a href="#" class="flex flex-row w-full justify-end block transition ease-out duration-50 delay-50 text-auroville-yellow hover:text-white hover:bg-amber-350 px-3 py-2 mb-1 text-sm font-['Open_Sans'] font-semibold"> 736 <span class="iconify justify-end mr-1"> 737 <img alt="Flags" class="h-8 w-8 justify-end animate-wiggle hover:animate-wiggle" src="/images/languages_icon-413e0988ec0d9b9d96e64204e9cf82c4.png?vsn=d"> 738 </span> 739 </a> 740 <ul class="absolute z-50 hidden text-yellow-700 group-hover:block animate-fade-in-down w-64 mt-12 opacity-100 origin-top"> 741 742 <div class="flex items-center"> 743 <li class="w-full"> 744<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-white font-bold text-sm z-50 opacity-100" href="/languages/ar">Ø§ÙØ¹Ø±Ø¨ÙØ©</a> 745 </li> 746 <li class="w-full"> 747<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-white font-bold text-sm z-50 opacity-100" href="/languages/jp">æ¥æ¬èª</a> 748 </li> 749 </div> 750 751 <div class="flex items-center"> 752 <li class="w-full"> 753<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-white font-bold text-sm z-50 opacity-100" href="/languages/bg">ÐÑлгаÑÑки</a> 754 </li> 755 <li class="w-full"> 756<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-white font-bold text-sm z-50 opacity-100" href="/languages/ko">íêµì´</a> 757 </li> 758 </div> 759 760 <div class="flex items-center"> 761 <li class="w-full"> 762<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-white font-bold text-sm z-50 opacity-100" href="/languages/zh-CN">䏿</a> 763 </li> 764 <li class="w-full"> 765<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-white font-bold text-sm z-50 opacity-100" href="/languages/pl">Polskie</a> 766 </li> 767 </div> 768 769 <div class="flex items-center"> 770 <li class="w-full"> 771<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-white font-bold text-sm z-50 opacity-100" href="/languages/nl">Dutch</a> 772 </li> 773 <li class="w-full"> 774<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-white font-bold text-sm z-50 opacity-100" href="/languages/pt-PT">Português</a> 775 </li> 776 </div> 777 778 <div class="flex items-center"> 779 <li class="w-full"> 780<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-white font-bold text-sm z-50 opacity-100" href="/languages/fr">Français</a> 781 </li> 782 <li class="w-full"> 783<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-white font-bold text-sm z-50 opacity-100" href="/languages/ru">Ð ÑÑÑкий</a> 784 </li> 785 </div> 786 787 <div class="flex items-center"> 788 <li class="w-full"> 789<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-white font-bold text-sm z-50 opacity-100" href="/languages/de">
789Deutsch</a> 790 </li> 791 <li class="w-full"> 792<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-white font-bold text-sm z-50 opacity-100" href="/languages/es">Español</a> 793 </li> 794 </div> 795 796 <div class="flex items-center"> 797 <li class="w-full"> 798<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-white font-bold text-sm z-50 opacity-100" href="/languages/hi">हिनà¥à¤¦à¥</a> 799 </li> 800 <li class="w-full"> 801<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-white font-bold text-sm z-50 opacity-100" href="/languages/sv">Svenska</a> 802 </li> 803 </div> 804 805 <div class="flex items-center"> 806 <li class="w-full"> 807<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-white font-bold text-sm z-50 opacity-100" href="/languages/it">Italiano</a> 808 </li> 809 <li class="w-full"> 810<a class="bg-amber-350 py-2 px-4 block flex flex-nowrap text-white font-bold text-sm z-50 opacity-100" href="/languages/ta">தமிழà¯</a> 811 </li> 812 </div> 813 814 </ul> 815 </div> 816 </div> 817 818 <div class="lg:pt-4 lg:pb-3 border-t border-gray-200"> 819 <div class="mt-3 space-y-1"> 820 821 </div> 822 </div> 823 </div> 824</nav> 825<div data-phx-main="true" data-phx-session="SFMyNTY.g2gDaAJhBXQAAAAIZAACaWRtAAAAFHBoeC1HTnBoX3dxYWFPUzc3SnhDZAAMbGl2ZV9zZXNzaW9uaAJkAAdkZWZhdWx0bggAT8JrfUFKtBhkAApwYXJlbnRfcGlkZAADbmlsZAAIcm9vdF9waWRkAANuaWxkAAlyb290X3ZpZXdkABpFbGl4aXIuQVZXZWIuUGFnZUxpdmUuU2hvd2QABnJvdXRlcmQAE0VsaXhpci5BVldlYi5Sb3V0ZXJkAAdzZXNzaW9udAAAAABkAAR2aWV3ZAAaRWxpeGlyLkFWV2ViLlBhZ2VMaXZlLlNob3duBgCmChL3oAFiAAFRgA.cg-oH88E6YOH5EYWx5w5ULv7ZbVBYbn6jGSNfPu7DVE" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADZAAKYXNzaWduX25ld2wAAAABZAAMY3VycmVudF91c2VyamQABWZsYXNodAAAAABkAAJpZG0AAAAUcGh4LUdOcGhfd3FhYU9TNzdKeENuBgCmChL3oAFiAAFRgA.OjR_CRwyTOqKk0RBKyuE0lrI4AFvs21wQy_xxADZNS0" id="phx-GNph_wqaaOS77JxC"><main class="max-w-6xl mx-auto sm:px-4 lg:px-12"> 826 <p class="alert alert-info" role="alert" phx-click="lv:clear-flash" phx-value-key="info"></p> 827 828 <p class="alert alert-danger" role="alert" phx-click="lv:clear-flash" phx-value-key="error"></p> 829 830 831 832 833 <div> 834<div> 835 836 <div class="relative bg-white overflow-hidden"> 837 <nav class="flex" aria-label="Breadcrumb"> 838 <ol role="list" class="flex space-x-1"> 839 <li class="flex"> 840 <div class="flex items-center"> 841 842 843 844 <a class="text-md font-normal p-3 text-gray-400 hover:text-amber-800 hover:font-bold rounded-sm" href="/page/what-you-can-do"> 845 What You Can Do 846 </a> 847 848 849 </div> 850 </li> 851 852 853 <li class="flex"> 854 <div class="flex items-center"> 855 <!-- Heroicon name: solid/chevron-right --> 856 <svg class="flex-shrink-0 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 857 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path> 858 </svg> 859 <a href="#" class="text-md font-bold p-3 bg-amber-100 !text-amber-800">Shop</a> 860 </div> 861 </li> 862 </ol> 863 </nav> 864 865 <main class="lg:relative"> 866 <div class="mx-auto max-w-7xl w-full lg:h-[37.5rem] py-4 lg:-mt-36 pb-20 text-center items-center flex lg:mt-10 lg:text-left"> 867 <div class="pr-4 w-full lg:w-1/2 sm:pr-8 lg:pr-20 lg:mr-32"> 868 869 <div class="relative mb-5 px-4"> 870 <blockquote class="mb-5 md:flex-grow md:flex md:flex-col font-serif italic"> 871 <div class="relative text-yellow-600 font-georgia italic"> 872 <svg class="absolute opacity-25 -top-5 md:top-3 left-1 transform -translate-x-5 -translate-y-2 h-10 w-10 text-amber-400" fill="currentColor" viewBox="0 0 32 32" aria-hidden="true"> 873 <path d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36 0 5.856-2.688 5.856-5.856 0-3.168-2.208-5.472-5.088-5.472-.576 0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512 0c-4.8 3.456-8.256 9.12-8.256 15.36 0 5.088 3.072 8.064 6.624 8.064 3.264 0 5.856-2.688 5.856-5.856 0-3.168-2.304-5.472-5.184-5.472-.576 0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z"></path> 874 </svg> 875 <div class="relative text-3xl mt-8 font-quote italic text-amber-600"> 876 The physical world is the world of form and the perfection of form is beauty. 877 </div> 878 </div> 879 </blockquote> 880 </div> 881 882 883 <h1 class="text-5xl leading-none tracking-tight font-extrabold text-gray-900">
884 <span class="block xl:inline"> 885 Shop 886 </span> 887 </h1> 888 <div class="lg:prose prose-indigo prose-lg"> 889 <div class="pt-3 px-4 lg:px-0 mr-10 w-full mx-auto text-left font-normal text-lg leading-7 text-gray-500 md:pt-5 lg:max-w-3xl"> 890 <div class="quill-editor outline-none ql-container ql-bubble"> 891 <div class="ql-editor prose max-w-none outline-none"> 892 <p>Art galleries cannot be brought into every home, but, if all the aspects of our life and furniture of our homes are things of taste and beauty, it is inevitable that the habits, thoughts and feelings of the people should be raised, ennobled, harmonised, made more sweet and dignified.</p> 893 </div> 894 </div> 895 </div> 896 </div> 897 </div> 898 </div> 899 900 901 <div class="relative lg:mx-none w-full px-4 md:px-0 h-[30rem] md:h-[37rem] lg:absolute lg:inset-y-0 lg:right-0 lg:w-2/3 lg:h-full " style="max-width:600px; max-height:600px;"> 902 <img class="lg:pl-3 px-2 md:px-0 absolute inset-0 object-cover place-items-end" src="https://auroville.org/auroville-org/afe1c993-e57d-465a-a75b-fd12939f7af4.jpg" alt="" style="width:600px; height:600px;"> 903 </div> 904 905 906 </main> 907</div> 908 909 910 <div class="bg-white pt-10"> 911 <div class="max-w-7xl mx-auto py-12 px-4 text-center sm:px-6 lg:px-8"> 912 <div class="space-y-12"> 913 <ul role="list" class="mx-auto space-y-16 sm:grid sm:grid-cols-2 sm:gap-16 sm:space-y-0 lg:grid-cols-3 lg:max-w-5xl"> 914 915 916 917 <li> 918 <div class="space-y-6 mt-8 md:mt-0"> 919 <img class="mx-auto h-40 w-40 rounded-full xl:w-56 xl:h-56" src="https://auroville.org/auroville-org/8fc1c77b-5d24-44f7-80d0-4c9e4170f711.jpg"> 920 <div class="space-y-2"> 921 <div class="space-y-1"> 922 <h3 class="text-xl leading-7 font-semibold text-gray-900"> 923 Made in Auroville 924 </h3> 925 <div class="pt-3 max-w-md mx-auto text-base leading-6 font-normal text-base text-gray-500 text-sm md:max-w-3xl"> 926 927 </div> 928 </div> 929 </div> 930 </div> 931 </li> 932 933 934 935 <li> 936 <div class="space-y-6 mt-8 md:mt-0"> 937 <img class="mx-auto h-40 w-40 rounded-full xl:w-56 xl:h-56" src="https://auroville.org/auroville-org/7f281ae6-6be3-4907-be3a-02d79a13f55d.jpg"> 938 <div class="space-y-2"> 939 <div class="space-y-1"> 940 <h3 class="text-xl leading-7 font-semibold text-gray-900"> 941 Hand Crafted 942 </h3> 943 <div class="pt-3 max-w-md mx-auto text-base leading-6 font-normal text-base text-gray-500 text-sm md:max-w-3xl"> 944 945 </div> 946 </div> 947 </div> 948 </div> 949 </li> 950 951 952 953 <li> 954 <div class="space-y-6 mt-8 md:mt-0"> 955 <img class="mx-auto h-40 w-40 rounded-full xl:w-56 xl:h-56" src="https://auroville.org/auroville-org/9c38383c-34c7-43fa-b103-05d308620805.png"> 956 <div class="space-y-2"> 957 <div class="space-y-1"> 958 <h3 class="text-xl leading-7 font-semibold text-gray-900"> 959 Eco Friendly 960 </h3> 961 <div class="pt-3 max-w-md mx-auto text-base leading-6 font-normal text-base text-gray-500 text-sm md:max-w-3xl"> 962 963 </div> 964 </div> 965 </div> 966 </div> 967 </li> 968 969 970 971 </ul> 972 </div> 973 </div> 974 </div> 975 976 977 <div class="relative bg-white py-4 sm:py-8 lg:py-9 mt-10"> 978 <div class="-mt-10 mx-auto max-w-md px-4 justify-center text-center sm:max-w-3xl sm:px-6 lg:px-8 lg:max-w-7xl"> 979 <div class="mt-2 mb-9 text-3xl font-extrabold text-gray-700 tracking-tight sm:text-4xl"> 980 Overview 981 </div> 982 <div class="max-w-3xl mx-auto bg-amber-50 drop-shadow-lg rounded-lg sm:px-6 lg:px-8"> 983 <div class="px-4 py-8 sm:px-0"> 984 <dl class="justify-center text-center sm:max-w-3xl sm:mx-auto sm:grid sm:grid-cols-3 sm:gap-8"> 985 986 <div class="flex flex-col mt-10 sm:mt-0"> 987 <dt class="order-2 mt-2 text-lg leading-6 font-medium text-gray-500"> 988 Products 989 </dt> 990 <dd class="order-1 text-5xl leading-none font-extrabold text-amber-500"> 991 5000+ 992 </dd> 993 </div> 994 995 <div class="flex flex-col mt-10 sm:mt-0"> 996 <dt class="order-2 mt-2 text-lg leading-6 font-medium text-gray-500"> 997 Countries Exported to 998 </dt> 999 <dd class="order-1 text-5xl leading-none font-extrabold text-amber-500"> 1000 40+ 1001 </dd> 1002 </div> 1003 1004 <div class="flex flex-col mt-10 sm:mt-0"> 1005 <dt class="order-2 mt-2 text-lg leading-6 font-medium text-gray-500"> 1006 Employment Generated 1007 </dt> 1008 <dd class="order-1 text-5xl leading-none font-extrabold text-amber-500"> 1009 6000+ 1010 </dd> 1011 </div> 1012 1013 <div class="flex flex-col mt-10 sm:mt-0"> 1014 <dt class="order-2 mt-2 text-lg leading-6 font-medium text-gray-500"> 1015 Auroville's Income 1016 </dt> 1017 <dd class="order-1 text-5xl leading-none font-extrabold text-amber-500"> 1018 33% 1019 </dd> 1020 </div> 1021 1022 <div class="flex flex-col mt-10 sm:mt-0"> 1023 <dt class="order-2 mt-2 text-lg leading-6 font-medium text-gray-500"> 1024 Private Ownership 1025 </dt> 1026 <dd class="order-1 text-5xl leading-none font-extrabold text-amber-500"> 1027 No 1028 </dd> 1029 </div> 1030 1031 <div class="flex flex-col mt-10 sm:mt-0"> 1032 <dt class="order-2 mt-2 text-lg leading-6 font-medium text-gray-500"> 1033 SMS Social Enterprises 1034 </dt> 1035 <dd class="order-1 text-5xl leading-none font-extrabold text-amber-500"> 1036 188+ 1037 </dd> 1038 </div> 1039 1040 </dl> 1041 </div> 1042 </div> 1043 </div> 1044 </div> 1045 1046 1047 <div class="bg-white"> 1048 <div class="py-4 px-4 max-w-7xl sm:px-6 lg:px-8 lg:py-8 mt-16"> 1049 <div class="space-y-8"> 1050 <div class="space-y-5 sm:space-y-4 text-center lg:max-w-3xl xl:max-w-none"> 1051 <h2 class="text-5xl font-extrabold leading-10 text-gray-900 tracking-tight sm:text-4xl pb-2"> 1052 It is not really about the products! 1053 </h2> 1054 1055 <div class="prose-indigo prose-lg px-2 py-4"> 1056 <div class="text-xl leading-7 text-bold text-gray-500 lg:mx-24"> 1057 <div class="quill-editor outline-none ql-container ql-bubble"> 1058 <div class="ql-editor prose max-w-none outline-none"> 1059 <p>Discover the underlying values and purpose!</p> 1060 </div> 1061 </div> 1062 </div> 1063 </div> 1064 1065 </div> 1066 <ul role="list" class="space-y-12 grid sm:grid-cols-2 sm:gap-x-6 sm:gap-y-12 sm:space-y-0 lg:grid-cols-3 lg:gap-x-8"> 1067 1068 1069 <a href="/page/online-store"> 1070 <li class=""> 1071 <div class="space-y-4"> 1072 <div class="mt-8 md:mt-0"> 1073 <img class="object-cover w-full h-64 sm:h-52 rounded-md" src="https://auroville.org/auroville-org/f86f8496-7b7c-4f30-9f41-6346b108d962.
1073jpg" alt=""> 1074 </div> 1075 1076 <div class="sm:space-y-2 md:space-y-3"> 1077 <div class="space-y-1/2"> 1078 <div class="text-lg line-clamp-1 leading-6 font-medium text-gray-900"> 1079 The Auroville Online Store 1080 </div> 1081 1082 <div class="pt-2 line-clamp-2 text-lg font-medium leading-6 text-gray-400"> 1083 Growing Auroville's Economy 1084 </div> 1085 </div> 1086 </div> 1087 </div> 1088 </li> 1089 </a> 1090 1091 <a href="/page/collected-works-of-the-mother"> 1092 <li class=""> 1093 <div class="space-y-4"> 1094 <div class="mt-8 md:mt-0"> 1095 <img class="object-cover w-full h-64 sm:h-52 rounded-md" src="https://auroville.org/auroville-org/816f3659-3eb7-4498-a2b3-40205a70e317.jpg" alt=""> 1096 </div> 1097 1098 <div class="sm:space-y-2 md:space-y-3"> 1099 <div class="space-y-1/2"> 1100 <div class="text-lg line-clamp-1 leading-6 font-medium text-gray-900"> 1101 Get Collected Works of The Mother 1102 </div> 1103 1104 <div class="pt-2 line-clamp-2 text-lg font-medium leading-6 text-gray-400"> 1105 Print or Digital Versions 1106 </div> 1107 </div> 1108 </div> 1109 </div> 1110 </li> 1111 </a> 1112 1113 <a href="/page/complete-works-of-sri-aurobindo"> 1114 <li class=""> 1115 <div class="space-y-4"> 1116 <div class="mt-8 md:mt-0"> 1117 <img class="object-cover w-full h-64 sm:h-52 rounded-md" src="https://auroville.org/auroville-org/72c64cc7-5d1b-4435-86ad-cc271e7d886e.jpg" alt=""> 1118 </div> 1119 1120 <div class="sm:space-y-2 md:space-y-3"> 1121 <div class="space-y-1/2"> 1122 <div class="text-lg line-clamp-1 leading-6 font-medium text-gray-900"> 1123 Get Complete Works of Sri Aurobindo 1124 </div> 1125 1126 <div class="pt-2 line-clamp-2 text-lg font-medium leading-6 text-gray-400"> 1127 A Whole New Vision of the Future of Earth 1128 </div> 1129 </div> 1130 </div> 1131 </div> 1132 </li> 1133 </a> 1134 1135 1136 </ul> 1137 </div> 1138 </div> 1139 </div> 1140 1141 1142 <div class="max-w-5xl mx-auto py-10"> 1143 <div class="pb-2 pt-2 border-t border-b border-gray-200"> 1144 <div class="-ml-2 mt-2 flex justify-center flex-wrap items-baseline"> 1145 <h3 class="ml-2 mt-2 pb-4 text-2xl leading-7 font-semibold text-amber-950"> 1146 Related Categories 1147 </h3> 1148 1149 1150 <a href="/category/economy"> 1151 <div class="ml-5 mt-1 pb-4 text-lg leading-none font-medium text-gray-500 truncate hover:rounded hover:bg-yellow-600 hover:text-white px-2 pt-4"> 1152 Economy 1153 </div> 1154 </a> 1155 1156 1157 1158 <a href="/category/social-enterprises"> 1159 <div class="ml-5 mt-1 pb-4 text-lg leading-none font-medium text-gray-500 truncate hover:rounded hover:bg-yellow-600 hover:text-white px-2 pt-4"> 1160 Social Enterprises 1161 </div> 1162 </a> 1163 1164 1165 1166 <a href="/category/rural-development"> 1167 <div class="ml-5 mt-1 pb-4 text-lg leading-none font-medium text-gray-500 truncate hover:rounded hover:bg-yellow-600 hover:text-white px-2 pt-4"> 1168 Rural Development 1169 </div> 1170 </a> 1171 1172 1173 </div> 1174 </div> 1175</div> 1176 1177 1178 <div class="py-4 mb-24 bg-white"> 1179 1180 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 1181 <div class="text-left border-b border-gray-200 pb-5"> 1182 <p class="mt-2 text-4xl leading-10 font-extrabold tracking-tight text-black sm:text-4xl"> 1183 See Also 1184 </p> 1185 </div> 1186 1187 <ul role="list" class="pt-8 space-y-12 sm:grid sm:grid-cols-2 sm:gap-x-6 sm:gap-y-12 sm:space-y-0 lg:grid-cols-3 lg:gap-x-8"> 1188 1189 1190 1191 <li> 1192 <div class="space-y-4 shadow-lg rounded-lg"> 1193 <div class="h-full border-2 border-gray-200 border-opacity-60 rounded-lg overflow-hidden"> 1194 <a href="/page/donate"> 1195 <img class="h-52 sm:h-48 w-full object-cover" src="https://auroville.org/auroville-org/8f8b8779-ee18-4f16-9acc-c3ac622ee453.jpg" alt=""> 1196 <div class="space-y-2 p-4"> 1197 <div class="text-lg leading-6 space-y-1"> 1198 <h3 class="pt-3 line-clamp-1 text-xl font-semibold leading-7 text-gray-900" x-data="{ tooltip: false }" x-on:mouseover="tooltip = true" x-on:mouseleave="tooltip = false"> 1199 1200 Donate 1201 </h3> 1202 1203 <div class="pt-2 line-clamp-2 text-base font-normal leading-6 text-gray-500"> 1204 <strong>Money is meant to circulate</strong> 1205 </div> 1206 1207 <div class="pt-2 line-clamp-5 text-base font-normal leading-6 text-gray-500"> 1208 Money is not meant to generate money; money should generate an increase in production, an improvement in the conditions of life, and a progress in human consciousness. This is its true function.All wealth belongs to the Divine and those who hold it are trustees, not possessors. It is with them today, tomorrow it may be elsewhere. 1209 </div> 1210 </div> 1211 </div> 1212 </a> 1213 </div> 1214 </div> 1215 </li> 1216 1217 1218 1219 <li> 1220 <div class="space-y-4 shadow-lg rounded-lg"> 1221 <div class="h-full border-2 border-gray-200 border-opacity-60 rounded-lg overflow-hidden"> 1222 <a href="/page/eateries"> 1223 <img class="h-52 sm:h-48 w-full object-cover" src="https://auroville.org/auroville-org/789a25b8-6ec6-4318-8708-e9f4f983a3a1.jpg" alt=""> 1224 <div class="space-y-2 p-4"> 1225 <div class="text-lg leading-6 space-y-1"> 1226 <h3 class="pt-3 line-clamp-1 text-xl font-semibold leading-7 text-gray-900" x-data="{ tooltip: false }" x-on:mouseover="tooltip = true" x-on:mouseleave="tooltip = false"> 1227 1228 Eateries 1229 </h3> 1230 1231 <div class="pt-2 line-clamp-2 text-base font-normal leading-6 text-gray-500"> 1232 <strong>
1232Spiritually,... the effect of food depends more on the occult atmosphere and influences that come with it than on anything in the food itself.</strong> 1233 </div> 1234 1235 <div class="pt-2 line-clamp-5 text-base font-normal leading-6 text-gray-500"> 1236 It is the attachment to food, the greed and eagerness for it, making it an unduly important thing in the life, that is contrary to the spirit of Yoga. To be aware that something is pleasant to the palate is not wrong; only one must have no desire nor hankering for it, no exultation in getting it, no displeasure or regret at not getting it. One must be calm and equal, not getting upset or dissatisfied when the food is not tasty or not in abundanceâeating the fixed amount that is necessary, not less or more. There should be neither eagerness nor repugnance.Sri Aurobindo 1237 </div> 1238 </div> 1239 </div> 1240 </a> 1241 </div> 1242 </div> 1243 </li> 1244 1245 1246 1247 <li> 1248 <div class="space-y-4 shadow-lg rounded-lg"> 1249 <div class="h-full border-2 border-gray-200 border-opacity-60 rounded-lg overflow-hidden"> 1250 <a href="/page/visit-and-stay"> 1251 <img class="h-52 sm:h-48 w-full object-cover" src="https://auroville.org/auroville-org/c94e19f6-633f-4a07-bb90-c2635210aefe.jpg" alt=""> 1252 <div class="space-y-2 p-4"> 1253 <div class="text-lg leading-6 space-y-1"> 1254 <h3 class="pt-3 line-clamp-1 text-xl font-semibold leading-7 text-gray-900" x-data="{ tooltip: false }" x-on:mouseover="tooltip = true" x-on:mouseleave="tooltip = false"> 1255 1256 Visit & Stay 1257 </h3> 1258 1259 <div class="pt-2 line-clamp-2 text-base font-normal leading-6 text-gray-500"> 1260 <strong>Auroville belongs to nobody in particular. Auroville belongs to humanity as a whole.</strong> 1261 </div> 1262 1263 <div class="pt-2 line-clamp-5 text-base font-normal leading-6 text-gray-500"> 1264 Over the years, Auroville continues to attract people who are drawn to its ideals and vision. Besides people who feel an inner call to experience this unique place, there are others who come on brief visits in order to discover the essence and day-to-day functioning of the place. These pages offer some practical guidance for first time visitors. For guesthouse bookings, you can use this link -Â http://guesthouses.auroville.org/Are invited to Auroville all those who thirst for progress and aspire to a higher and truer life.- The Mother 1265 </div> 1266 </div> 1267 </div> 1268 </a> 1269 </div> 1270 </div> 1271 </li> 1272 1273 1274 1275 1276 1277 1278 </ul> 1279 </div> 1280 1281 </div> 1282 1283 1284</div> 1285 </div> 1286 1287 1288 1289</main></div> 1290<div class="bg-black mt-4 mso_footer"> 1291 <div class="bg-white flex justify-center"> 1292 <img src="/images/silouhette.png" alt="silouhette"> 1293 </div> 1294 <div class="max-w-7xl mx-auto lg:grid lg:grid-cols-4 md:grid md:grid-cols-2 gap-8 px-8"> 1295 1296 <div> 1297 <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase mt-10"> 1298Vision 1299 </h3> 1300 <ul class="mt-4 space-y-1"> 1301 1302 <li> 1303 1304<a class="text-base text-gray-400 hover:text-white" href="/page/core-documents">3 Core Documents</a> 1305 1306 </li> 1307 1308 <li> 1309 1310<a class="text-base text-gray-400 hover:text-white" href="/page/a-new-economic-model">A New Economic Model</a> 1311 1312 </li> 1313 1314 <li> 1315 1316<a class="text-base text-gray-400 hover:text-white" href="/page/v
1316ision-of-the-city">Vision of the City</a> 1317 1318 </li> 1319 1320 <li> 1321 1322<a class="text-base text-gray-400 hover:text-white" href="/page/matrimandir">Soul of the City</a> 1323 1324 </li> 1325 1326 <li> 1327 1328<a class="text-base text-gray-400 hover:text-white" href="/page/integral-yoga">Integral Yoga</a> 1329 1330 </li> 1331 1332 <li> 1333 1334<a class="text-base text-gray-400 hover:text-white" href="/page/the-founders">The Founders</a> 1335 1336 </li> 1337 1338 <li> 1339 1340<a class="text-base text-gray-400 hover:text-white" href="/page/auroville-in-brief">Auroville in Brief</a> 1341 1342 </li> 1343 1344 <li> 1345 1346<a class="text-base text-gray-400 hover:text-white" href="/page/testimonials-and-support">Testimonials & Support</a> 1347 1348 </li> 1349 1350 </ul> 1351 </div> 1352 1353 <div> 1354 <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase mt-10"> 1355Activities 1356 </h3> 1357 <ul class="mt-4 space-y-1"> 1358 1359 <li> 1360 1361<a class="text-base text-gray-400 hover:text-white" href="/page/integral-education">Integral Education</a> 1362 1363 </li> 1364 1365 <li> 1366 1367<a class="text-base text-gray-400 hover:text-white" href="/page/planning-and-architecture">Planning & Architecture</a> 1368 1369 </li> 1370 1371 <li> 1372 1373<a class="text-base text-gray-400 hover:text-white" href="/page/matrimandir-and-peace-area">Matrimandir</a> 1374 1375 </li> 1376 1377 <li> 1378 1379<a class="text-base text-gray-400 hover:text-white" href="/page/city-services">City Services</a> 1380 1381 </li> 1382 1383 <li> 1384 1385<a class="text-base text-gray-400 hover:text-white" href="/page/sustainable-development">Sustainable Development</a> 1386 1387 </li> 1388 1389 <li> 1390 1391<a class="text-base text-gray-400 hover:text-white" href="/page/media-and-communication">Media and Communication</a> 1392 1393 </li> 1394 1395 <li> 1396 1397<a class="text-base text-gray-400 hover:text-white" href="/page/health-and-wellness">Health & Wellness</a> 1398 1399 </li> 1400 1401 <li> 1402 1403<a class="text-base text-gray-400 hover:text-white" href="/page/farming">Farming</a> 1404 1405 </li> 1406 1407 <li> 1408 1409<a class="text-base text-gray-400 hover:text-white" href="/page/art-and-culture">Art & Culture</a> 1410 1411 </li> 1412 1413 <li> 1414 1415<a class="text-base text-gray-400 hover:text-white" href="/page/social-enterprises">Social Enterprises</a> 1416 1417 </li> 1418 1419 <li> 1420 1421<a class="text-base text-gray-400 hover:text-white" href="/category/rural-development">Rural Development</a> 1422 1423 </li> 1424 1425 </ul> 1426 </div> 1427 1428 <div> 1429 <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase mt-10"> 1430Community 1431 </h3> 1432 <ul class="mt-4 space-y-1"> 1433 1434 <li> 1435 1436<a class="text-base text-gray-400 hover:text-white" href="/page/self-governance">Organisation & Governance</a> 1437 1438 </li> 1439 1440 <li> 1441 1442<a class="text-base text-gray-400 hover:text-white" href="/page/auroville-settlements">Auroville Settlements</a> 1443 1444 </li> 1445 1446 <li> 1447 1448<a class="text-base text-gray-400 hover:text-white" href="/category/economy">Economy</a> 1449 1450 </li> 1451 1452 <li> 1453 1454<a class="text-base text-gray-400 hover:text-white" href="/category/history">History</a> 1455 1456 </li> 1457 1458 <li> 1459 1460<a class="text-base text-gray-400 hover:text-white" href="/category/people">People</a> 1461 1462 </li> 1463 1464 <li> 1465 1466<a class="text-base text-gray-400 hover:text-white" href="/category/society">Society</a> 1467 1468 </li> 1469 1470 </ul> 1471 </div> 1472 1473 <div> 1474 <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase mt-10"> 1475What You Can Do 1476 </h3> 1477 <ul class="mt-4 space-y-1"> 1478 1479 <li> 1480 1481<a class="text-base text-gray-400 hover:text-white" href="/page/visit-and-stay">Visit and Stay</a> 1482 1483 </li> 1484 1485 <li> 1486 1487<a class="text-base text-gray-400 hover:text-white" href="/page/joining-auroville">Joining Auroville</a> 1488 1489 </li> 1490 1491 <li> 1492 1493<a class="text-base text-gray-400 hover:text-white" href="/page/donate">Donate to Projects</a> 1494 1495 </li> 1496 1497 <li> 1498 1499<a class="text-base text-gray-400 hover:text-white" href="/category/eateries">Eateries</a> 1500 1501 </li> 1502 1503 <li> 1504 1505<a class="text-base text-gray-400 hover:text-white" href="/page/shop">Buy Products</a> 1506 1507 </li> 1508 1509 <li> 1510 1511<a class="text-base text-gray-400 hover:text-white" href="/page/support-land-purchase">Support Auroville Land Purchase</a> 1512 1513 </li> 1514 1515 <li> 1516 1517<a class="text-base text-gray-400 hover:text-white" href="/page/frequently-asked-questions-auroville">FAQ</a> 1518 1519 </li> 1520 1521 <li> 1522 1523<a class="text-base text-gray-400 hover:text-white" href="/page/workshops-and-therapies">Workshops & Therapies</a> 1524 1525 </li> 1526 1527 <li> 1528 1529<a class="text-base text-gray-400 hover:text-white" href="/page/contact-us">Contact Us</a> 1530 1531 </li> 1532 1533 </ul> 1534 </div> 1535 1536 </div> 1537 1538 <div class="mt-8 border-t border-gray-700 pt-4 p-4 flex items-center justify-between"> 1539 <div class="max-w-[85rem] mx-auto flex space-x-6 md:order-2"> 1540<a class="text-gray-400 hover:text-gray-300" href="/page/disclaimer-3112">Disclaimer</a> 1541<a class="text-gray-400 hover:text-gray-300" href="/contact">Contact</a> 1542 </div> 1543 <div class="flex space-x-6 md:order-2"> 1544 1545<a class="text-gray-400 hover:text-gray-300" href="/users/log_in">Sign In</a> 1546 1547 </div> 1548 </div> 1549</div> 1550
1550<script>
vendor: 349 bytes, lines 1550-1556
1550 1551 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 1552 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 1553 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 1554 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 1555 1556 ga('create', '
1556UA-147212-1
vendor: 43 bytes, lines 1556-1559
1556', 'auto'); 1557 ga('send', 'pageview'); 1558 1559
1559</script>
1559 1560
1560<script defer data-domain="auroville.org" src="https://plausible.auroville.org.in/js/plausible.js"></script>
1560 1561
1561<script>(function(){function ready(){var live=window.liveSocket;if(!live)return false;if(live.__avRecovery)return true;var reload=live.reloadWithJitter.bind(live);live.reloadWithJitter=function(view,callback){if(!live.isConnected()&&!live.hasPendingLink())return;return reload(view,callback)};live.__avRecovery=true;return true}if(!ready()){var attempts=0,timer=setInterval(function(){if(ready()||++attempts>600)clearInterval(timer)},50)}})();</script>
1561<script src="/_auroville-chat/widget-20260925.js"></script>
1561<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a43ae149d84ad94c',t:'MTc5MDg1MTU0OQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
1561<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"4f0b5f09747145c1b2716c99cb1d6b6d","r":1,"spa":2}' crossorigin="anonymous"></script>
1561 1562</body> 1563</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.