<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="csrf-token" content="SoNjuYkHzHRsqsTE4e7QgBoxMcdjhMWXvm0o1D5w">

    
    <title>Seo | United for Society</title>
    <meta name="description" content="United for Society is a registered Indian NGO working in education, healthcare, women empowerment, child welfare, environment, and rural development across India.">
    <meta name="keywords" content="NGO India, charity, donate, education, healthcare, women empowerment, child welfare, volunteer, CSR partner">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://unitedforsociety.com/sitemap.xml">

    
    <meta property="og:type" content="website">
    <meta property="og:title" content="Seo | United for Society">
    <meta property="og:description" content="United for Society is a registered Indian NGO empowering communities across India.">
    <meta property="og:image" content="https://unitedforsociety.com/images/og-image.jpg">
    <meta property="og:url" content="https://unitedforsociety.com/sitemap.xml">
    <meta property="og:site_name" content="United for Society">

    
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Seo | United for Society">
    <meta name="twitter:description" content="United for Society is a registered Indian NGO empowering communities across India.">
    <meta name="twitter:image" content="https://unitedforsociety.com/images/og-image.jpg">

    
    <link rel="icon" type="image/png" href="https://unitedforsociety.com/images/favicon.png">
    <link rel="apple-touch-icon" href="https://unitedforsociety.com/images/apple-touch-icon.png">

    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Merriweather:wght@300;400;700;900&display=swap" rel="stylesheet">

    
    <link rel="stylesheet" href="https://unitedforsociety.com/css/app.css?v=3">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/glightbox/3.2.0/css/glightbox.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.css">

    
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "NGO",
        "name": "United for Society",
        "url": "https://unitedforsociety.com",
        "logo": "https://unitedforsociety.com/images/logo.png",
        "description": "United for Society is a registered Indian NGO empowering communities through education, healthcare, women empowerment, and rural development.",
        "address": {
            "@type": "PostalAddress",
            "addressCountry": "IN"
        },
        "sameAs": [
            "https://www.facebook.com/unitedforsociety",
            "https://www.instagram.com/unitedforsociety",
            "https://www.linkedin.com/company/unitedforsociety",
            "https://twitter.com/unitedforsociety",
            "https://www.youtube.com/@unitedforsociety"
        ]
    }
    </script>

        </head>
<body class="font-inter text-gray-800 bg-white antialiased">

    
    <a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 bg-orange-600 text-white px-4 py-2 rounded z-50">Skip to main content</a>

    
    <header class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-white shadow-md" id="main-header" x-data="{ mobileOpen: false, scrolled: true }" x-init="window.addEventListener('scroll', () => { scrolled = true })">

    
    <div class="bg-orange-600 text-white text-sm py-2 hidden md:block">
        <div class="max-w-7xl mx-auto px-4 flex justify-between items-center">
            <div class="flex items-center gap-6">
                <a href="tel:+911234567890" class="flex items-center gap-1 hover:text-orange-200 transition-colors">
                    <i class="fas fa-phone-alt text-xs"></i>
                    <span>+91 12345 67890</span>
                </a>
                <a href="mailto:info@unitedforsociety.org" class="flex items-center gap-1 hover:text-orange-200 transition-colors">
                    <i class="fas fa-envelope text-xs"></i>
                    <span>info@unitedforsociety.org</span>
                </a>
                <span class="flex items-center gap-1">
                    <i class="fas fa-clock text-xs"></i>
                    <span>Mon–Sat: 9:00 AM – 6:00 PM</span>
                </span>
            </div>
            <div class="flex items-center gap-4">
                <a href="https://facebook.com/unitedforsociety" target="_blank" rel="noopener" aria-label="Facebook" class="hover:text-orange-200 transition-colors"><i class="fab fa-facebook-f"></i></a>
                <a href="https://instagram.com/unitedforsociety" target="_blank" rel="noopener" aria-label="Instagram" class="hover:text-orange-200 transition-colors"><i class="fab fa-instagram"></i></a>
                <a href="https://linkedin.com/company/unitedforsociety" target="_blank" rel="noopener" aria-label="LinkedIn" class="hover:text-orange-200 transition-colors"><i class="fab fa-linkedin-in"></i></a>
                <a href="https://youtube.com/@unitedforsociety" target="_blank" rel="noopener" aria-label="YouTube" class="hover:text-orange-200 transition-colors"><i class="fab fa-youtube"></i></a>
                <a href="https://wa.me/911234567890" target="_blank" rel="noopener" aria-label="WhatsApp" class="hover:text-orange-200 transition-colors"><i class="fab fa-whatsapp"></i></a>
            </div>
        </div>
    </div>

    
    <nav class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between" role="navigation" aria-label="Main navigation">

        
        <a href="https://unitedforsociety.com" class="flex items-center gap-3 group" aria-label="United for Society Home">
            <div class="w-12 h-12 bg-orange-600 rounded-full flex items-center justify-center text-white font-bold text-lg group-hover:bg-orange-700 transition-colors">
                UFS
            </div>
            <div>
                <div class="font-bold text-lg leading-tight" class="text-gray-900">United for Society</div>
                <div class="text-xs" class="text-orange-600">Empowering Lives, Building Communities</div>
            </div>
        </a>

        
        <div class="hidden xl:flex items-center gap-1">
            <a href="https://unitedforsociety.com" class="nav-link px-3 py-2 rounded font-medium text-sm transition-colors" class="text-gray-700 hover:text-orange-600">Home</a>

            
            <div class="relative group">
                <button class="nav-link px-3 py-2 rounded font-medium text-sm transition-colors flex items-center gap-1" class="text-gray-700 hover:text-orange-600">
                    About <i class="fas fa-chevron-down text-xs transition-transform group-hover:rotate-180"></i>
                </button>
                <div class="absolute top-full left-0 mt-2 w-56 bg-white rounded-xl shadow-xl border border-gray-100 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50">
                    <div class="py-2">
                        <a href="https://unitedforsociety.com/about" class="block px-4 py-2 text-sm text-gray-700 hover:bg-orange-50 hover:text-orange-600">About Us</a>
                        <a href="https://unitedforsociety.com/about/team" class="block px-4 py-2 text-sm text-gray-700 hover:bg-orange-50 hover:text-orange-600">Our Team</a>
                        <a href="https://unitedforsociety.com/about/transparency" class="block px-4 py-2 text-sm text-gray-700 hover:bg-orange-50 hover:text-orange-600">Transparency</a>
                        <a href="https://unitedforsociety.com/about/annual-reports" class="block px-4 py-2 text-sm text-gray-700 hover:bg-orange-50 hover:text-orange-600">Annual Reports</a>
                    </div>
                </div>
            </div>

            
            <div class="relative group">
                <button class="nav-link px-3 py-2 rounded font-medium text-sm transition-colors flex items-center gap-1" class="text-gray-700 hover:text-orange-600">
                    Our Causes <i class="fas fa-chevron-down text-xs transition-transform group-hover:rotate-180"></i>
                </button>
                <div class="absolute top-full left-0 mt-2 w-64 bg-white rounded-xl shadow-xl border border-gray-100 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50">
                    <div class="py-2 grid grid-cols-2 gap-0">
                        <a href="https://unitedforsociety.com/causes/education" class="px-4 py-2 text-sm text-gray-700 hover:bg-orange-50 hover:text-orange-600 flex items-center gap-2"><i class="fas fa-graduation-cap text-orange-500 w-4"></i>Education</a>
                        <a href="https://unitedforsociety.com/causes/healthcare" class="px-4 py-2 text-sm text-gray-700 hover:bg-orange-50 hover:text-orange-600 flex items-center gap-2"><i class="fas fa-heartbeat text-red-500 w-4"></i>Healthcare</a>
                        <a href="https://unitedforsociety.com/causes/women-empowerment" class="px-4 py-2 text-sm text-gray-700 hover:bg-orange-50 hover:text-orange-600 flex items-center gap-2"><i class="fas fa-female text-pink-500 w-4"></i>Women</a>
                        <a href="https://unitedforsociety.com/causes/child-welfare" class="px-4 py-2 text-sm text-gray-700 hover:bg-orange-50 hover:text-orange-600 flex items-center gap-2"><i class="fas fa-child text-blue-500 w-4"></i>Child Welfare</a>
                        <a href="https://unitedforsociety.com/causes/environment" class="px-4 py-2 text-sm text-gray-700 hover:bg-orange-50 hover:text-orange-600 flex items-center gap-2"><i class="fas fa-leaf text-green-500 w-4"></i>Environment</a>
                        <a href="https://unitedforsociety.com/causes/animal-welfare" class="px-4 py-2 text-sm text-gray-700 hover:bg-orange-50 hover:text-orange-600 flex items-center gap-2"><i class="fas fa-paw text-yellow-600 w-4"></i>Animal Care</a>
                        <a href="https://unitedforsociety.com/causes/food-distribution" class="px-4 py-2 text-sm text-gray-700 hover:bg-orange-50 hover:text-orange-600 flex items-center gap-2"><i class="fas fa-utensils text-orange-500 w-4"></i>Food</a>
                        <a href="https://unitedforsociety.com/causes/rural-development" class="px-4 py-2 text-sm text-gray-700 hover:bg-orange-50 hover:text-orange-600 flex items-center gap-2"><i class="fas fa-home text-teal-500 w-4"></i>Rural Dev</a>
                    </div>
                    <div class="border-t border-gray-100 px-4 py-2">
                        <a href="https://unitedforsociety.com/causes" class="text-sm text-orange-600 font-medium hover:underline">View All Causes →</a>
                    </div>
                </div>
            </div>

            <a href="https://unitedforsociety.com/projects" class="nav-link px-3 py-2 rounded font-medium text-sm transition-colors" class="text-gray-700 hover:text-orange-600">Projects</a>
            <a href="https://unitedforsociety.com/campaigns" class="nav-link px-3 py-2 rounded font-medium text-sm transition-colors" class="text-gray-700 hover:text-orange-600">Campaigns</a>
            <a href="https://unitedforsociety.com/events" class="nav-link px-3 py-2 rounded font-medium text-sm transition-colors" class="text-gray-700 hover:text-orange-600">Events</a>
            <a href="https://unitedforsociety.com/gallery" class="nav-link px-3 py-2 rounded font-medium text-sm transition-colors" class="text-gray-700 hover:text-orange-600">Gallery</a>
            <a href="https://unitedforsociety.com/blog" class="nav-link px-3 py-2 rounded font-medium text-sm transition-colors" class="text-gray-700 hover:text-orange-600">Blog</a>
            <a href="https://unitedforsociety.com/contact" class="nav-link px-3 py-2 rounded font-medium text-sm transition-colors" class="text-gray-700 hover:text-orange-600">Contact</a>
        </div>

        
        <div class="hidden xl:flex items-center gap-3">
            <a href="https://unitedforsociety.com/volunteer" class="px-4 py-2 rounded-lg font-semibold text-sm transition-all border-2" class="border-orange-600 text-orange-600 hover:bg-orange-600 hover:text-white">
                Volunteer
            </a>
            <a href="https://unitedforsociety.com/donate" class="px-5 py-2 bg-orange-600 hover:bg-orange-700 text-white rounded-lg font-semibold text-sm transition-all shadow-lg hover:shadow-orange-500/30 hover:-translate-y-0.5">
                <i class="fas fa-heart mr-1"></i> Donate Now
            </a>
        </div>

        
        <button @click="mobileOpen = !mobileOpen" class="xl:hidden p-2 rounded-lg" class="text-gray-700" aria-label="Toggle menu">
            <i class="fas fa-bars text-xl" x-show="!mobileOpen"></i>
            <i class="fas fa-times text-xl" x-show="mobileOpen" x-cloak></i>
        </button>
    </nav>

    
    <div x-show="mobileOpen" x-cloak x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-4" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-4" class="xl:hidden bg-white border-t border-gray-100 shadow-xl" @click.outside="mobileOpen = false">
        <div class="max-w-7xl mx-auto px-4 py-4 space-y-1">
            <a href="https://unitedforsociety.com" class="block px-4 py-3 text-gray-700 hover:bg-orange-50 hover:text-orange-600 rounded-lg font-medium">Home</a>
            <a href="https://unitedforsociety.com/about" class="block px-4 py-3 text-gray-700 hover:bg-orange-50 hover:text-orange-600 rounded-lg font-medium">About Us</a>
            <a href="https://unitedforsociety.com/causes" class="block px-4 py-3 text-gray-700 hover:bg-orange-50 hover:text-orange-600 rounded-lg font-medium">Our Causes</a>
            <a href="https://unitedforsociety.com/projects" class="block px-4 py-3 text-gray-700 hover:bg-orange-50 hover:text-orange-600 rounded-lg font-medium">Projects</a>
            <a href="https://unitedforsociety.com/campaigns" class="block px-4 py-3 text-gray-700 hover:bg-orange-50 hover:text-orange-600 rounded-lg font-medium">Campaigns</a>
            <a href="https://unitedforsociety.com/events" class="block px-4 py-3 text-gray-700 hover:bg-orange-50 hover:text-orange-600 rounded-lg font-medium">Events</a>
            <a href="https://unitedforsociety.com/gallery" class="block px-4 py-3 text-gray-700 hover:bg-orange-50 hover:text-orange-600 rounded-lg font-medium">Gallery</a>
            <a href="https://unitedforsociety.com/blog" class="block px-4 py-3 text-gray-700 hover:bg-orange-50 hover:text-orange-600 rounded-lg font-medium">Blog</a>
            <a href="https://unitedforsociety.com/contact" class="block px-4 py-3 text-gray-700 hover:bg-orange-50 hover:text-orange-600 rounded-lg font-medium">Contact</a>
            <div class="pt-3 flex gap-3">
                <a href="https://unitedforsociety.com/volunteer" class="flex-1 text-center px-4 py-3 border-2 border-orange-600 text-orange-600 rounded-lg font-semibold hover:bg-orange-600 hover:text-white transition-all">Volunteer</a>
                <a href="https://unitedforsociety.com/donate" class="flex-1 text-center px-4 py-3 bg-orange-600 text-white rounded-lg font-semibold hover:bg-orange-700 transition-all"><i class="fas fa-heart mr-1"></i>Donate</a>
            </div>
        </div>
    </div>
</header>


<div class="h-20 md:h-28"></div>

    
    <main id="main-content">
        <section class="py-20 bg-gradient-to-br from-orange-600 to-orange-800 text-white">
    <div class="max-w-4xl mx-auto px-4 text-center">
        <h1 class="text-4xl font-bold font-merriweather mb-4">Seo</h1>
        <p class="text-xl text-orange-100">United for Society — Empowering Lives, Building Communities</p>
    </div>
</section>
<section class="py-20 bg-gray-50">
    <div class="max-w-7xl mx-auto px-4">
        <p class="text-center text-gray-600 text-lg">Content coming soon. <a href="https://unitedforsociety.com/contact" class="text-orange-600 underline">Contact us</a> for more information.</p>
    </div>
</section>
    </main>

    
    <footer class="bg-gray-900 text-gray-300">

    
    <div class="bg-orange-600 py-10">
        <div class="max-w-7xl mx-auto px-4">
            <div class="flex flex-col md:flex-row items-center justify-between gap-6">
                <div>
                    <h3 class="text-white text-2xl font-bold mb-1">Stay Connected with Us</h3>
                    <p class="text-orange-100">Get updates on our programs, campaigns, and impact stories.</p>
                </div>
                <form action="https://unitedforsociety.com/newsletter/subscribe" method="POST" class="flex gap-3 w-full md:w-auto">
                    <input type="hidden" name="_token" value="SoNjuYkHzHRsqsTE4e7QgBoxMcdjhMWXvm0o1D5w" autocomplete="off">                    <input type="email" name="email" required placeholder="Enter your email address" class="flex-1 md:w-80 px-4 py-3 rounded-lg text-gray-800 focus:outline-none focus:ring-2 focus:ring-white" aria-label="Email address for newsletter">
                    <button type="submit" class="px-6 py-3 bg-white text-orange-600 font-bold rounded-lg hover:bg-gray-100 transition-colors whitespace-nowrap">Subscribe</button>
                </form>
            </div>
        </div>
    </div>

    
    <div class="max-w-7xl mx-auto px-4 py-16">
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10">

            
            <div class="lg:col-span-1">
                <div class="flex items-center gap-3 mb-5">
                    <div class="w-12 h-12 bg-orange-600 rounded-full flex items-center justify-center text-white font-bold text-lg">UFS</div>
                    <div>
                        <div class="text-white font-bold text-lg leading-tight">United for Society</div>
                        <div class="text-orange-400 text-xs">Empowering Lives, Building Communities</div>
                    </div>
                </div>
                <p class="text-gray-400 text-sm leading-relaxed mb-5">
                    United for Society is a registered non-profit organization committed to creating lasting change in the lives of underprivileged communities across India through education, healthcare, women empowerment, and sustainable development.
                </p>
                <div class="space-y-2 text-sm">
                    <div class="flex items-start gap-2"><i class="fas fa-map-marker-alt text-orange-500 mt-1 w-4 flex-shrink-0"></i><span>123, NGO Complex, Civil Lines, New Delhi – 110054</span></div>
                    <div class="flex items-center gap-2"><i class="fas fa-phone-alt text-orange-500 w-4"></i><a href="tel:+911234567890" class="hover:text-white transition-colors">+91 12345 67890</a></div>
                    <div class="flex items-center gap-2"><i class="fas fa-envelope text-orange-500 w-4"></i><a href="mailto:info@unitedforsociety.org" class="hover:text-white transition-colors">info@unitedforsociety.org</a></div>
                    <div class="flex items-center gap-2"><i class="fas fa-clock text-orange-500 w-4"></i><span>Mon–Sat: 9:00 AM – 6:00 PM</span></div>
                </div>
                <div class="flex items-center gap-3 mt-6">
                    <a href="https://facebook.com/unitedforsociety" target="_blank" rel="noopener" aria-label="Facebook" class="w-9 h-9 bg-gray-800 hover:bg-orange-600 rounded-full flex items-center justify-center transition-colors"><i class="fab fa-facebook-f text-sm"></i></a>
                    <a href="https://instagram.com/unitedforsociety" target="_blank" rel="noopener" aria-label="Instagram" class="w-9 h-9 bg-gray-800 hover:bg-orange-600 rounded-full flex items-center justify-center transition-colors"><i class="fab fa-instagram text-sm"></i></a>
                    <a href="https://linkedin.com/company/unitedforsociety" target="_blank" rel="noopener" aria-label="LinkedIn" class="w-9 h-9 bg-gray-800 hover:bg-orange-600 rounded-full flex items-center justify-center transition-colors"><i class="fab fa-linkedin-in text-sm"></i></a>
                    <a href="https://twitter.com/unitedforsociety" target="_blank" rel="noopener" aria-label="Twitter/X" class="w-9 h-9 bg-gray-800 hover:bg-orange-600 rounded-full flex items-center justify-center transition-colors"><i class="fab fa-x-twitter text-sm"></i></a>
                    <a href="https://youtube.com/@unitedforsociety" target="_blank" rel="noopener" aria-label="YouTube" class="w-9 h-9 bg-gray-800 hover:bg-orange-600 rounded-full flex items-center justify-center transition-colors"><i class="fab fa-youtube text-sm"></i></a>
                    <a href="https://wa.me/911234567890" target="_blank" rel="noopener" aria-label="WhatsApp" class="w-9 h-9 bg-gray-800 hover:bg-green-600 rounded-full flex items-center justify-center transition-colors"><i class="fab fa-whatsapp text-sm"></i></a>
                </div>
            </div>

            
            <div>
                <h4 class="text-white font-bold text-lg mb-5 pb-2 border-b border-gray-700">Quick Links</h4>
                <ul class="space-y-2 text-sm">
                    <li><a href="https://unitedforsociety.com" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-chevron-right text-orange-500 text-xs"></i>Home</a></li>
                    <li><a href="https://unitedforsociety.com/about" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-chevron-right text-orange-500 text-xs"></i>About Us</a></li>
                    <li><a href="https://unitedforsociety.com/causes" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-chevron-right text-orange-500 text-xs"></i>Our Causes</a></li>
                    <li><a href="https://unitedforsociety.com/projects" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-chevron-right text-orange-500 text-xs"></i>Projects</a></li>
                    <li><a href="https://unitedforsociety.com/campaigns" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-chevron-right text-orange-500 text-xs"></i>Campaigns</a></li>
                    <li><a href="https://unitedforsociety.com/events" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-chevron-right text-orange-500 text-xs"></i>Events</a></li>
                    <li><a href="https://unitedforsociety.com/gallery" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-chevron-right text-orange-500 text-xs"></i>Gallery</a></li>
                    <li><a href="https://unitedforsociety.com/blog" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-chevron-right text-orange-500 text-xs"></i>Blog</a></li>
                    <li><a href="https://unitedforsociety.com/contact" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-chevron-right text-orange-500 text-xs"></i>Contact Us</a></li>
                    <li><a href="https://unitedforsociety.com/volunteer" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-chevron-right text-orange-500 text-xs"></i>Volunteer</a></li>
                    <li><a href="https://unitedforsociety.com/csr-partnership" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-chevron-right text-orange-500 text-xs"></i>CSR Partnership</a></li>
                </ul>
            </div>

            
            <div>
                <h4 class="text-white font-bold text-lg mb-5 pb-2 border-b border-gray-700">Our Programs</h4>
                <ul class="space-y-2 text-sm">
                    <li><a href="https://unitedforsociety.com/causes/education" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-graduation-cap text-orange-500 w-4"></i>Education for All</a></li>
                    <li><a href="https://unitedforsociety.com/causes/healthcare" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-heartbeat text-red-500 w-4"></i>Healthcare Camps</a></li>
                    <li><a href="https://unitedforsociety.com/causes/women-empowerment" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-female text-pink-500 w-4"></i>Women Empowerment</a></li>
                    <li><a href="https://unitedforsociety.com/causes/child-welfare" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-child text-blue-400 w-4"></i>Child Welfare</a></li>
                    <li><a href="https://unitedforsociety.com/causes/senior-citizen" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-user-clock text-yellow-500 w-4"></i>Senior Citizen Care</a></li>
                    <li><a href="https://unitedforsociety.com/causes/environment" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-leaf text-green-500 w-4"></i>Environment</a></li>
                    <li><a href="https://unitedforsociety.com/causes/animal-welfare" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-paw text-yellow-600 w-4"></i>Animal Welfare</a></li>
                    <li><a href="https://unitedforsociety.com/causes/skill-development" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-tools text-teal-500 w-4"></i>Skill Development</a></li>
                    <li><a href="https://unitedforsociety.com/causes/food-distribution" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-utensils text-orange-500 w-4"></i>Food Distribution</a></li>
                    <li><a href="https://unitedforsociety.com/causes/disaster-relief" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-hand-holding-heart text-red-400 w-4"></i>Disaster Relief</a></li>
                </ul>
            </div>

            
            <div>
                <h4 class="text-white font-bold text-lg mb-5 pb-2 border-b border-gray-700">Legal & Downloads</h4>
                <div class="space-y-2 text-sm mb-6">
                    <div class="flex justify-between py-1 border-b border-gray-800"><span class="text-gray-400">Registered Under</span><span class="text-white font-medium">Societies Act</span></div>
                    <div class="flex justify-between py-1 border-b border-gray-800"><span class="text-gray-400">Registration No.</span><span class="text-white font-medium">XXXXX/2020</span></div>
                    <div class="flex justify-between py-1 border-b border-gray-800"><span class="text-gray-400">PAN Number</span><span class="text-white font-medium">AAAAA1234A</span></div>
                    <div class="flex justify-between py-1 border-b border-gray-800"><span class="text-gray-400">80G Certificate</span><span class="text-green-400 font-medium">✓ Valid</span></div>
                    <div class="flex justify-between py-1 border-b border-gray-800"><span class="text-gray-400">12A Certificate</span><span class="text-green-400 font-medium">✓ Valid</span></div>
                    <div class="flex justify-between py-1 border-b border-gray-800"><span class="text-gray-400">CSR Registration</span><span class="text-white font-medium">CSR00012345</span></div>
                </div>
                <ul class="space-y-2 text-sm">
                    <li><a href="https://unitedforsociety.com/about/annual-reports" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-file-pdf text-red-400 w-4"></i>Annual Reports</a></li>
                    <li><a href="https://unitedforsociety.com/about/transparency" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-file-alt text-blue-400 w-4"></i>Audit Reports</a></li>
                    <li><a href="https://unitedforsociety.com/privacy-policy" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-shield-alt text-gray-400 w-4"></i>Privacy Policy</a></li>
                    <li><a href="https://unitedforsociety.com/terms-conditions" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-file-contract text-gray-400 w-4"></i>Terms & Conditions</a></li>
                    <li><a href="https://unitedforsociety.com/refund-policy" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-undo text-gray-400 w-4"></i>Refund Policy</a></li>
                    <li><a href="https://unitedforsociety.com/disclaimer" class="hover:text-orange-400 transition-colors flex items-center gap-2"><i class="fas fa-info-circle text-gray-400 w-4"></i>Disclaimer</a></li>
                </ul>
            </div>
        </div>
    </div>

    
    <div class="border-t border-gray-800 py-6">
        <div class="max-w-7xl mx-auto px-4 flex flex-col md:flex-row justify-between items-center gap-4">
            <p class="text-gray-500 text-sm text-center md:text-left">
                &copy; 2026 United for Society. All rights reserved. Registered NGO in India.
            </p>
            <div class="flex items-center gap-1 text-gray-500 text-sm">
                <span>Made with</span>
                <i class="fas fa-heart text-red-500 mx-1"></i>
                <span>for a better India</span>
            </div>
            <a href="#" onclick="window.scrollTo({top:0,behavior:'smooth'}); return false;" class="w-10 h-10 bg-orange-600 hover:bg-orange-700 rounded-full flex items-center justify-center text-white transition-colors" aria-label="Back to top">
                <i class="fas fa-chevron-up"></i>
            </a>
        </div>
    </div>
</footer>

    
    <a href="https://wa.me/911234567890?text=Hello%2C%20I%20want%20to%20know%20more%20about%20United%20for%20Society" target="_blank" rel="noopener" aria-label="Chat on WhatsApp" class="fixed bottom-24 right-5 z-50 w-14 h-14 bg-green-500 hover:bg-green-600 text-white rounded-full flex items-center justify-center shadow-lg hover:shadow-green-400/40 transition-all hover:-translate-y-1 group">
    <i class="fab fa-whatsapp text-2xl"></i>
    <span class="absolute right-16 bg-gray-900 text-white text-xs px-3 py-1 rounded-lg whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none">Chat with us</span>
</a>


<a href="https://unitedforsociety.com/donate" aria-label="Donate Now" class="fixed bottom-5 right-5 z-50 px-5 py-3 bg-orange-600 hover:bg-orange-700 text-white rounded-full flex items-center gap-2 shadow-lg hover:shadow-orange-500/40 font-semibold transition-all hover:-translate-y-1 text-sm">
    <i class="fas fa-heart animate-pulse"></i>
    <span>Donate Now</span>
</a>

    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/glightbox/3.2.0/js/glightbox.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/alpinejs/3.13.3/cdn.min.js" defer></script>

    <script>
        AOS.init({ duration: 800, once: true, offset: 80 });
    </script>

    </body>
</html>
